BUGfix and improvement: Nemo - statusbar background color & icons

thekomer · Jan 12, 2022 · fb5cc76 · fb5cc76
1 parent aba64e1
commit fb5cc76
Show file tree

Hide file tree

Showing 7 changed files with 183 additions and 36 deletions.
diff --git a/gtk-3.0/apps/_nemo.scss b/gtk-3.0/apps/_nemo.scss
@@ -8,7 +8,7 @@
 		iconview.cell { }
 	}
 
-	.sidebar, statusbar, .nemo-statusbar {
+	.sidebar, statusbar, box.toolbar {
 		color: darken($fg_color, 2%);
 		background: $headerbar_color;
 		.view, .iconview, row {
@@ -31,6 +31,27 @@
 				}
 			}
 		}
+		button {
+			@include button(normal-header);
+			color: darken($fg_color, 3%);
+			margin-top: 5px;
+			margin-bottom: 5px;
+			min-height: 24px;
+			&:hover {
+				color: $selected_bg_color;
+				background: transparent;
+			}
+			&:backdrop {
+				color: inherit;
+				background: transparent;
+			}
+			&:selected, &:active, &:checked {
+				@include button(active-header);
+				&:backdrop {
+					@include button(backdrop-active-header);
+				}
+			}
+		}
 	}
 
 	.nemo-window-pane {

diff --git a/gtk-3.0/gtk-dark.css b/gtk-3.0/gtk-dark.css
@@ -492,8 +492,9 @@ button {
         background-color: #ff6a00; }
   notebook > header > tabs > arrow.text-button,
   button.text-button {
-    padding-left: 16px;
-    padding-right: 16px; }
+    padding-left: 3em;
+    padding-right: 3em;
+    border-radius: 0.2em; }
   notebook > header > tabs > arrow.text-button.image-button,
   button.text-button.image-button {
     padding-left: 8px;
@@ -3104,8 +3105,7 @@ menuitem radio {
 .content-view {
   background-color: #020305; }
   .content-view:hover {
-    -gtk-icon-effect: highlight;
-    color: #ff6a00; }
+    -gtk-icon-effect: highlight; }
   .content-view:backdrop {
     background-color: #020305; }
 
@@ -6695,23 +6695,49 @@ ConversationListView {
   -NemoPlacesTreeView-disk-full-max-length: 100px;
   -GtkTreeView-vertical-separator: 7; }
 
-.nemo-window .sidebar, .nemo-window statusbar, .nemo-window .nemo-statusbar {
+.nemo-window .sidebar, .nemo-window statusbar, .nemo-window box.toolbar {
   color: #b9bec9;
   background: #06070c; }
-  .nemo-window .sidebar .view, .nemo-window .sidebar iconview, .nemo-window .sidebar .iconview, .nemo-window .sidebar row, .nemo-window statusbar .view, .nemo-window statusbar iconview, .nemo-window statusbar .iconview, .nemo-window statusbar row, .nemo-window .nemo-statusbar .view, .nemo-window .nemo-statusbar iconview, .nemo-window .nemo-statusbar .iconview, .nemo-window .nemo-statusbar row {
+  .nemo-window .sidebar .view, .nemo-window .sidebar iconview, .nemo-window .sidebar .iconview, .nemo-window .sidebar row, .nemo-window statusbar .view, .nemo-window statusbar iconview, .nemo-window statusbar .iconview, .nemo-window statusbar row, .nemo-window box.toolbar .view, .nemo-window box.toolbar iconview, .nemo-window box.toolbar .iconview, .nemo-window box.toolbar row {
     background-color: transparent; }
-    .nemo-window .sidebar .view:hover, .nemo-window .sidebar iconview:hover, .nemo-window .sidebar .iconview:hover, .nemo-window .sidebar row:hover, .nemo-window statusbar .view:hover, .nemo-window statusbar iconview:hover, .nemo-window statusbar .iconview:hover, .nemo-window statusbar row:hover, .nemo-window .nemo-statusbar .view:hover, .nemo-window .nemo-statusbar iconview:hover, .nemo-window .nemo-statusbar .iconview:hover, .nemo-window .nemo-statusbar row:hover {
+    .nemo-window .sidebar .view:hover, .nemo-window .sidebar iconview:hover, .nemo-window .sidebar .iconview:hover, .nemo-window .sidebar row:hover, .nemo-window statusbar .view:hover, .nemo-window statusbar iconview:hover, .nemo-window statusbar .iconview:hover, .nemo-window statusbar row:hover, .nemo-window box.toolbar .view:hover, .nemo-window box.toolbar iconview:hover, .nemo-window box.toolbar .iconview:hover, .nemo-window box.toolbar row:hover {
       color: #ff6a00;
       background-color: rgba(191, 195, 205, 0.05); }
-    .nemo-window .sidebar .view:selected, .nemo-window .sidebar iconview:selected, .nemo-window .sidebar .view:active, .nemo-window .sidebar iconview:active, .nemo-window .sidebar .view:checked, .nemo-window .sidebar iconview:checked, .nemo-window .sidebar .iconview:selected, .nemo-window .sidebar .iconview:active, .nemo-window .sidebar .iconview:checked, .nemo-window .sidebar row:selected, .nemo-window .sidebar row:active, .nemo-window .sidebar row:checked, .nemo-window statusbar .view:selected, .nemo-window statusbar iconview:selected, .nemo-window statusbar .view:active, .nemo-window statusbar iconview:active, .nemo-window statusbar .view:checked, .nemo-window statusbar iconview:checked, .nemo-window statusbar .iconview:selected, .nemo-window statusbar .iconview:active, .nemo-window statusbar .iconview:checked, .nemo-window statusbar row:selected, .nemo-window statusbar row:active, .nemo-window statusbar row:checked, .nemo-window .nemo-statusbar .view:selected, .nemo-window .nemo-statusbar iconview:selected, .nemo-window .nemo-statusbar .view:active, .nemo-window .nemo-statusbar iconview:active, .nemo-window .nemo-statusbar .view:checked, .nemo-window .nemo-statusbar iconview:checked, .nemo-window .nemo-statusbar .iconview:selected, .nemo-window .nemo-statusbar .iconview:active, .nemo-window .nemo-statusbar .iconview:checked, .nemo-window .nemo-statusbar row:selected, .nemo-window .nemo-statusbar row:active, .nemo-window .nemo-statusbar row:checked {
+    .nemo-window .sidebar .view:selected, .nemo-window .sidebar iconview:selected, .nemo-window .sidebar .view:active, .nemo-window .sidebar iconview:active, .nemo-window .sidebar .view:checked, .nemo-window .sidebar iconview:checked, .nemo-window .sidebar .iconview:selected, .nemo-window .sidebar .iconview:active, .nemo-window .sidebar .iconview:checked, .nemo-window .sidebar row:selected, .nemo-window .sidebar row:active, .nemo-window .sidebar row:checked, .nemo-window statusbar .view:selected, .nemo-window statusbar iconview:selected, .nemo-window statusbar .view:active, .nemo-window statusbar iconview:active, .nemo-window statusbar .view:checked, .nemo-window statusbar iconview:checked, .nemo-window statusbar .iconview:selected, .nemo-window statusbar .iconview:active, .nemo-window statusbar .iconview:checked, .nemo-window statusbar row:selected, .nemo-window statusbar row:active, .nemo-window statusbar row:checked, .nemo-window box.toolbar .view:selected, .nemo-window box.toolbar iconview:selected, .nemo-window box.toolbar .view:active, .nemo-window box.toolbar iconview:active, .nemo-window box.toolbar .view:checked, .nemo-window box.toolbar iconview:checked, .nemo-window box.toolbar .iconview:selected, .nemo-window box.toolbar .iconview:active, .nemo-window box.toolbar .iconview:checked, .nemo-window box.toolbar row:selected, .nemo-window box.toolbar row:active, .nemo-window box.toolbar row:checked {
       color: #fefefe;
       background: #ff6a00; }
-    .nemo-window .sidebar .view:backdrop, .nemo-window .sidebar iconview:backdrop, .nemo-window .sidebar .iconview:backdrop, .nemo-window .sidebar row:backdrop, .nemo-window statusbar .view:backdrop, .nemo-window statusbar iconview:backdrop, .nemo-window statusbar .iconview:backdrop, .nemo-window statusbar row:backdrop, .nemo-window .nemo-statusbar .view:backdrop, .nemo-window .nemo-statusbar iconview:backdrop, .nemo-window .nemo-statusbar .iconview:backdrop, .nemo-window .nemo-statusbar row:backdrop {
+    .nemo-window .sidebar .view:backdrop, .nemo-window .sidebar iconview:backdrop, .nemo-window .sidebar .iconview:backdrop, .nemo-window .sidebar row:backdrop, .nemo-window statusbar .view:backdrop, .nemo-window statusbar iconview:backdrop, .nemo-window statusbar .iconview:backdrop, .nemo-window statusbar row:backdrop, .nemo-window box.toolbar .view:backdrop, .nemo-window box.toolbar iconview:backdrop, .nemo-window box.toolbar .iconview:backdrop, .nemo-window box.toolbar row:backdrop {
       color: #676a75;
       background-color: inherit; }
-      .nemo-window .sidebar .view:backdrop:selected, .nemo-window .sidebar iconview:backdrop:selected, .nemo-window .sidebar .iconview:backdrop:selected, .nemo-window .sidebar row:backdrop:selected, .nemo-window statusbar .view:backdrop:selected, .nemo-window statusbar iconview:backdrop:selected, .nemo-window statusbar .iconview:backdrop:selected, .nemo-window statusbar row:backdrop:selected, .nemo-window .nemo-statusbar .view:backdrop:selected, .nemo-window .nemo-statusbar iconview:backdrop:selected, .nemo-window .nemo-statusbar .iconview:backdrop:selected, .nemo-window .nemo-statusbar row:backdrop:selected {
+      .nemo-window .sidebar .view:backdrop:selected, .nemo-window .sidebar iconview:backdrop:selected, .nemo-window .sidebar .iconview:backdrop:selected, .nemo-window .sidebar row:backdrop:selected, .nemo-window statusbar .view:backdrop:selected, .nemo-window statusbar iconview:backdrop:selected, .nemo-window statusbar .iconview:backdrop:selected, .nemo-window statusbar row:backdrop:selected, .nemo-window box.toolbar .view:backdrop:selected, .nemo-window box.toolbar iconview:backdrop:selected, .nemo-window box.toolbar .iconview:backdrop:selected, .nemo-window box.toolbar row:backdrop:selected {
         color: rgba(254, 254, 254, 0.5);
         background-color: rgba(255, 106, 0, 0.6); }
+  .nemo-window .sidebar button, .nemo-window statusbar button, .nemo-window box.toolbar button {
+    color: #8b8b8b;
+    text-shadow: none;
+    box-shadow: none;
+    background: transparent;
+    border: none;
+    color: #b6bbc6;
+    margin-top: 5px;
+    margin-bottom: 5px;
+    min-height: 24px; }
+    .nemo-window .sidebar button:hover, .nemo-window statusbar button:hover, .nemo-window box.toolbar button:hover {
+      color: #ff6a00;
+      background: transparent; }
+    .nemo-window .sidebar button:backdrop, .nemo-window statusbar button:backdrop, .nemo-window box.toolbar button:backdrop {
+      color: inherit;
+      background: transparent; }
+    .nemo-window .sidebar button:selected, .nemo-window .sidebar button:active, .nemo-window .sidebar button:checked, .nemo-window statusbar button:selected, .nemo-window statusbar button:active, .nemo-window statusbar button:checked, .nemo-window box.toolbar button:selected, .nemo-window box.toolbar button:active, .nemo-window box.toolbar button:checked {
+      border-radius: 23px;
+      background: linear-gradient(to right, #ff3300, #ffa100);
+      box-shadow: 0px 0px 5px rgba(255, 106, 0, 0.98);
+      color: white; }
+      .nemo-window .sidebar button:selected:backdrop, .nemo-window .sidebar button:active:backdrop, .nemo-window .sidebar button:checked:backdrop, .nemo-window statusbar button:selected:backdrop, .nemo-window statusbar button:active:backdrop, .nemo-window statusbar button:checked:backdrop, .nemo-window box.toolbar button:selected:backdrop, .nemo-window box.toolbar button:active:backdrop, .nemo-window box.toolbar button:checked:backdrop {
+        border-radius: 23px;
+        color: rgba(191, 195, 205, 0.4);
+        background: rgba(255, 106, 0, 0.6);
+        box-shadow: 0px 0px 0px rgba(255, 106, 0, 0.98); }
 
 .nemo-window .nemo-window-pane widget.entry {
   background-clip: padding-box;