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

fix: 🐛 Adjusted dark mode gray scale and fixed radio card colors (#1065)

Browse Source 
Adjusted dark mode gray scale to be a bit darker and 
made the active selected radio card lighter in dark mode

✅ Closes: ICU-4021
This commit is contained in:
Zed authored and GitHub committed 2022-04-26 11:28:02 -04:00
1 parent e0cbbefb41
commit 07ed40ce03
3 files changed
+13 -6
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

addons/rose/addon/styles/rose/components/form/_radio-card.scss
+9 -3
View File
@@ -75,8 +75,6 @@ $radio-svg: (
}
.rose-form-radio-label {
@include type.type(s, bold);
display: flex;
color: var(--black);
width: ($size-m) * 23;
height: 100%;
display: block;
@@ -88,7 +86,6 @@ $radio-svg: (
border-radius: $size-xxs;
padding: $size-s $size-m ($size-xl + $size-m);
box-sizing: border-box;
background-color: var(--white);
.rose-form-helper-text {
@include type.type(xs, normal);
padding-top: $size-xs;
@@ -140,6 +137,15 @@ $radio-svg: (
}
.radio-card-overlay {
background-color: var(--action-subtler-1h);
.ember-application.rose-theme-light & {
background-color: var(--action-subtler-1h);
}
@media (prefers-color-scheme: dark) {
background-color: var(--action-subtler-1);
}
.ember-application.rose-theme-dark & {
background-color: var(--action-subtler-1);
}
}
border: $size-xxxxs solid var(--info-subtler-1);
}
addons/rose/addon/styles/rose/variables/color/_css.scss
+3 -3
View File
@@ -123,9 +123,9 @@
--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-6: #{color(ui-gray, 950)};
--ui-gray-subtler-5: #{color(ui-gray, 900)};
--ui-gray-subtler-4: #{color(ui-gray, 800)};
--ui-gray-subtler-3: #{color(ui-gray, 600)};
--ui-gray-subtler-2: #{color(ui-gray, 500)};
--ui-gray-subtler-1: #{color(ui-gray, 400)};
addons/rose/addon/styles/rose/variables/color/_sass.scss
+1
View File
@@ -41,6 +41,7 @@ $color-values: (
700: #525761,
800: #373a42,
900: #1f2124,
950: #15171C
),
ui-cool-gray: (
010: #fdfdfe,