From 8c76578200891c39090df3ff4a8ef1bea2ecb2a4 Mon Sep 17 00:00:00 2001 From: Jatin K Malik Date: Tue, 28 Jul 2026 12:45:09 -0700 Subject: [PATCH] fix(ui): flatten settings info notices (#615) Drop the thick left accent strip on .info-box helpers so they read as muted flat surfaces with a thin full border, matching the preference cards instead of looking like callout banners. Co-authored-by: Cursor Agent Co-authored-by: Jatin K Malik --- src/vocalinux/ui/settings_dialog.py | 16 ++++++++++------ tests/test_settings_dialog.py | 9 +++++++++ 2 files changed, 19 insertions(+), 6 deletions(-) diff --git a/src/vocalinux/ui/settings_dialog.py b/src/vocalinux/ui/settings_dialog.py index 61c6e4a..b493311 100644 --- a/src/vocalinux/ui/settings_dialog.py +++ b/src/vocalinux/ui/settings_dialog.py @@ -503,17 +503,21 @@ spinbutton { margin-bottom: 6px; } -/* Info box styling */ +/* Flat helper notices — muted surface, no accent strip */ .info-box { - background-color: alpha(@theme_selected_bg_color, 0.1); + background-color: alpha(@theme_fg_color, 0.04); + border: 1px solid alpha(@borders, 0.45); border-radius: 8px; - padding: 12px; - border-left: 4px solid @theme_selected_bg_color; + padding: 10px 12px; +} + +.info-box image { + opacity: 0.55; } .info-box-warning { - background-color: alpha(#e5a50a, 0.1); - border-left-color: #e5a50a; + background-color: alpha(#e5a50a, 0.08); + border-color: alpha(#e5a50a, 0.4); } /* Recognition status */ diff --git a/tests/test_settings_dialog.py b/tests/test_settings_dialog.py index d4ba596..3533c4a 100644 --- a/tests/test_settings_dialog.py +++ b/tests/test_settings_dialog.py @@ -253,6 +253,15 @@ class TestSettingsDialogCSS(unittest.TestCase): self.assertIn(".status-warning", SETTINGS_CSS) self.assertIn(".status-error", SETTINGS_CSS) + def test_settings_css_info_box_is_flat(self): + """Info notices use a flat border, not a left accent strip.""" + from vocalinux.ui.settings_dialog import SETTINGS_CSS + + self.assertIn(".info-box", SETTINGS_CSS) + self.assertIn("border: 1px solid", SETTINGS_CSS) + self.assertNotIn("border-left:", SETTINGS_CSS) + self.assertNotIn("border-left-color:", SETTINGS_CSS) + class TestSettingsDialogClasses(unittest.TestCase): """Test cases for SettingsDialog helper classes."""