improve accent colors and sidebar buttons
This commit is contained in:
parent
e1490f1081
commit
abad0841fe
1 changed files with 14 additions and 11 deletions
|
@ -30,17 +30,17 @@
|
||||||
--foreground-color-3: rgb(153, 154, 155);
|
--foreground-color-3: rgb(153, 154, 155);
|
||||||
--foreground-color-4: rgb(123, 124, 125);
|
--foreground-color-4: rgb(123, 124, 125);
|
||||||
|
|
||||||
--purple-1: hsl(280, 88%, 50%);
|
--purple-1: hsl(280, 78%, 50%);
|
||||||
--blue-1: hsl(200, 88%, 50%);
|
--blue-1: hsl(200, 78%, 50%);
|
||||||
--green-1: hsl(140, 88%, 50%);
|
--green-1: hsl(140, 78%, 50%);
|
||||||
--yellow-1: hsl(50, 88%, 65%);
|
--yellow-1: hsl(50, 78%, 65%);
|
||||||
--red-1: hsl(2, 88%, 65%);
|
--red-1: hsl(2, 78%, 65%);
|
||||||
|
|
||||||
--purple-2: hsl(280, 88%, 40%);
|
--purple-2: hsl(280, 78%, 45%);
|
||||||
--blue-2: hsl(200, 88%, 40%);
|
--blue-2: hsl(200, 78%, 45%);
|
||||||
--green-2: hsl(140, 88%, 40%);
|
--green-2: hsl(140, 78%, 40%);
|
||||||
--yellow-2: hsl(50, 88%, 60%);
|
--yellow-2: hsl(50, 78%, 60%);
|
||||||
--red-2: hsl(2, 88%, 60%);
|
--red-2: hsl(2, 78%, 60%);
|
||||||
|
|
||||||
|
|
||||||
--space-unit: 1em;
|
--space-unit: 1em;
|
||||||
|
@ -363,11 +363,14 @@ body {
|
||||||
visibility: visible;
|
visibility: visible;
|
||||||
}
|
}
|
||||||
|
|
||||||
.sidebar-button.selected,
|
|
||||||
.sidebar-button:hover {
|
.sidebar-button:hover {
|
||||||
background-color: var(--background-color-2);
|
background-color: var(--background-color-2);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.sidebar-button.selected {
|
||||||
|
background-color: var(--purple-2);
|
||||||
|
}
|
||||||
|
|
||||||
/*! the tweaks below are heavily based on modern-normalize v1.1.0 | MIT License | https://github.com/sindresorhus/modern-normalize */
|
/*! the tweaks below are heavily based on modern-normalize v1.1.0 | MIT License | https://github.com/sindresorhus/modern-normalize */
|
||||||
|
|
||||||
*,
|
*,
|
||||||
|
|
Loading…
Reference in a new issue