rmorawski/standardnotes-app-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: handle removed grey-x colors from stylekit (#1046)

Browse Source
This commit is contained in:
Mo
2022-05-23 18:09:30 -05:00
committed by GitHub
parent 4e621cadde
commit c6839f776a
35 changed files with 62 additions and 67 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
app/assets/stylesheets/_navigation.scss
View File

@@ -53,11 +53,6 @@ $content-horizontal-padding: 16px;
&.active {
opacity: 1;
&.is-over {
background-color: var(--sn-stylekit-white);
color: var(--sn-stylekit-secondary-contrast-foreground-color);
}
}
}

2
app/assets/stylesheets/_reach-sub.scss
View File

@@ -20,7 +20,7 @@
}
.challenge-modal-overlay::before {
background-color: var(--sn-stylekit-grey-5);
background-color: var(--sn-stylekit-passive-color-5);
}
[data-reach-dialog-content] {

2
app/assets/stylesheets/_sn.scss
View File

@@ -211,7 +211,7 @@
}
.placeholder-dark-red::placeholder {
@extend .color-dark-red;
@extend .color-danger;
}
.placeholder-medium::placeholder {

6
app/assets/stylesheets/_theme.scss
View File

@@ -15,10 +15,10 @@
--text-selection-background-color: var(--sn-stylekit-info-color);
--note-preview-progress-color: var(--sn-stylekit-info-color);
--note-preview-progress-background-color: var(--sn-stylekit-grey-4-opacity-variant);
--note-preview-progress-background-color: var(--sn-stylekit-passive-color-4-opacity-variant);
--note-preview-selected-progress-color: var(--sn-stylekit-secondary-background-color);
--note-preview-selected-progress-background-color:var(--sn-stylekit-grey-4-opacity-variant);
--note-preview-selected-progress-background-color:var(--sn-stylekit-passive-color-4-opacity-variant);
--items-column-background-color: var(--sn-stylekit-background-color);
--items-column-items-background-color: var(--sn-stylekit-background-color);
@@ -37,7 +37,7 @@
--preferences-navigation-icon-color: var(--sn-stylekit-neutral-color);
--preferences-navigation-selected-background-color: var(--sn-stylekit-info-backdrop-color);
--dropdown-menu-radio-button-inactive-color: var(--sn-stylekit-grey-1);
--dropdown-menu-radio-button-inactive-color: var(--sn-stylekit-passive-color-1);
--panel-resizer-background-color: var(--sn-stylekit-secondary-contrast-background-color);
--link-element-color: var(--sn-stylekit-info-color);

12
app/assets/stylesheets/utils/_color.scss
View File

@@ -9,16 +9,16 @@
opacity: $opacity;
}
.bg-grey-super-light {
background-color: var(--sn-stylekit-grey-super-light);
.bg-passive-super-light {
background-color: var(--sn-stylekit-passive-color-super-light);
}
.bg-inverted-default {
background-color: var(--sn-stylekit-contrast-foreground-color);
}
.hover\:bg-grey-4:hover {
background: var(--sn-stylekit-grey-4);
.hover\:bg-passive-4:hover {
background: var(--sn-stylekit-passive-color-4);
}
.focus\:bg-info:focus {
@@ -45,8 +45,8 @@
background-color: var(--sn-stylekit-background-color);
}
.hover\:bg-grey-5:hover {
background-color: var(--sn-stylekit-grey-5);
.hover\:bg-passive-5:hover {
background-color: var(--sn-stylekit-passive-color-5);
}
.bg-warning-faded::after {