Fixed elementary 6.0 issues

src/sass/gtk/_common-3.0.scss

@@ -2307,11 +2307,13 @@ menu,
 //
 popover,
 popover.background {
-  padding: 0;
+  padding: $container_padding;
   border-radius: $wm_radius;
   background-clip: border-box;
   background-color: $menu_bg;
 
+  &.menu { padding: 0; }
+
   box-shadow: 0 3px 6px 0 if($variant=='light', transparentize(black, 0.85), transparentize(black, 0.85)),
               0 0 0 1px if($variant=='light', rgba($borders_color, 0.03), rgba($dark_borders_color, 0.55));
 
@@ -2437,43 +2439,43 @@ notebook {
       // Set box-shadow to make the header frame color more easy to see
       // Set margin to hide the ugly borders around the header
       &.top {
-        box-shadow: inset 0 1px $solid_borders_color, inset 0 -1px $solid_borders_color;
+        box-shadow: inset 0 1px $borders_color, inset 0 -1px $borders_color;
-        @if $variant=='light' {
+        // @if $variant=='light' {
-            box-shadow: inset 0 1px $solid_borders_color,
+        //     box-shadow: inset 0 1px $borders_color,
-                        inset 0 -1px $solid_borders_color,
+        //                 inset 0 -1px $borders_color,
-                              1px 0 $solid_borders_color,
+        //                       1px 0 $borders_color,
-                              -1px 0 $solid_borders_color;
+        //                       -1px 0 $borders_color;
-        }
+        // }
       }
 
       &.bottom {
-        box-shadow: inset 0 1px $solid_borders_color, inset 0 -1px $solid_borders_color;
+        box-shadow: inset 0 1px $borders_color, inset 0 -1px $borders_color;
-        @if $variant=='light' {
+        // @if $variant=='light' {
-            box-shadow: inset 0 1px $solid_borders_color,
+        //     box-shadow: inset 0 1px $borders_color,
-                        inset 0 -1px $solid_borders_color,
+        //                 inset 0 -1px $borders_color,
-                        1px 0 $solid_borders_color,
+        //                 1px 0 $borders_color,
-                        -1px 0 $solid_borders_color;
+        //                 -1px 0 $borders_color;
-        }
+        // }
       }
 
       &.right {
-        box-shadow: inset 1px 0 $solid_borders_color, inset -1px 0 $solid_borders_color;
+        box-shadow: inset 1px 0 $borders_color, inset -1px 0 $borders_color;
-        @if $variant=='light' {
+        // @if $variant=='light' {
-            box-shadow: inset 1px 0 $solid_borders_color,
+        //     box-shadow: inset 1px 0 $borders_color,
-                        inset -1px 0 $solid_borders_color,
+        //                 inset -1px 0 $borders_color,
-                        0 1px $solid_borders_color,
+        //                 0 1px $borders_color,
-                        0 -1px $solid_borders_color;
+        //                 0 -1px $borders_color;
-        }
+        // }
       }
 
       &.left {
-        box-shadow: inset 1px 0 $solid_borders_color, inset -1px 0 $solid_borders_color;
+        box-shadow: inset 1px 0 $borders_color, inset -1px 0 $borders_color;
-        @if $variant=='light' {
+        // @if $variant=='light' {
-            box-shadow: inset 1px 0 $solid_borders_color,
+        //     box-shadow: inset 1px 0 $borders_color,
-                        inset -1px 0 $solid_borders_color,
+        //                 inset -1px 0 $borders_color,
-                        0 1px $solid_borders_color,
+        //                 0 1px $borders_color,
-                        0 -1px $solid_borders_color;
+        //                 0 -1px $borders_color;
-        }
+        // }
       }
     } @else {
       &.top {
@@ -2498,14 +2500,8 @@ notebook {
       border: none;
       box-shadow: none;
       padding: 0;
-
+      margin-left: $container_padding / 2;
-      @if $monterey == 'false' {
+      border-radius: $bt_radius;
-        border-radius: 0;
-        margin: 0;
-      } @else {
-        margin-left: $container_padding / 2;
-        border-radius: $bt_radius;
-      }
 
       &:active, &:checked {
         color: $fg_color;
@@ -2843,14 +2839,6 @@ switch {
       }
     }
 
-    // the borders of checks and radios are
-    // too similar in luminosity to the selected background color, hence
-    // we need special casing.
-
-    // menuitem #{$w}#{$s}:hover,
-    // .view #{$w}#{$s}:selected,
-    // treeview.#{$w}#{$s}:selected,
-    // row:selected #{$w}#{$s},
     infobar #{$w}#{$s} {
       -gtk-icon-source: -gtk-scaled(url("assets/#{$a}#{$as}-selected.png"),
                                     url("assets/#{$a}#{$as}-selected@2.png"));
@@ -3249,6 +3237,7 @@ levelbar {
     min-width: 32px;
     min-height: 1px;
   }
+
   &.vertical block {
     min-width: 1px;
     min-height: 32px;
@@ -3269,18 +3258,22 @@ levelbar {
     background-color: $selected_bg_color;
     border-radius: $bt_radius;
   }
+
   block.low {
-    border-color: $warning_color;
-    background-color: $warning_color;
-  }
-  block.high {
     border-color: $selected_bg_color;
     background-color: $selected_bg_color;
   }
-  block.full {
+
-    border-color: $success_color;
+  block.high {
-    background-color: $success_color;
+    border-color: $warning_color;
+    background-color: $warning_color;
   }
+
+  block.full {
+    border-color: $error_color;
+    background-color: $error_color;
+  }
+
   block.empty {
     background-color: if($variant=='light', transparentize($fg_color,0.8), $base_color);
     border-color: if($variant=='light', transparentize($fg_color,0.8), $base_color);

src/sass/gtk/apps/_elementary.scss

@@ -165,6 +165,86 @@ MarlinViewWindow {
   &:disabled { @include entry(header-insensitive) }
 }
 
+// Checkbutton
+checkbutton.color-button {
+  border: 1px solid $borders_color;
+  border-radius: $circular_radius;
+  background-clip: border-box;
+  padding: 0;
+
+  > check {
+    -gtk-icon-source: none;
+    background: none;
+    margin-right: 0;
+  }
+
+  &.none {
+    > check {
+      background-color: transparent;
+      border-radius: $circular_radius;
+      -gtk-icon-source: -gtk-icontheme("close-symbolic");
+    }
+  }
+
+  &.blue {
+    background-color: blue;
+  }
+
+  &.mint {
+    background-color: mix(blue, green, 35%);
+  }
+
+  &.green {
+    background-color: green;
+  }
+
+  &.yellow {
+    background-color: yellow;
+  }
+
+  &.blue {
+    background-color: blue;
+  }
+
+  &.orange {
+    background-color: orange;
+  }
+
+  &.red {
+    background-color: red;
+  }
+
+  &.pink {
+    background-color: pink;
+  }
+
+  &.purple {
+    background-color: purple;
+  }
+
+  &.brown {
+    background-color: brown;
+  }
+
+  &.slate {
+    background-color: grey;
+  }
+}
+
+radiobutton.color-button {
+  > radio {
+    -gtk-icon-source: none;
+    margin-right: 0;
+    border: 1px solid rgba(black, 0.15);
+    border-radius: $circular_radius;
+    background-clip: border-box;
+  }
+
+  &:active > radio {
+    border: 1px solid rgba(black, 0.35);
+  }
+}
+
 window.background.csd {
   > paned.horizontal {
     > separator {
@@ -175,8 +255,7 @@ window.background.csd {
     > scrolledwindow {
       > viewport.frame {
         > box.vertical treeview.view {
-
+          border-right: 1px solid $header_border;
-          border-right: 1px solid if($variant=='light', $solid_borders_color, $header_border);
 
           &:not(:hover):not(:selected) {
             border-bottom-left-radius: $wm_radius;
@@ -187,7 +266,6 @@ window.background.csd {
           padding-top: 3px;
           padding-bottom: 3px;
           border-right: 1px solid $header_border;
-          // @extend %view;
 
           &:not(:selected):hover { background-color: if($variant == 'light', rgba(black, 0.05), rgba(white, 0.05)); }
 
@@ -231,6 +309,57 @@ window.background.csd {
     }
   }
 
+  &.unified > deck > grid > paned {
+    > separator { background-image: image($header_border); }
+
+    > .sidebar {
+      button.expander { color: $disabled_fg_color; }
+
+      actionbar button { @extend %flat_button; }
+
+      list {
+        padding: $container_padding;
+
+        > row.activatable {
+          border-radius: $bt_radius;
+          padding: ($container_padding - 2px) $container_padding * 1.5;
+          margin: 1px 0;
+          -gtk-icon-style: symbolic;
+
+          button {
+            @extend %sidebar_button;
+          }
+
+          levelbar {
+            block {
+              border: none;
+
+              &.low {
+                background-color: $warning_color;
+              }
+
+              &.high {
+                background-color: $selected_bg_color;
+              }
+
+              &.full {
+                background-color: $error_color;
+              }
+
+              &.empty {
+                background-color: if($variant=='light', transparentize($fg_color,0.8), $base_color);
+              }
+            }
+
+            trough {
+              padding: 0;
+            }
+          }
+        }
+      }
+    }
+  }
+
   &.maximized, &.tiled, &.fullscreen {
     > stack > stack {
       > paned.horizontal {
@@ -244,8 +373,50 @@ window.background.csd {
   }
 }
 
+// Dynamic-notebook
 .dynamic-notebook {
   > notebook {
+    > header {
+      border-color: $solid_borders_color;
+
+      @if $monterey == 'false' {
+        background-color: darken($header_bg, 10%);
+      } @else {
+        background-color: $header_bg;
+      }
+
+      > tabs > tab {
+        padding: 0 10px;
+        min-height: 0;
+
+        label {
+          @if $monterey == 'false' {
+            margin-bottom: -$container_padding / 2;
+          } @else {
+            margin-bottom: -$container_padding * 1.5;
+          }
+        }
+
+        > widget > grid > revealer > button.image-button.flat {
+          @if $monterey == 'false' {
+            margin-top: $container_padding;
+            margin-right: $container_padding;
+            margin-bottom: 0;
+            margin-left: 0;
+          } @else {
+            margin-top: $container_padding * 1.5;
+            margin-right: $container_padding;
+            margin-bottom: 0;
+            margin-left: 0;
+          }
+        }
+      }
+
+      > box > button.flat {
+        margin: 0 $container_padding;
+      }
+    }
+
     > stack {
       border-bottom-right-radius: $wm_radius;
       background-color: $base_color;
@@ -335,6 +506,10 @@ headerbar.titlebar {
       background-color: $header_bg_backdrop;
     }
   }
+
+  &.windowhandle > button {
+    -gtk-icon-style: symbolic;
+  }
 }
 
 // Gala
@@ -397,8 +572,29 @@ scale.warmth trough {
     background-color: $bg_color;
     border-bottom: 1px solid $solid_borders_color;
   }
+}
 
-  .dynamic-notebook {
+// Popovers
-    notebook > header { border-color: $solid_borders_color; }
+popover.background {
+  menuitem.toggle {
+    margin: $container_padding $container_padding * 2;
+  }
+}
+
+// actionbar
+.sidebar > actionbar.inline-toolbar > revealer > box {
+  border-top: none;
+}
+
+actionbar.bottom-toolbar {
+  button { -gtk-icon-style: symbolic; }
+}
+
+.sidebar > treeview.view.source-list {
+  -gtk-icon-style: symbolic;
+
+  &:selected {
+    background-color: rgba($fg_color, 0.15);
+    color: $fg_color;
   }
 }

src/sass/gtk/apps/_gnome-3.22.scss

@@ -594,13 +594,8 @@ terminal-window {
   }
 
   notebook {
-    button.flat.toggle.popup {
+    // button.flat.toggle.popup {
-      @if $monterey == 'false' {
+    // }
-        margin: -2px;
-      } @else {
-        margin: -2px 0;
-      }
-    }
   }
 
   &.background.csd.maximized { border-radius: 0 0 0 0; } // Fixed gnome 3.32 issue: Unable to restore window size after maximization