theme: Add some random CSS for section headers

diff --git a/gtk/theme/Default/_common.scss b/gtk/theme/Default/_common.scss
index 33b7172914d5e27c3896fa706a013b53739f5873..231600ecf87e8e6cf64327024ba10d669db60609 100644 (file)
--- a/gtk/theme/Default/_common.scss
+++ b/gtk/theme/Default/_common.scss
@@ -3377,7 +3377,7 @@ columnview row:not(:selected) cell editablelabel.editing text selection {
 
 
 .rich-list { /* rich lists usually containing other widgets than just labels/text */
-  & > row {
+  & > row, & > header {
     padding: 8px 12px;
     min-height: 32px; /* should be tall even when only containing a label */
 
@@ -3385,6 +3385,14 @@ columnview row:not(:selected) cell editablelabel.editing text selection {
       border-spacing: 12px;
     }
   }
+  & > header {
+    @extend %osd;
+    background-color: $osd_bg_color;
+
+    border-bottom: 1px solid $borders-color;
+    border-top: 1px solid $borders-color;
+    font-weight: bold;
+  }
 }
 
 /********************************************************