ShadowFox/css/common-files/color_variables.css

128 lines
4.7 KiB
CSS

:root {
--magenta-50: #ff1ad9;
--magenta-60: #ed00b5;
--magenta-70: #b5007f;
--magenta-80: #7d004f;
--magenta-90: #440027;
--purple-50: #9400ff;
--purple-60: #8000d7;
--purple-70: #6200a4;
--purple-80: #440071;
--purple-90: #25003e;
--blue-40: #45a1ff;
--blue-50: #0a84ff;
--blue-60: #0060df;
--blue-70: #003eaa;
--blue-80: #002275;
--blue-90: #000f40;
--teal-50: #00feff;
--teal-60: #00c8d7;
--teal-70: #008ea4;
--teal-80: #005a71;
--teal-90: #002d3e;
--green-50: #30e60b;
--green-60: #12bc00;
--green-70: #058b00;
--green-80: #006504;
--green-90: #003706;
--yellow-50: #ffe900;
--yellow-60: #d7b600;
--yellow-70: #a47f00;
--yellow-80: #715100;
--yellow-90: #3e2800;
--red-50: #ff0039;
--red-60: #d70022;
--red-70: #a4000f;
--red-80: #5a0002;
--red-90: #3e0200;
--orange-50: #ff9400;
--orange-60: #d76e00;
--orange-70: #a44900;
--orange-80: #712b00;
--orange-90: #3e1300;
--grey-10: #f9f9fa;
--grey-20: #ededf0;
--grey-30: #d7d7db;
--grey-40: #b1b1b3;
--grey-50: #737373;
--grey-60: #4a4a4f;
--grey-70: #38383d;
--grey-80: #2a2a2e;
--grey-90: #0c0c0d;
--code-green: #86de74!important;
--warning-color: #FCE19F;
--warning-background-color: #44391F;
--theme-highlight-green: #86DE74;
--theme-highlight-blue: #75BFFF;
--theme-highlight-purple: #B98EFF;
--theme-highlight-red: #FF7DE9;
--theme-highlight-yellow: #FFF89E;
--theme-highlight-bluegrey: #5e88b0;
--theme-highlight-lightorange: #d99b28;
--theme-highlight-orange: #d96629;
--theme-highlight-pink: #df80ff;
--tone-1: var(--grey-10);
--tone-2: var(--grey-20);
--tone-3: var(--grey-30);
--tone-4: var(--grey-40);
--tone-5: var(--grey-50);
--tone-6: var(--grey-60);
--tone-7: var(--grey-70);
--tone-8: var(--grey-80);
--tone-9: var(--grey-90);
--accent-1: var(--blue-40);
--accent-2: var(--blue-50);
--accent-3: var(--blue-60);
--in-content-page-color: var(--tone-4)!important;
--in-content-page-background: var(--tone-7)!important;
--in-content-text-color: var(--tone-3)!important;
--in-content-selected-text: var(--tone-1)!important;
--in-content-box-background: var(--tone-6)!important;
--in-content-box-background-odd: #f3f6fa;
--in-content-box-background-hover: var(--tone-6)!important;
--in-content-box-background-active: var(--tone-6)!important;
--in-content-box-border-color: var(--tone-5)!important;
--in-content-item-hover: rgba(0,149,221,0.25);
--in-content-item-selected: var(--tone-8)!important;
--in-content-border-highlight: var(--accent-1)!important;
--in-content-border-focus: var(--accent-1)!important;
--in-content-border-color: var(--tone-6)!important;
--in-content-category-outline-focus: 1px dotted #0a84ff;
--in-content-category-text: var(--tone-4)!important;
--in-content-category-text-active: #0c0c0d;
--in-content-category-text-selected: var(--accent-1)!important;
--in-content-category-text-selected-active: #0060df;
--in-content-category-background-hover: rgba(12,12,13,0.1);
--in-content-category-background-active: rgba(12,12,13,0.15);
--in-content-category-background-selected-hover: rgba(12,12,13,0.15);
--in-content-category-background-selected-active: rgba(12,12,13,0.2);
--in-content-tab-color: #424f5a;
--in-content-link-color: var(--accent-1)!important;
--in-content-link-color-hover: var(--accent-2)!important;
--in-content-link-color-active: #003eaa;
--in-content-link-color-visited: #0a8dff;
--in-content-primary-button-background: var(--accent-2)!important;
--in-content-primary-button-background-hover: var(--accent-3)!important;
--in-content-primary-button-background-active: var(--accent-3)!important;
--in-content-table-border-dark-color: var(--tone-7)!important;
--in-content-table-header-background: var(--accent-2)!important;
--theme-selection-background: var(--accent-2)!important;
--theme-selection-background-hover: var(--accent-1)!important;
--in-content-category-header-background: var(--tone-8)!important;
--selected-icon-fill-color: var(--tone-2)!important;
--in-content-dark-header-background: var(--tone-9)!important;
--secure-connection-color: var(--accent-1);
--theme-sidebar-background: #1B1B1D!important;
--cm-background: var(--tone-8)!important;
--cm-selection: #353b48!important;
--cm-marker: #555!important;
--cm-linenumber: #58575c!important;
--cm-cursor: #fff!important;
--cm-active-line-background: rgba(185,215,253,.15)!important;
--cm-matching-bracket: rgba(255,255,255,.25)!important;
--cm-search-background: rgba(24,29,32,1)!important;
--cm-red: #de7474!important;
--start-indicator-for-updater-scripts: black;
--end-indicator-for-updater-scripts: black;
--dummy-variable-for-updater-scripys: black
}