Hello from MCP server

List Files | Just Commands | Repo | Logs
← back | 
/* For information on how to create your own theme, please see:
http://ionicframework.com/docs/theming/ */

:root {
    --ion-color-primary: #000000;
    --ion-color-primary-rgb: 0,0,0;
    --ion-color-primary-contrast: #ffffff;
    --ion-color-primary-contrast-rgb: 255,255,255;
    --ion-color-primary-shade: #000000;
    --ion-color-primary-tint: #1a1a1a;

    --ion-color-secondary: #00beff;
    --ion-color-secondary-rgb: 0,190,255;
    --ion-color-secondary-contrast: #000000;
    --ion-color-secondary-contrast-rgb: 0,0,0;
    --ion-color-secondary-shade: #00a8e0;
    --ion-color-secondary-tint: #1ac5ff;

    --ion-color-tertiary: #76dd54;
    --ion-color-tertiary-rgb: 118,221,84;
    --ion-color-tertiary-contrast: #000000;
    --ion-color-tertiary-contrast-rgb: 0,0,0;
    --ion-color-tertiary-shade: #68c24a;
    --ion-color-tertiary-tint: #84e065;

    --ion-color-success: #76dd54;
    --ion-color-success-rgb: 118,221,84;
    --ion-color-success-contrast: #000000;
    --ion-color-success-contrast-rgb: 0,0,0;
    --ion-color-success-shade: #68c24a;
    --ion-color-success-tint: #84e065;

    --ion-color-warning: #ffea00;
    --ion-color-warning-rgb: 255,234,0;
    --ion-color-warning-contrast: #000000;
    --ion-color-warning-contrast-rgb: 0,0,0;
    --ion-color-warning-shade: #e0ce00;
    --ion-color-warning-tint: #ffec1a;

    --ion-color-danger: #ff1f1f;
    --ion-color-danger-rgb: 255,31,31;
    --ion-color-danger-contrast: #ffffff;
    --ion-color-danger-contrast-rgb: 255,255,255;
    --ion-color-danger-shade: #e01b1b;
    --ion-color-danger-tint: #ff3535;

    --ion-color-light: #e3e4e6;
    --ion-color-light-rgb: 227,228,230;
    --ion-color-light-contrast: #000000;
    --ion-color-light-contrast-rgb: 0,0,0;
    --ion-color-light-shade: #c8c9ca;
    --ion-color-light-tint: #e6e7e9;

    --ion-color-medium: #4f5863;
    --ion-color-medium-rgb: 79,88,99;
    --ion-color-medium-contrast: #ffffff;
    --ion-color-medium-contrast-rgb: 255,255,255;
    --ion-color-medium-shade: #464d57;
    --ion-color-medium-tint: #616973;

    --ion-color-dark: #0f172a;
    --ion-color-dark-rgb: 15,23,42;
    --ion-color-dark-contrast: #ffffff;
    --ion-color-dark-contrast-rgb: 255,255,255;
    --ion-color-dark-shade: #020617;
    --ion-color-dark-tint: #1e293b;

    /* Background and text color step variables for light mode */
    --ion-background-color: #f7f7f7;
    --ion-background-color-rgb: 247,247,247;

    --ion-text-color: #000000;
    --ion-text-color-rgb: 0,0,0;

    --ion-text-color-step-50: #0c0c0c;
    --ion-text-color-step-100: #191919;
    --ion-text-color-step-150: #252525;
    --ion-text-color-step-200: #313131;
    --ion-text-color-step-250: #3e3e3e;
    --ion-text-color-step-300: #4a4a4a;
    --ion-text-color-step-350: #565656;
    --ion-text-color-step-400: #636363;
    --ion-text-color-step-450: #6f6f6f;
    --ion-text-color-step-500: #7c7c7c;
    --ion-text-color-step-550: #888888;
    --ion-text-color-step-600: #949494;
    --ion-text-color-step-650: #a1a1a1;
    --ion-text-color-step-700: #adadad;
    --ion-text-color-step-750: #b9b9b9;
    --ion-text-color-step-800: #c6c6c6;
    --ion-text-color-step-850: #d2d2d2;
    --ion-text-color-step-900: #dedede;
    --ion-text-color-step-950: #ebebeb;

    --ion-background-color-step-50: #ebebeb;
    --ion-background-color-step-100: #dedede;
    --ion-background-color-step-150: #d2d2d2;
    --ion-background-color-step-200: #c6c6c6;
    --ion-background-color-step-250: #b9b9b9;
    --ion-background-color-step-300: #adadad;
    --ion-background-color-step-350: #a1a1a1;
    --ion-background-color-step-400: #949494;
    --ion-background-color-step-450: #888888;
    --ion-background-color-step-500: #7c7c7c;
    --ion-background-color-step-550: #6f6f6f;
    --ion-background-color-step-600: #636363;
    --ion-background-color-step-650: #565656;
    --ion-background-color-step-700: #4a4a4a;
    --ion-background-color-step-750: #3e3e3e;
    --ion-background-color-step-800: #313131;
    --ion-background-color-step-850: #252525;
    --ion-background-color-step-900: #191919;
    --ion-background-color-step-950: #0c0c0c;
}

/* Dark mode palette */
.ion-palette-dark {
    --ion-background-color: #000000;
    --ion-background-color-rgb: 0,0,0;
    --ion-text-color: #ffffff;
    --ion-text-color-rgb: 255,255,255;

    --ion-background-color-step-50: #0d0d0d;
    --ion-background-color-step-100: #1a1a1a;
    --ion-background-color-step-150: #262626;
    --ion-background-color-step-200: #333333;
    --ion-background-color-step-250: #404040;
    --ion-background-color-step-300: #4d4d4d;
    --ion-background-color-step-350: #595959;
    --ion-background-color-step-400: #666666;
    --ion-background-color-step-450: #737373;
    --ion-background-color-step-500: #808080;
    --ion-background-color-step-550: #8c8c8c;
    --ion-background-color-step-600: #999999;
    --ion-background-color-step-650: #a6a6a6;
    --ion-background-color-step-700: #b3b3b3;
    --ion-background-color-step-750: #bfbfbf;
    --ion-background-color-step-800: #cccccc;
    --ion-background-color-step-850: #d9d9d9;
    --ion-background-color-step-900: #e6e6e6;
    --ion-background-color-step-950: #f2f2f2;

    --ion-text-color-step-50: #f2f2f2;
    --ion-text-color-step-100: #e6e6e6;
    --ion-text-color-step-150: #d9d9d9;
    --ion-text-color-step-200: #cccccc;
    --ion-text-color-step-250: #bfbfbf;
    --ion-text-color-step-300: #b3b3b3;
    --ion-text-color-step-350: #a6a6a6;
    --ion-text-color-step-400: #999999;
    --ion-text-color-step-450: #8c8c8c;
    --ion-text-color-step-500: #808080;
    --ion-text-color-step-550: #737373;
    --ion-text-color-step-600: #666666;
    --ion-text-color-step-650: #595959;
    --ion-text-color-step-700: #4d4d4d;
    --ion-text-color-step-750: #404040;
    --ion-text-color-step-800: #333333;
    --ion-text-color-step-850: #262626;
    --ion-text-color-step-900: #1a1a1a;
    --ion-text-color-step-950: #0d0d0d;
}