From 7c90d72ded9b9f59a40a2aad2c3d5577cae1f2b9 Mon Sep 17 00:00:00 2001 From: DanS Date: Sat, 4 Jul 2026 17:07:09 -0500 Subject: [PATCH] feat(theme): define light-theme buttons (TactileButton glass) The settings-page buttons (TactileButton = ImGui::Button + a glass overlay) looked faint in light themes: --glass-fill was a 55-62% WHITE wash that paled the button body, and --rim-light was a 6-10% (sometimes light-colored) edge that was invisible on light surfaces, so buttons had no defined border. Across all light skins: - --glass-fill white wash 0.55-0.62 -> 0.20 (button body no longer washed out; panels use the acrylic blur on capable systems, so only low-spec panel fills are affected). - --rim-light -> each skin's on-surface tint @ 0.22 (a defined dark button edge instead of an invisible/light rim). - --hover-overlay alpha -> 0.10 (visible hover). Co-Authored-By: Claude Opus 4.8 (1M context) --- res/themes/color-pop-light.toml | 6 +++--- res/themes/dune.toml | 6 +++--- res/themes/iridescent.toml | 6 +++--- res/themes/light.toml | 6 +++--- res/themes/marble.toml | 6 +++--- 5 files changed, 15 insertions(+), 15 deletions(-) diff --git a/res/themes/color-pop-light.toml b/res/themes/color-pop-light.toml index a609a8f..e3db051 100644 --- a/res/themes/color-pop-light.toml +++ b/res/themes/color-pop-light.toml @@ -47,14 +47,14 @@ images = { background_image = "backgrounds/texture/pop-light_bg.png", logo = "lo --chart-hover-ring = "rgba(96,64,224,0.30)" --tooltip-bg = "rgba(36,34,52,0.94)" --tooltip-border = "rgba(96,64,224,0.16)" ---glass-fill = "rgba(255,255,255,0.55)" +--glass-fill = "rgba(255,255,255,0.20)" --glass-border = "rgba(30,30,60,0.10)" --glass-noise-tint = "rgba(96,64,224,0.02)" --tactile-top = "rgba(255,255,255,0.40)" --tactile-bottom = "rgba(255,255,255,0.05)" ---hover-overlay = "rgba(96,64,224,0.04)" +--hover-overlay = "rgba(96,64,224,0.10)" --active-overlay = "rgba(96,64,224,0.08)" ---rim-light = "rgba(96,64,224,0.06)" +--rim-light = "rgba(30,30,42,0.22)" --status-divider = "rgba(30,30,60,0.08)" --sidebar-hover = "rgba(96,64,224,0.07)" --sidebar-icon = "rgba(30,30,42,0.50)" diff --git a/res/themes/dune.toml b/res/themes/dune.toml index b220df6..e776791 100644 --- a/res/themes/dune.toml +++ b/res/themes/dune.toml @@ -48,14 +48,14 @@ elevation = { --elevation-0 = "#FDF8F0", --elevation-1 = "#F5EDE0", --elevation- --chart-hover-ring = "rgba(176,120,64,0.28)" --tooltip-bg = "rgba(50,38,24,0.94)" --tooltip-border = "rgba(176,120,64,0.12)" ---glass-fill = "rgba(255,252,245,0.58)" +--glass-fill = "rgba(255,252,245,0.20)" --glass-border = "rgba(176,120,64,0.14)" --glass-noise-tint = "rgba(180,140,80,0.03)" --tactile-top = "rgba(255,255,248,0.50)" --tactile-bottom = "rgba(255,255,248,0.08)" ---hover-overlay = "rgba(176,120,64,0.05)" +--hover-overlay = "rgba(176,120,64,0.10)" --active-overlay = "rgba(176,120,64,0.10)" ---rim-light = "rgba(212,160,108,0.10)" +--rim-light = "rgba(58,46,34,0.22)" --status-divider = "rgba(176,120,64,0.10)" --sidebar-hover = "rgba(176,120,64,0.08)" --sidebar-icon = "rgba(58,46,34,0.50)" diff --git a/res/themes/iridescent.toml b/res/themes/iridescent.toml index 8ed67d6..ba686d4 100644 --- a/res/themes/iridescent.toml +++ b/res/themes/iridescent.toml @@ -48,14 +48,14 @@ elevation = { --elevation-0 = "#FDFBFF", --elevation-1 = "#F5F0FA", --elevation- --chart-hover-ring = "rgba(140,107,175,0.28)" --tooltip-bg = "rgba(32,24,48,0.94)" --tooltip-border = "rgba(140,107,175,0.12)" ---glass-fill = "rgba(255,255,255,0.55)" +--glass-fill = "rgba(255,255,255,0.20)" --glass-border = "rgba(140,107,175,0.14)" --glass-noise-tint = "rgba(180,140,220,0.03)" --tactile-top = "rgba(255,255,255,0.50)" --tactile-bottom = "rgba(255,255,255,0.08)" ---hover-overlay = "rgba(140,107,175,0.05)" +--hover-overlay = "rgba(140,107,175,0.10)" --active-overlay = "rgba(140,107,175,0.10)" ---rim-light = "rgba(180,140,255,0.10)" +--rim-light = "rgba(28,21,37,0.22)" --status-divider = "rgba(140,107,175,0.10)" --sidebar-hover = "rgba(140,107,175,0.08)" --sidebar-icon = "rgba(28,21,37,0.50)" diff --git a/res/themes/light.toml b/res/themes/light.toml index 3134f2b..657ebc1 100644 --- a/res/themes/light.toml +++ b/res/themes/light.toml @@ -47,14 +47,14 @@ elevation = { --elevation-0 = "#FAFAFA", --elevation-1 = "#F2F3F5", --elevation- --chart-hover-ring = "rgba(42,44,48,0.24)" --tooltip-bg = "rgba(50,52,58,0.92)" --tooltip-border = "rgba(42,44,48,0.10)" ---glass-fill = "rgba(255,255,255,0.55)" +--glass-fill = "rgba(255,255,255,0.20)" --glass-border = "rgba(42,44,48,0.10)" --glass-noise-tint = "rgba(42,44,48,0.015)" --tactile-top = "rgba(255,255,255,0.35)" --tactile-bottom = "rgba(255,255,255,0.04)" ---hover-overlay = "rgba(42,44,48,0.04)" +--hover-overlay = "rgba(42,44,48,0.10)" --active-overlay = "rgba(42,44,48,0.08)" ---rim-light = "rgba(42,44,48,0.06)" +--rim-light = "rgba(42,44,48,0.22)" --status-divider = "rgba(42,44,48,0.08)" --sidebar-hover = "rgba(42,44,48,0.05)" --sidebar-icon = "rgba(42,44,48,0.45)" diff --git a/res/themes/marble.toml b/res/themes/marble.toml index fe641da..d1e2aa5 100644 --- a/res/themes/marble.toml +++ b/res/themes/marble.toml @@ -48,14 +48,14 @@ elevation = { --elevation-0 = "#FAFAF8", --elevation-1 = "#F0EEEC", --elevation- --chart-hover-ring = "rgba(110,117,128,0.24)" --tooltip-bg = "rgba(44,42,40,0.94)" --tooltip-border = "rgba(110,117,128,0.10)" ---glass-fill = "rgba(255,255,254,0.62)" +--glass-fill = "rgba(255,255,254,0.20)" --glass-border = "rgba(110,117,128,0.10)" --glass-noise-tint = "rgba(80,75,68,0.02)" --tactile-top = "rgba(255,255,255,0.45)" --tactile-bottom = "rgba(255,255,255,0.06)" ---hover-overlay = "rgba(110,117,128,0.04)" +--hover-overlay = "rgba(110,117,128,0.10)" --active-overlay = "rgba(110,117,128,0.08)" ---rim-light = "rgba(180,175,168,0.10)" +--rim-light = "rgba(44,42,40,0.22)" --status-divider = "rgba(110,117,128,0.08)" --sidebar-hover = "rgba(110,117,128,0.06)" --sidebar-icon = "rgba(44,42,40,0.48)"