diff options
| -rw-r--r-- | src/routes/+layout.svelte | 7 | ||||
| -rw-r--r-- | src/styles/colours.css | 2 |
2 files changed, 6 insertions, 3 deletions
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte index 6ebc8b4e..460afcce 100644 --- a/src/routes/+layout.svelte +++ b/src/routes/+layout.svelte @@ -381,6 +381,7 @@ $: { z-index: 4; position: sticky; top: 1.25rem; + background-color: var(--base0011-strong); transition: transform var(--duration-slow) var(--ease-out-quart); } @@ -489,7 +490,7 @@ $: { padding: 0; border: none; border-radius: 8px; - background: var(--base0011); + background: var(--base0011-strong); box-shadow: var(--shadow-card-emphasized), 0 0 0 5px var(--base02); @@ -499,7 +500,7 @@ $: { } .menu-toggle:hover { - background: var(--base0011); + background: var(--base0011-strong); } .menu-bar { @@ -535,7 +536,7 @@ $: { min-width: 200px; padding: 0.5rem; border-radius: 8px; - background: var(--base0011); + background: var(--base0011-strong); box-shadow: var(--shadow-card-emphasized), 0 0 0 5px var(--base02); diff --git a/src/styles/colours.css b/src/styles/colours.css index e7ac3474..694807b4 100644 --- a/src/styles/colours.css +++ b/src/styles/colours.css @@ -2,6 +2,7 @@ --base00: #f8f8f8; --base001: #ffffff; --base0011: #ffffff80; + --base0011-strong: #ffffffcc; --base01: #e8e8e8; --base02: #d8d8d8; --base03: #b8b8b8; @@ -32,6 +33,7 @@ --base00: #080808; --base001: #0c0c0c; --base0011: #0c0c0c80; + --base0011-strong: #0c0c0ccc; --base01: #181818; --base02: #282828; --base03: #484848; |