night.css-related fixes

css/default.css

@@ -750,6 +750,7 @@ body.ttrss_main #toolbar-frame #toolbar {
   background: white;
   border: 0px solid #ddd;
   border-bottom-width: 1px;
+  padding-left: 4px;
   height: 32px;
   display: flex;
   flex-direction: row;

css/tt-rss.less

@@ -881,6 +881,7 @@ body.ttrss_main {
 			background : white;
 			border: 0px solid #ddd;
 			border-bottom-width: 1px;
+			padding-left : 4px;
 			height : 32px;
 			display : flex;
 			flex-direction : row;

themes/night.css

@@ -750,6 +750,7 @@ body.ttrss_main #toolbar-frame #toolbar {
   background: white;
   border: 0px solid #ddd;
   border-bottom-width: 1px;
+  padding-left: 4px;
   height: 32px;
   display: flex;
   flex-direction: row;
@@ -2010,6 +2011,7 @@ body.flat.ttrss_main.ttrss_index {
   /* misc */
   /* feeds */
   /* headlines */
+  /* toolbar */
   /* other dijits */
 }
 body.flat.ttrss_main.ttrss_index #feeds-holder {
@@ -2075,30 +2077,36 @@ body.flat.ttrss_main.ttrss_index #headlines-frame {
   background: var(--bg-main);
   color: var(--fg-light);
 }
-body.flat.ttrss_main.ttrss_index #main-toolbar {
+body.flat.ttrss_main.ttrss_index #headlines-frame i.material-icons,
+body.flat.ttrss_main.ttrss_index #headlines-frame .dijitCheckBox {
+  opacity: 0.7;
+}
+body.flat.ttrss_main.ttrss_index #headlines-frame .hl {
+  border-color: var(--border-dark);
+}
+body.flat.ttrss_main.ttrss_index #headlines-frame .hl:not(.Selected):not(.active) .title a {
+  color: var(--fg-main);
+}
+body.flat.ttrss_main.ttrss_index #headlines-frame .hl.Unread:not(.Selected):not(.active) .title a {
+  color: var(--fg-light);
+}
+body.flat.ttrss_main.ttrss_index #toolbar-frame #toolbar {
   background: var(--bg-panel);
   border-color: var(--border-dark);
 }
-body.flat.ttrss_main.ttrss_index #main-toolbar .dijitButtonText {
+body.flat.ttrss_main.ttrss_index #toolbar-frame #toolbar .dijitButtonText {
   color: var(--fg-light);
 }
-body.flat.ttrss_main.ttrss_index #main-toolbar .dijitSelect,
-body.flat.ttrss_main.ttrss_index #main-toolbar .dijitSelect .dijitButtonText {
+body.flat.ttrss_main.ttrss_index #toolbar-frame #toolbar .dijitSelect,
+body.flat.ttrss_main.ttrss_index #toolbar-frame #toolbar .dijitDropDownButton .dijitButtonNode,
+body.flat.ttrss_main.ttrss_index #toolbar-frame #toolbar .dijitComboButton .dijitButtonNode,
+body.flat.ttrss_main.ttrss_index #toolbar-frame #toolbar .dijitSelect .dijitButtonText {
   background: var(--bg-panel);
 }
 body.flat.ttrss_main.ttrss_index .hl .feed a,
 body.flat.ttrss_main.ttrss_index .cdm .feed a {
   color: white;
 }
-body.flat.ttrss_main.ttrss_index #headlines-frame .hl {
-  border-color: var(--border-dark);
-}
-body.flat.ttrss_main.ttrss_index #headlines-frame .hl:not(.Selected):not(.active) .title a {
-  color: var(--fg-main);
-}
-body.flat.ttrss_main.ttrss_index #headlines-frame .hl.Unread:not(.Selected):not(.active) .title a {
-  color: var(--fg-light);
-}
 body.flat.ttrss_main.ttrss_index .post .header {
   background: var(--bg-panel);
   border-color: var(--border-main);

themes/night.less

@@ -68,68 +68,82 @@ body.flat.ttrss_main.ttrss_index {
 
   /* feeds */
 
-  #feeds-holder #feedTree .dijitTreeRow {
+  #feeds-holder {
+    #feedTree .dijitTreeRow {
       color : var(--fg-light) ! important;
     }
 
-  #feeds-holder #feedTree.dijitTree .dijitTreeRowHover {
+    #feedTree.dijitTree .dijitTreeRowHover {
       background : var(--bg-panel);
       border-color : var(--border-main) transparent;
     }
 
-  #feeds-holder #feedTree.dijitTree .dijitTreeRowSelected {
+    #feedTree.dijitTree .dijitTreeRowSelected {
       background : var(--bg-main);
       border-color : var(--bg-main) transparent;
     }
 
-  #feeds-holder #feedTree .dijitTreeRowSelected .dijitTreeLabel {
+    #feedTree .dijitTreeRowSelected .dijitTreeLabel {
       text-shadow : none;
     }
 
-  #feeds-holder #feedTree .counterNode.aux {
+    #feedTree .counterNode.aux {
       background : var(--bg-panel);
       color : var(--fg-main);
       border-color : var(--bg-main);
     }
 
+  }
+
   /* headlines */
 
   #headlines-frame {
     background : var(--bg-main);
     color : var(--fg-light);
+
+    i.material-icons,
+    .dijitCheckBox {
+      opacity : 0.7;
     }
 
-  #main-toolbar {
-    background : var(--bg-panel);
+    .hl {
       border-color : var(--border-dark);
     }
 
-  #main-toolbar .dijitButtonText {
-    color : var(--fg-light);
+    .hl:not(.Selected):not(.active) .title a {
+      color : var(--fg-main);
     }
 
-  #main-toolbar .dijitSelect,
-  #main-toolbar .dijitSelect .dijitButtonText {
-    background : var(--bg-panel);
+    .hl.Unread:not(.Selected):not(.active) .title a {
+      color : var(--fg-light);
     }
 
-  .hl .feed a,
-  .cdm .feed a {
-    color : white;
   }
 
-  #headlines-frame .hl {
+  /* toolbar */
+
+  #toolbar-frame #toolbar {
+    background : var(--bg-panel);
     border-color : var(--border-dark);
+
+    .dijitButtonText {
+      color : var(--fg-light);
     }
 
-  #headlines-frame .hl:not(.Selected):not(.active) .title a {
-    color : var(--fg-main);
+    .dijitSelect,
+    .dijitDropDownButton .dijitButtonNode,
+    .dijitComboButton .dijitButtonNode,
+    .dijitSelect .dijitButtonText {
+      background : var(--bg-panel);
+    }
   }
 
-  #headlines-frame .hl.Unread:not(.Selected):not(.active) .title a {
-    color : var(--fg-light);
+  .hl .feed a,
+  .cdm .feed a {
+    color : white;
   }
 
+
   .post .header {
     background : var(--bg-panel);
     border-color : var(--border-main);