diff options
author | 2021-07-21 18:02:45 -0500 | |
---|---|---|
committer | 2021-07-21 18:02:45 -0500 | |
commit | ba6b47eda7589b4794b52218457229bb04e7d139 (patch) | |
tree | e14948d60546edc693bf17e5a3363d5ee3a988fc /docs/public/index.css | |
parent | 1085542d9d559c9bb94ad4e918970763d28947f1 (diff) | |
download | astro-ba6b47eda7589b4794b52218457229bb04e7d139.tar.gz astro-ba6b47eda7589b4794b52218457229bb04e7d139.tar.zst astro-ba6b47eda7589b4794b52218457229bb04e7d139.zip |
Hsla composition (#790)
* update theme colors to hsla
* Add light navbar bg color
* remove duplicate color assignments in Note.astro
* clean up
Clean up css variables and document use of hsla colors
Diffstat (limited to 'docs/public/index.css')
-rw-r--r-- | docs/public/index.css | 10 |
1 files changed, 5 insertions, 5 deletions
diff --git a/docs/public/index.css b/docs/public/index.css index 84b6cda3c..e60e0bec4 100644 --- a/docs/public/index.css +++ b/docs/public/index.css @@ -311,7 +311,7 @@ button { gap: 0.25em; padding: 0.33em 0.67em; border-radius: 99em; - background-color: var(--color-gray-800); + background-color: hsla(215, 28%, 17%, 1); } #theme-toggle > label:focus-within { @@ -387,7 +387,7 @@ h2.heading { } .header-link:focus-within { color: var(--theme-text-light); - border-left-color: var(--color-gray-600); + border-left-color: hsla(var(--color-gray-40), 1); } .header-link svg { opacity: 0.6; @@ -447,7 +447,7 @@ h2.heading { font-weight: 600; margin: 0; line-height: 1; - color: var(--color-white); + color: hsla(var(--color-base-white), 100%, 1); text-decoration: none; transform: translateX(-8px) scale(0.8); } @@ -472,12 +472,12 @@ h2.heading { .logo a:hover, .logo a:focus { - background: rgba(var(--theme-accent-rgb), 0.6); + background: hsla(var(--color-orange), 0.6); } .logo a:hover svg, .logo a:focus svg { - color: var(--color-white); + color: hsla(var(--color-base-white), 100%, 1); } .logo h1 { |