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-4: rgb(123, 124, 125);
|
||||
|
||||
--purple-1: hsl(280, 88%, 50%);
|
||||
--blue-1: hsl(200, 88%, 50%);
|
||||
--green-1: hsl(140, 88%, 50%);
|
||||
--yellow-1: hsl(50, 88%, 65%);
|
||||
--red-1: hsl(2, 88%, 65%);
|
||||
--purple-1: hsl(280, 78%, 50%);
|
||||
--blue-1: hsl(200, 78%, 50%);
|
||||
--green-1: hsl(140, 78%, 50%);
|
||||
--yellow-1: hsl(50, 78%, 65%);
|
||||
--red-1: hsl(2, 78%, 65%);
|
||||
|
||||
--purple-2: hsl(280, 88%, 40%);
|
||||
--blue-2: hsl(200, 88%, 40%);
|
||||
--green-2: hsl(140, 88%, 40%);
|
||||
--yellow-2: hsl(50, 88%, 60%);
|
||||
--red-2: hsl(2, 88%, 60%);
|
||||
--purple-2: hsl(280, 78%, 45%);
|
||||
--blue-2: hsl(200, 78%, 45%);
|
||||
--green-2: hsl(140, 78%, 40%);
|
||||
--yellow-2: hsl(50, 78%, 60%);
|
||||
--red-2: hsl(2, 78%, 60%);
|
||||
|
||||
|
||||
--space-unit: 1em;
|
||||
|
@ -363,11 +363,14 @@ body {
|
|||
visibility: visible;
|
||||
}
|
||||
|
||||
.sidebar-button.selected,
|
||||
.sidebar-button:hover {
|
||||
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 */
|
||||
|
||||
*,
|
||||
|
|
Loading…
Reference in a new issue