From 1aad2d8c09a4318895368712adc5bd5983a14deb Mon Sep 17 00:00:00 2001 From: Adorian Doran Date: Sun, 19 Oct 2025 03:58:28 +0300 Subject: [PATCH] client/note tree item tinting: tweak colors for the light theme --- apps/client/src/services/css_class_manager.ts | 4 ++-- apps/client/src/stylesheets/theme-next/base.css | 2 +- 2 files changed, 3 insertions(+), 3 deletions(-) diff --git a/apps/client/src/services/css_class_manager.ts b/apps/client/src/services/css_class_manager.ts index ad4ac1a41..c716ec001 100644 --- a/apps/client/src/services/css_class_manager.ts +++ b/apps/client/src/services/css_class_manager.ts @@ -72,13 +72,13 @@ function adjustColorLightness(color: ColorInstance, lightThemeMaxLightness: numb let darkThemeBackgroundColor = "unset"; let lightThemeBackgroundColor = "unset"; - + const hslColor = color.hsl(); const hue = hslColor.hue(); if (color.saturationl() > 0) { darkThemeBackgroundColor = Color({h: hue, s: 20, l: 33, alpha: .4}).hexa(); - lightThemeBackgroundColor = Color({h: hue, s: 100, l: 25, alpha: .1}).hexa(); + lightThemeBackgroundColor = Color({h: hue, s: 37, l: 89, alpha: 1}).hexa(); } return {lightThemeColor, lightThemeBackgroundColor, darkThemeColor, darkThemeBackgroundColor}; diff --git a/apps/client/src/stylesheets/theme-next/base.css b/apps/client/src/stylesheets/theme-next/base.css index 9b9ffc887..a33da2bc5 100644 --- a/apps/client/src/stylesheets/theme-next/base.css +++ b/apps/client/src/stylesheets/theme-next/base.css @@ -95,7 +95,7 @@ --tree-item-light-theme-max-color-lightness: 60; /* The minimum perceptual lightness for the custom color in the dark theme (%): */ - --tree-item-dark-theme-min-color-lightness: 60; + --tree-item-dark-theme-min-color-lightness: 65; } body.backdrop-effects-disabled {