CyberCoveLLC/threshold-ui
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

chore: 🤖 disable dark mode

Browse Source
This commit is contained in:
Randall Morey committed 2020-08-28 10:49:00 -04:00
1 parent dabeff6cb8
commit 5fbae32ce9
1 file changed
+60 -59
Download Patch File Download Diff File Expand all files Collapse all files
addons/rose/addon/styles/rose/variables/color/_css.scss
+60 -59
View File
@@ -79,63 +79,64 @@
--ui-header-subtler: #{color(ui-cool-gray, 700)}; --ui-header-subtler: #{color(ui-cool-gray, 700)};
} }
// NOTE: dark mode is disabled for now.
// Dark Mode // Dark Mode
@media (prefers-color-scheme: dark) { // @media (prefers-color-scheme: dark) {
:root { // :root {
// poles // // poles
--subtle: #{darken(color(ui-gray, 900), 2%)}; // --subtle: #{darken(color(ui-gray, 900), 2%)};
--stark: var(--white); // --stark: var(--white);
--stark-components: 255, 255, 255; // --stark-components: 255, 255, 255;
//
// theme colors // // theme colors
--info-subtler-3: #{color(blue, 800)}; // --info-subtler-3: #{color(blue, 800)};
--info-subtler-2: #{color(blue, 700)}; // --info-subtler-2: #{color(blue, 700)};
--info-subtler-1: #{color(blue, 600)}; // --info-subtler-1: #{color(blue, 600)};
--info: #{color(blue)}; // --info: #{color(blue)};
--info-starker-1: #{color(blue, 300)}; // --info-starker-1: #{color(blue, 300)};
--info-starker-2: #{color(blue, 200)}; // --info-starker-2: #{color(blue, 200)};
//
--alert-subtler-2: #{color(orange, 900)}; // --alert-subtler-2: #{color(orange, 900)};
--alert-subtler-1: #{color(orange, 800)}; // --alert-subtler-1: #{color(orange, 800)};
--alert: #{color(orange)}; // --alert: #{color(orange)};
--alert-starker-1: #{color(orange, 200)}; // --alert-starker-1: #{color(orange, 200)};
//
--warning-subtler-2: #{color(yellow, 900)}; // --warning-subtler-2: #{color(yellow, 900)};
--warning-subtler-1: #{color(yellow, 800)}; // --warning-subtler-1: #{color(yellow, 800)};
--warning: #{color(yellow)}; // --warning: #{color(yellow)};
--warning-starker-1: #{color(yellow, 200)}; // --warning-starker-1: #{color(yellow, 200)};
//
--failure-subtler-2: #{color(red, 900)}; // --failure-subtler-2: #{color(red, 900)};
--failure-subtler-1: #{color(red, 800)}; // --failure-subtler-1: #{color(red, 800)};
--failure: #{lighten(color(red, 400), 2.5%)}; // --failure: #{lighten(color(red, 400), 2.5%)};
--failure-starker-1: #{color(red, 300)}; // --failure-starker-1: #{color(red, 300)};
//
--success-subtler-2: #{color(green, 900)}; // --success-subtler-2: #{color(green, 900)};
--success-subtler-1: #{color(green, 800)}; // --success-subtler-1: #{color(green, 800)};
--success: #{color(green)}; // --success: #{color(green)};
--success-starker-1: #{color(green, 200)}; // --success-starker-1: #{color(green, 200)};
//
--action-subtler-2: #{color(blue, 900)}; // --action-subtler-2: #{color(blue, 900)};
--action-subtler-1h: #{color(blue, 800)}; // --action-subtler-1h: #{color(blue, 800)};
--action-subtler-1: #{color(blue, 800)}; // --action-subtler-1: #{color(blue, 800)};
--action: #{color(blue, 300)}; // --action: #{color(blue, 300)};
--action-starker-1: #{color(blue, 200)}; // --action-starker-1: #{color(blue, 200)};
//
--ui-border-subtler-1: #{color(ui-gray, 800)}; // --ui-border-subtler-1: #{color(ui-gray, 800)};
--ui-border: #{color(ui-gray, 700)}; // --ui-border: #{color(ui-gray, 700)};
//
--ui-gray-subtler-6: #{color(ui-gray, 900)}; // --ui-gray-subtler-6: #{color(ui-gray, 900)};
--ui-gray-subtler-5: #{color(ui-gray, 800)}; // --ui-gray-subtler-5: #{color(ui-gray, 800)};
--ui-gray-subtler-4: #{color(ui-gray, 700)}; // --ui-gray-subtler-4: #{color(ui-gray, 700)};
--ui-gray-subtler-3: #{color(ui-gray, 600)}; // --ui-gray-subtler-3: #{color(ui-gray, 600)};
--ui-gray-subtler-2: #{color(ui-gray, 500)}; // --ui-gray-subtler-2: #{color(ui-gray, 500)};
--ui-gray-subtler-1: #{color(ui-gray, 400)}; // --ui-gray-subtler-1: #{color(ui-gray, 400)};
--ui-gray: #{color(ui-gray, 300)}; // --ui-gray: #{color(ui-gray, 300)};
--ui-gray-starker-1: #{color(ui-gray, 200)}; // --ui-gray-starker-1: #{color(ui-gray, 200)};
--ui-gray-starker-2: #{color(ui-gray, 100)}; // --ui-gray-starker-2: #{color(ui-gray, 100)};
--ui-gray-starker-3: #{color(ui-gray, 050)}; // --ui-gray-starker-3: #{color(ui-gray, 050)};
--ui-gray-starker-4: #{color(ui-gray, 010)}; // --ui-gray-starker-4: #{color(ui-gray, 010)};
//
--ui-header-subtler: #{color(ui-cool-gray, 100)}; // --ui-header-subtler: #{color(ui-cool-gray, 100)};
} // }
} // }