« get me outta code hell

css, content: various color, depth & balance adjustments - hsmusic-wiki - HSMusic - static wiki software cataloguing collaborative creation
about summary refs log tree commit diff
path: root/src/util
diff options
context:
space:
mode:
author(quasar) nebula <qznebula@protonmail.com>2024-01-01 00:35:10 -0400
committer(quasar) nebula <qznebula@protonmail.com>2024-01-01 20:35:28 -0400
commitc83e95c885bb72ee6882b5db53a98341830a96fa (patch)
treee048be5d23f7511482976db05a1ada29cc4e520e /src/util
parentf20bcc48a90f277c53c266fd813190eef25df445 (diff)
css, content: various color, depth & balance adjustments
Diffstat (limited to 'src/util')
-rw-r--r--src/util/colors.js8
1 files changed, 5 insertions, 3 deletions
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(),