Fix preferences css for dark mode

ref #150
getting-things-gnome · Sep 11, 2020 · fdd7453 · fdd7453
1 parent 8e61052
commit fdd7453
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 1 deletion.
diff --git a/GTG/gtk/application.py b/GTG/gtk/application.py
@@ -114,7 +114,6 @@ def __init__(self, app_id, debug):
 
         self.init_style()
 
-
     # --------------------------------------------------------------------------
     # INIT
     # --------------------------------------------------------------------------
@@ -168,8 +167,14 @@ def toggle_darkmode(self, state=True):
         """Use dark mode theme."""
 
         settings = Gtk.Settings.get_default()
+        prefs_css = self.preferences_dialog.window.get_style_context()
         settings.set_property("gtk-application-prefer-dark-theme", state)
 
+        if state:
+            prefs_css.add_class('dark')
+        else:
+            prefs_css.remove_class('dark')
+
     def init_actions(self):
         """Setup actions."""
 

diff --git a/GTG/gtk/data/style.css b/GTG/gtk/data/style.css
@@ -24,3 +24,11 @@
 .prefs_list row {
     border-bottom: solid 1px alpha(currentColor, 0.1);
 }
+
+.dark .prefs_list {
+    border-color: alpha(rgb(0, 0, 0), 0.4);
+}
+
+.dark .prefs_list row {
+    border-bottom-color: alpha(rgb(0, 0, 0), 0.2);
+}