improve accent colors and sidebar buttons

This commit is contained in:
hippoz 2022-08-31 12:44:54 +03:00
parent e1490f1081
commit abad0841fe
No known key found for this signature in database
GPG key ID: 7C52899193467641

View file

@ -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 */
*, *,