From c83e95c885bb72ee6882b5db53a98341830a96fa Mon Sep 17 00:00:00 2001 From: "(quasar) nebula" Date: Mon, 1 Jan 2024 00:35:10 -0400 Subject: css, content: various color, depth & balance adjustments --- src/util/colors.js | 8 +++++--- 1 file changed, 5 insertions(+), 3 deletions(-) (limited to 'src/util') diff --git a/src/util/colors.js b/src/util/colors.js index feb52567..50339cd3 100644 --- a/src/util/colors.js +++ b/src/util/colors.js @@ -11,8 +11,9 @@ export function getColors(themeColor, { const primary = chroma(themeColor); const dark = primary.luminance(0.02); - const dim = primary.saturate(1.2).luminance(0.035); - const dimGhost = dim.alpha(0.8); + const dim = primary.desaturate(2).darken(1.5); + const deep = primary.saturate(1.2).luminance(0.035); + const deepGhost = deep.alpha(0.8); const light = chroma.average(['#ffffff', primary], 'rgb', [4, 1]); const bg = primary.luminance(0.008).desaturate(3.5).alpha(0.8); @@ -27,7 +28,8 @@ export function getColors(themeColor, { dark: dark.hex(), dim: dim.hex(), - dimGhost: dimGhost.hex(), + deep: deep.hex(), + deepGhost: deepGhost.hex(), light: light.hex(), bg: bg.hex(), -- cgit 1.3.0-6-gf8a5