TriliumNext/Trilium
1
0
Fork 0
mirror of https://github.com/TriliumNext/Trilium.git synced 2025-12-10 21:07:05 -06:00
Code Issues 1.1k Packages Projects Releases 10 Wiki Activity

client/note tree item tinting: tweak colors for the light theme

Browse Source
This commit is contained in:
Adorian Doran 2025-10-19 03:58:28 +03:00
parent 75a79775f4
commit 1aad2d8c09
2 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
apps/client/src/services/css_class_manager.ts
View File

@ -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};

2
apps/client/src/stylesheets/theme-next/base.css
View File

@ -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 {