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)};
}
// NOTE: dark mode is disabled for now.
// Dark Mode
@media (prefers-color-scheme: dark) {
:root {
// poles
--subtle: #{darken(color(ui-gray, 900), 2%)};
--stark: var(--white);
--stark-components: 255, 255, 255;
// theme colors
--info-subtler-3: #{color(blue, 800)};
--info-subtler-2: #{color(blue, 700)};
--info-subtler-1: #{color(blue, 600)};
--info: #{color(blue)};
--info-starker-1: #{color(blue, 300)};
--info-starker-2: #{color(blue, 200)};
--alert-subtler-2: #{color(orange, 900)};
--alert-subtler-1: #{color(orange, 800)};
--alert: #{color(orange)};
--alert-starker-1: #{color(orange, 200)};
--warning-subtler-2: #{color(yellow, 900)};
--warning-subtler-1: #{color(yellow, 800)};
--warning: #{color(yellow)};
--warning-starker-1: #{color(yellow, 200)};
--failure-subtler-2: #{color(red, 900)};
--failure-subtler-1: #{color(red, 800)};
--failure: #{lighten(color(red, 400), 2.5%)};
--failure-starker-1: #{color(red, 300)};
--success-subtler-2: #{color(green, 900)};
--success-subtler-1: #{color(green, 800)};
--success: #{color(green)};
--success-starker-1: #{color(green, 200)};
--action-subtler-2: #{color(blue, 900)};
--action-subtler-1h: #{color(blue, 800)};
--action-subtler-1: #{color(blue, 800)};
--action: #{color(blue, 300)};
--action-starker-1: #{color(blue, 200)};
--ui-border-subtler-1: #{color(ui-gray, 800)};
--ui-border: #{color(ui-gray, 700)};
--ui-gray-subtler-6: #{color(ui-gray, 900)};
--ui-gray-subtler-5: #{color(ui-gray, 800)};
--ui-gray-subtler-4: #{color(ui-gray, 700)};
--ui-gray-subtler-3: #{color(ui-gray, 600)};
--ui-gray-subtler-2: #{color(ui-gray, 500)};
--ui-gray-subtler-1: #{color(ui-gray, 400)};
--ui-gray: #{color(ui-gray, 300)};
--ui-gray-starker-1: #{color(ui-gray, 200)};
--ui-gray-starker-2: #{color(ui-gray, 100)};
--ui-gray-starker-3: #{color(ui-gray, 050)};
--ui-gray-starker-4: #{color(ui-gray, 010)};
--ui-header-subtler: #{color(ui-cool-gray, 100)};
}
}
// @media (prefers-color-scheme: dark) {
// :root {
// // poles
// --subtle: #{darken(color(ui-gray, 900), 2%)};
// --stark: var(--white);
// --stark-components: 255, 255, 255;
//
// // theme colors
// --info-subtler-3: #{color(blue, 800)};
// --info-subtler-2: #{color(blue, 700)};
// --info-subtler-1: #{color(blue, 600)};
// --info: #{color(blue)};
// --info-starker-1: #{color(blue, 300)};
// --info-starker-2: #{color(blue, 200)};
//
// --alert-subtler-2: #{color(orange, 900)};
// --alert-subtler-1: #{color(orange, 800)};
// --alert: #{color(orange)};
// --alert-starker-1: #{color(orange, 200)};
//
// --warning-subtler-2: #{color(yellow, 900)};
// --warning-subtler-1: #{color(yellow, 800)};
// --warning: #{color(yellow)};
// --warning-starker-1: #{color(yellow, 200)};
//
// --failure-subtler-2: #{color(red, 900)};
// --failure-subtler-1: #{color(red, 800)};
// --failure: #{lighten(color(red, 400), 2.5%)};
// --failure-starker-1: #{color(red, 300)};
//
// --success-subtler-2: #{color(green, 900)};
// --success-subtler-1: #{color(green, 800)};
// --success: #{color(green)};
// --success-starker-1: #{color(green, 200)};
//
// --action-subtler-2: #{color(blue, 900)};
// --action-subtler-1h: #{color(blue, 800)};
// --action-subtler-1: #{color(blue, 800)};
// --action: #{color(blue, 300)};
// --action-starker-1: #{color(blue, 200)};
//
// --ui-border-subtler-1: #{color(ui-gray, 800)};
// --ui-border: #{color(ui-gray, 700)};
//
// --ui-gray-subtler-6: #{color(ui-gray, 900)};
// --ui-gray-subtler-5: #{color(ui-gray, 800)};
// --ui-gray-subtler-4: #{color(ui-gray, 700)};
// --ui-gray-subtler-3: #{color(ui-gray, 600)};
// --ui-gray-subtler-2: #{color(ui-gray, 500)};
// --ui-gray-subtler-1: #{color(ui-gray, 400)};
// --ui-gray: #{color(ui-gray, 300)};
// --ui-gray-starker-1: #{color(ui-gray, 200)};
// --ui-gray-starker-2: #{color(ui-gray, 100)};
// --ui-gray-starker-3: #{color(ui-gray, 050)};
// --ui-gray-starker-4: #{color(ui-gray, 010)};
//
// --ui-header-subtler: #{color(ui-cool-gray, 100)};
// }
// }