fix(web): navigation styles (#1177)
This commit is contained in:
@@ -6,6 +6,13 @@
|
||||
--highlight-color: #d68420;
|
||||
--highlight-contrast: #e3ae74;
|
||||
|
||||
--sn-stylekit-passive-color-0: #7e582a;
|
||||
--sn-stylekit-passive-color-1: #a37337;
|
||||
--sn-stylekit-passive-color-3: #d9c6b1;
|
||||
--sn-stylekit-passive-color-4: #e3d5c4;
|
||||
--sn-stylekit-passive-color-4-opacity-variant: #c9995e3d;
|
||||
--sn-stylekit-passive-color-5: #e9d9c7;
|
||||
|
||||
--sn-stylekit-info-color: #a37337;
|
||||
--sn-stylekit-info-contrast-color: #ebcdaa;
|
||||
|
||||
@@ -33,7 +40,7 @@
|
||||
--sn-stylekit-contrast-foreground-color: var(--foreground-color);
|
||||
--sn-stylekit-contrast-border-color: var(--border-color);
|
||||
|
||||
--sn-stylekit-secondary-background-color: var(--background-1);
|
||||
--sn-stylekit-secondary-background-color: var(--sn-stylekit-passive-color-4);
|
||||
--sn-stylekit-secondary-foreground-color: var(--foreground-color);
|
||||
--sn-stylekit-secondary-border-color: var(--border-color);
|
||||
|
||||
@@ -51,11 +58,6 @@
|
||||
--sn-desktop-titlebar-border-color: var(--border-color);
|
||||
--sn-desktop-titlebar-ui-color: var(--foreground-color);
|
||||
--sn-desktop-titlebar-ui-hover-color: var(--highlight-color);
|
||||
|
||||
--sn-stylekit-passive-color-0: #7e582a;
|
||||
--sn-stylekit-passive-color-1: #a37337;
|
||||
--sn-stylekit-passive-color-4-opacity-variant: #c9995e3d;
|
||||
--sn-stylekit-passive-color-5: #e9d9c7;
|
||||
}
|
||||
|
||||
#notes-column .note.selected,
|
||||
|
||||
@@ -12,6 +12,11 @@
|
||||
|
||||
// StyleKit Vars
|
||||
|
||||
--sn-stylekit-passive-color-0: #999999;
|
||||
--sn-stylekit-passive-color-3: #28292b;
|
||||
--sn-stylekit-passive-color-4: #1c1d1e;
|
||||
--sn-stylekit-passive-color-5: #1d1f20;
|
||||
|
||||
--sn-stylekit-shadow-color: #000000;
|
||||
|
||||
--sn-stylekit-info-color: var(--highlight-color);
|
||||
@@ -40,7 +45,7 @@
|
||||
--sn-stylekit-contrast-foreground-color: #ffffff;
|
||||
--sn-stylekit-contrast-border-color: #000000;
|
||||
|
||||
--sn-stylekit-secondary-background-color: #0f1011;
|
||||
--sn-stylekit-secondary-background-color: var(--sn-stylekit-passive-color-4);
|
||||
--sn-stylekit-secondary-foreground-color: #ffffff;
|
||||
--sn-stylekit-secondary-border-color: #000000;
|
||||
|
||||
@@ -59,9 +64,4 @@
|
||||
--sn-stylekit-scrollbar-thumb-color: var(--sn-stylekit-info-color);
|
||||
|
||||
--sn-stylekit-menu-border: 1px solid #424242;
|
||||
|
||||
--sn-stylekit-passive-color-0: #999999;
|
||||
--sn-stylekit-passive-color-3: #28292b;
|
||||
--sn-stylekit-passive-color-4: #1c1d1e;
|
||||
--sn-stylekit-passive-color-5: #1d1f20;
|
||||
}
|
||||
|
||||
@@ -5,6 +5,13 @@
|
||||
--border-color: #20222c;
|
||||
|
||||
// StyleKit Vars
|
||||
|
||||
--sn-stylekit-passive-color-0: #a4a5b3;
|
||||
--sn-stylekit-passive-color-3: #3a3a48;
|
||||
--sn-stylekit-passive-color-4: #2c2c39;
|
||||
--sn-stylekit-passive-color-4-opacity-variant: #292937;
|
||||
--sn-stylekit-passive-color-5: #2e2e3e;
|
||||
|
||||
--sn-stylekit-shadow-color: var(--border-color);
|
||||
|
||||
--sn-stylekit-info-color: var(--highlight-color);
|
||||
@@ -33,7 +40,7 @@
|
||||
--sn-stylekit-contrast-foreground-color: #a9aabe;
|
||||
--sn-stylekit-contrast-border-color: #0f1116;
|
||||
|
||||
--sn-stylekit-secondary-background-color: #20202b;
|
||||
--sn-stylekit-secondary-background-color: var(--sn-stylekit-passive-color-4);
|
||||
--sn-stylekit-secondary-foreground-color: #a9aabe;
|
||||
--sn-stylekit-secondary-border-color: #20222c;
|
||||
|
||||
@@ -52,10 +59,4 @@
|
||||
--sn-desktop-titlebar-ui-hover-color: var(--highlight-color);
|
||||
|
||||
--sn-stylekit-menu-border: 1px solid #434b60;
|
||||
|
||||
--sn-stylekit-passive-color-0: #a4a5b3;
|
||||
--sn-stylekit-passive-color-3: #3a3a48;
|
||||
--sn-stylekit-passive-color-4: #2c2c39;
|
||||
--sn-stylekit-passive-color-4-opacity-variant: #292937;
|
||||
--sn-stylekit-passive-color-5: #2e2e3e;
|
||||
}
|
||||
|
||||
@@ -26,6 +26,13 @@
|
||||
--sn-desktop-titlebar-ui-hover-color: var(--sn-stylekit-info-color);
|
||||
|
||||
// StyleKit Vars
|
||||
|
||||
--sn-stylekit-passive-color-0: #94979e;
|
||||
--sn-stylekit-passive-color-3: #2c2c39;
|
||||
--sn-stylekit-passive-color-4: #313142;
|
||||
--sn-stylekit-passive-color-4-opacity-variant: #292937;
|
||||
--sn-stylekit-passive-color-5: #313142;
|
||||
|
||||
--sn-stylekit-shadow-color: #20202b;
|
||||
|
||||
--sn-stylekit-background-color: #20202b;
|
||||
@@ -36,7 +43,7 @@
|
||||
--sn-stylekit-contrast-foreground-color: var(--ui-text-color);
|
||||
--sn-stylekit-contrast-border-color: var(--border-color);
|
||||
|
||||
--sn-stylekit-secondary-background-color: #292937;
|
||||
--sn-stylekit-secondary-background-color: var(--sn-stylekit-passive-color-4);
|
||||
--sn-stylekit-secondary-foreground-color: var(--ui-text-color);
|
||||
--sn-stylekit-secondary-border-color: var(--border-color);
|
||||
|
||||
@@ -53,10 +60,4 @@
|
||||
--sn-stylekit-scrollbar-thumb-color: var(--sn-stylekit-info-color);
|
||||
|
||||
--sn-stylekit-menu-border: 1px solid #494965;
|
||||
|
||||
--sn-stylekit-passive-color-0: #94979e;
|
||||
--sn-stylekit-passive-color-3: #2c2c39;
|
||||
--sn-stylekit-passive-color-4: #313142;
|
||||
--sn-stylekit-passive-color-4-opacity-variant: #292937;
|
||||
--sn-stylekit-passive-color-5: #313142;
|
||||
}
|
||||
|
||||
@@ -25,6 +25,14 @@
|
||||
--sn-component-inner-border-color: var(--highlight-color);
|
||||
|
||||
// StyleKit Vars
|
||||
|
||||
--sn-stylekit-passive-color-0: #a8bdbd;
|
||||
--sn-stylekit-passive-color-1: #93a1a1;
|
||||
--sn-stylekit-passive-color-3: #0d4f60;
|
||||
--sn-stylekit-passive-color-4: #083642;
|
||||
--sn-stylekit-passive-color-4-opacity-variant: #2aa1983d;
|
||||
--sn-stylekit-passive-color-5: #003542;
|
||||
|
||||
--sn-stylekit-info-color: var(--highlight-color);
|
||||
--sn-stylekit-info-contrast-color: var(--foreground-color);
|
||||
|
||||
@@ -52,7 +60,7 @@
|
||||
--sn-stylekit-contrast-foreground-color: var(--foreground-color);
|
||||
--sn-stylekit-contrast-border-color: var(--border-color);
|
||||
|
||||
--sn-stylekit-secondary-background-color: var(--background-1);
|
||||
--sn-stylekit-secondary-background-color: var(--sn-stylekit-passive-color-4);
|
||||
--sn-stylekit-secondary-foreground-color: var(--foreground-color);
|
||||
--sn-stylekit-secondary-border-color: var(--border-color);
|
||||
|
||||
@@ -72,11 +80,4 @@
|
||||
--sn-desktop-titlebar-ui-hover-color: var(--highlight-color);
|
||||
|
||||
--sn-stylekit-menu-border: 1px solid #1f5461;
|
||||
|
||||
--sn-stylekit-passive-color-0: #a8bdbd;
|
||||
--sn-stylekit-passive-color-1: #93a1a1;
|
||||
--sn-stylekit-passive-color-3: #0d4f60;
|
||||
--sn-stylekit-passive-color-4: #083642;
|
||||
--sn-stylekit-passive-color-4-opacity-variant: #2aa1983d;
|
||||
--sn-stylekit-passive-color-5: #003542;
|
||||
}
|
||||
|
||||
@@ -6,6 +6,10 @@
|
||||
--border-color: var(--highlight-color);
|
||||
|
||||
// StyleKit Vars
|
||||
|
||||
--sn-stylekit-passive-color-0: #626166;
|
||||
--sn-stylekit-passive-color-4-opacity-variant: #e9e9e9;
|
||||
|
||||
--sn-stylekit-shadow-color: var(--highlight-color);
|
||||
|
||||
--sn-stylekit-info-color: var(--background-color);
|
||||
@@ -23,7 +27,7 @@
|
||||
--sn-stylekit-danger-color: #f80324;
|
||||
--sn-stylekit-danger-contrast-color: #ffffff;
|
||||
|
||||
--sn-stylekit-background-color: #d9dbde;
|
||||
--sn-stylekit-background-color: var(--sn-stylekit-passive-color-4);
|
||||
--sn-stylekit-foreground-color: #3d3c40;
|
||||
--sn-stylekit-border-color: #c9cccf;
|
||||
|
||||
@@ -31,7 +35,7 @@
|
||||
--sn-stylekit-contrast-foreground-color: #3d3c40;
|
||||
--sn-stylekit-contrast-border-color: #c9cccf;
|
||||
|
||||
--sn-stylekit-secondary-background-color: #d8d9de;
|
||||
--sn-stylekit-secondary-background-color: #d9dbde;
|
||||
--sn-stylekit-secondary-foreground-color: #3d3c40;
|
||||
--sn-stylekit-secondary-border-color: #c9cccf;
|
||||
|
||||
@@ -53,7 +57,4 @@
|
||||
--sn-desktop-titlebar-ui-hover-color: var(--background-color);
|
||||
|
||||
--sn-stylekit-menu-border: 1px solid #b2b2b3;
|
||||
|
||||
--sn-stylekit-passive-color-0: #626166;
|
||||
--sn-stylekit-passive-color-4-opacity-variant: #e9e9e9;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user