From cc38d3a2a51a89e9b3d21da7433acea19d1a6e10 Mon Sep 17 00:00:00 2001 From: Steven Nguyen Date: Tue, 19 Sep 2023 17:32:29 -0700 Subject: [PATCH] Replace grey shades In order to avoid needing to update pink, this overrides the existing pink color variables using our new colors. --- src/routes/+layout.svelte | 50 +++++++++++++++++++++++++++++++++++++++ 1 file changed, 50 insertions(+) diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte index 7c6df71e6..2e9936d85 100644 --- a/src/routes/+layout.svelte +++ b/src/routes/+layout.svelte @@ -206,4 +206,54 @@ mask-composite: exclude; pointer-events: none; } + + :root { + /** Neutral **/ + + --color-neutral-0-new: 0 0% 100%; /* #ffffff */ + --color-neutral-5-new: 240 11% 98%; /* #FAFAFB */ + --color-neutral-10-new: 240 9% 94%; /* #EDEDF0 */ + --color-neutral-15-new: 240 4% 85%; /* #D8D8DB */ + --color-neutral-20-new: 240 3% 77%; /* #C3C3C6 */ + + --color-neutral-50-new: 240 2% 52%; /* #818186 */ + --color-neutral-60-new: 240 2% 43%; /* #6C6C71 */ + --color-neutral-70-new: 240 3% 35%; /* #56565C */ + + --color-neutral-80-new: 240 4% 27%; /* #414146 */ + --color-neutral-85-new: 240 4% 18%; /* #2D2D31 */ + --color-neutral-90-new: 240 7% 12%; /* #1D1D21 */ + --color-neutral-100-new: 240 6% 10%; /* #19191C */ + + --color-neutral-0: var(--color-neutral-0-new); + --color-neutral-5: var(--color-neutral-5-new); + --color-neutral-10: var(--color-neutral-10-new); + --color-neutral-30: var(--color-neutral-15-new); + --color-neutral-50: var(--color-neutral-20-new); + + --color-neutral-70: var(--color-neutral-50-new); + --color-neutral-100: var(--color-neutral-60-new); + --color-neutral-120: var(--color-neutral-70-new); + + --color-neutral-150: var(--color-neutral-80-new); + --color-neutral-200: var(--color-neutral-85-new); + --color-neutral-300: var(--color-neutral-90-new); + --color-neutral-400: var(--color-neutral-100-new); + --color-neutral-500: var(--color-neutral-100-new); + + // --color-neutral-0: 0 0% 100%; /* #ffffff */ + // --color-neutral-5: 240 11% 98%; /* #FAFAFB */ + // --color-neutral-10: 240 9% 94%; /* #EDEDF0 */ + // --color-neutral-15: 240 4% 85%; /* #D8D8DB */ + // --color-neutral-20: 240 3% 77%; /* #C3C3C6 */ + + // --color-neutral-50: 240 2% 52%; /* #818186 */ + // --color-neutral-60: 240 2% 43%; /* #6C6C71 */ + // --color-neutral-70: 240 3% 35%; /* #56565C */ + + // --color-neutral-80: 240 4% 27%; /* #414146 */ + // --color-neutral-85: 240 4% 18%; /* #2D2D31 */ + // --color-neutral-90: 240 7% 12%; /* #1D1D21 */ + // --color-neutral-100: 240 6% 10%; /* #19191C */ + }