Fixed #264

README.md

@@ -43,15 +43,16 @@ OPTIONS:
   -u, --uninstall         Uninstall/Remove installed themes
 
   --tweaks                Specify versions for tweaks [solid|compact|black|primary] (Options can mix)
-                          1. solid:    no transparency panel variant
-                          2. compact:  no floating panel variant
-                          3. black:    full black variant
+                          1. solid:    No transparency panel variant
+                          2. compact:  No floating panel variant
+                          3. black:    Full black variant
                           4. primary:  Change radio icon checked color to primary theme color (Default is Green)
+                          5. macos:    Change window buttons to MacOS style
 
   --shell                 install gnome-shell version [38|40|42]
-                          1. 38:       gnome-shell version < 40.0
-                          2. 40:       gnome-shell version = 40.0
-                          3. 42:       gnome-shell version = 42.0
+                          1. 38:       Gnome-shell version < 40.0
+                          2. 40:       Gnome-shell version = 40.0
+                          3. 42:       Gnome-shell version = 42.0
 
   -h, --help              Show help
 ```

core.sh

@@ -232,30 +232,29 @@ tweaks_temp() {
 
 change_radio_color() {
   sed -i "/\$check_radio:/s/default/primary/" ${SRC_DIR}/_sass/_tweaks-temp.scss
-  echo "Change radio color ..."
 }
 
 install_compact_panel() {
   sed -i "/\$panel_style:/s/float/compact/" ${SRC_DIR}/gnome-shell/sass/_tweaks-temp.scss
-  echo -e "Install compact panel version ..."
 }
 
 install_solid() {
   sed -i "/\$opacity:/s/default/solid/" ${SRC_DIR}/gnome-shell/sass/_tweaks-temp.scss
   sed -i "/\$opacity:/s/default/solid/" ${SRC_DIR}/_sass/_tweaks-temp.scss
-  echo -e "Install solid version ..."
 }
 
 install_black() {
   sed -i "/\$blackness:/s/false/true/" ${SRC_DIR}/gnome-shell/sass/_tweaks-temp.scss
   sed -i "/\$blackness:/s/false/true/" ${SRC_DIR}/_sass/_tweaks-temp.scss
-  echo -e "Install black version ..."
+}
+
+install_mac() {
+  sed -i "/\$mac_style:/s/false/true/" ${SRC_DIR}/_sass/_tweaks-temp.scss
 }
 
 round_corner() {
   sed -i "/\$default_corner:/s/12px/${corner}/" ${SRC_DIR}/gnome-shell/sass/_tweaks-temp.scss
   sed -i "/\$default_corner:/s/12px/${corner}/" ${SRC_DIR}/_sass/_tweaks-temp.scss
-  echo -e "Change round corner ${corner} value ..."
 }
 
 install_theme_color() {
@@ -294,7 +293,7 @@ install_theme_color() {
 theme_tweaks() {
   install_package; tweaks_temp
 
-  if [[ "$panel" == "compact" || "$opacity" == 'solid' || "$blackness" == "true" || "$accent" == "true" || "$primary" == "true" || "$round" == "true" ]]; then
+  if [[ "$panel" == "compact" || "$opacity" == 'solid' || "$blackness" == "true" || "$accent" == "true" || "$primary" == "true" || "$round" == "true" || "$macstyle" == "true" ]]; then
     tweaks='true'
   fi
 
@@ -317,6 +316,10 @@ theme_tweaks() {
   if [[ "$round" == "true" ]] ; then
     round_corner
   fi
+
+  if [[ "$macstyle" == "true" ]] ; then
+    install_mac
+  fi
 }
 
 check_shell() {

install.sh

@@ -23,15 +23,16 @@ OPTIONS:
   -u, --uninstall         Uninstall/Remove installed themes
 
   --tweaks                Specify versions for tweaks [solid|compact|black|primary] (Options can mix)
-                          1. solid:    no transparency panel variant
-                          2. compact:  no floating panel variant
-                          3. black:    full black variant
+                          1. solid:    No transparency panel variant
+                          2. compact:  No floating panel variant
+                          3. black:    Full black variant
                           4. primary:  Change radio icon checked color to primary theme color (Default is Green)
+                          5. macos:    Change window buttons to MacOS style
 
   --shell                 install gnome-shell version [38|40|42]
-                          1. 38:       gnome-shell version < 40.0
-                          2. 40:       gnome-shell version = 40.0
-                          3. 42:       gnome-shell version >= 42.0
+                          1. 38:       Gnome-shell version < 40.0
+                          2. 40:       Gnome-shell version = 40.0
+                          3. 42:       Gnome-shell version >= 42.0
 
   -h, --help              Show help
 EOF
@@ -67,6 +68,7 @@ while [[ "$#" -gt 0 ]]; do
     --round)
       round="true"
       corner="$2"
+      echo -e "Change round corner ${corner} value ..."
       shift 2
       ;;
     --shell)
@@ -102,18 +104,27 @@ while [[ "$#" -gt 0 ]]; do
         case "$variant" in
           solid)
             opacity="solid"
+            echo -e "Install solid version ..."
             shift
             ;;
           compact)
             panel="compact"
+            echo -e "Install compact panel version ..."
             shift
             ;;
           black)
             blackness="true"
+            echo -e "Install black version ..."
             shift
             ;;
           primary)
             primary="true"
+            echo "Change radio and check assets color ..."
+            shift
+            ;;
+          macos)
+            macstyle="true"
+            echo -e "Install MacOS style window button version ..."
             shift
             ;;
           -*)

src/_sass/_colors.scss

@@ -170,5 +170,13 @@ $titlebar-track-disabled:               on($titlebar, track-disabled);
 $titlebar-divider:                      on($titlebar, divider);
 $titlebar-fill:                         on($titlebar, fill);
 
+//
+// Titlebutton colors
+//
+
+$titlebutton-close:                     #fd5f51;
+$titlebutton-max:                       #38c76a;
+$titlebutton-min:                       #fdbe04;
+
 // workaround for GTK3 @placeholder_text_color which doesn't allow translucent colors
 $placeholder_text_color:                if($variant == 'light', mix(black, $base, percentage(0.6)), mix(white, $base, percentage(0.7)));

src/_sass/_tweaks.scss

@@ -16,10 +16,5 @@ $check_radio: 'default';
 // Default corner radius value
 $default_corner: 12px;
 
-$corner-style: 'default';
-
-@if ($default_corner / 1px >= 10) {
-  $corner-style: 'circular';
-} @else {
-  $corner-style: 'square';
-}
+// Default corner radius value
+$mac_style: 'false';

src/_sass/gtk/_common-3.20.scss

@@ -1287,11 +1287,16 @@ searchbar > revealer > box {
   }
 
   &.default-decoration {
-    min-height: 24px;
-    padding: $space-size $space-size / 2;
+    min-height: $small-size;
     box-shadow: inset 0 1px highlight($titlebar);
     border-radius: $corner-radius $corner-radius 0 0;
 
+    @if $mac_style == 'true' {
+      padding: $space-size $space-size * 2;
+    } @else {
+      padding: $space-size $space-size / 2;
+    }
+
     .tiled &,
     .maximized &,
     .fullscreen & {
@@ -1300,10 +1305,17 @@ searchbar > revealer > box {
     }
 
     button.titlebutton {
-      min-height: 24px;
-      min-width: 24px;
-      margin: 0 $space-size / 2;
       padding: 0;
+
+      @if $mac_style == 'true' {
+        min-height: 16px;
+        min-width: 16px;
+        margin: 0 $space-size - 2px;
+      } @else {
+        min-height: $small-size;
+        min-width: $small-size;
+        margin: 0 $space-size / 2;
+      }
     }
 
     // workaround for non-animatable buttons
@@ -1404,6 +1416,88 @@ headerbar {
   }
 }
 
+//
+// Window buttons
+//
+
+%mac_window_button {
+  min-height: 16px;
+  min-width: 16px;
+  padding: 0;
+  margin: 0 $space-size - 2px;
+
+  &.minimize, &.maximize, &.close {
+    color: transparent;
+
+    &:hover {
+      box-shadow: none;
+    }
+
+    &:active {
+      box-shadow: inset 0 0 0 9999px rgba(black, if($topbar == 'dark', 0.12, 0));
+      background-image: radial-gradient(circle, rgba(black, 0.12) 10%, transparent 0%);
+    }
+
+    &:hover, &:active {
+      color: white;
+    }
+
+    &:backdrop {
+      color: transparent;
+      background-color: $titlebar-track;
+
+      &:hover, &:active {
+        color: $titlebar-text-disabled;
+      }
+    }
+  }
+
+  &.minimize { // Window minimize button
+    background-color: $titlebutton-min;
+
+    &:active {
+      background-color: mix($titlebar-text, $titlebutton-min, 25%);
+    }
+  }
+
+  &.maximize { // Window maximize button
+    background-color: $titlebutton-max;
+
+    &:active {
+      background-color: mix($titlebar-text, $titlebutton-max, 25%);
+    }
+  }
+
+  &.close { // Window close button
+    background-color: $titlebutton-close;
+
+    &:active {
+      background-color: mix($titlebar-text, $titlebutton-close, 25%);
+    }
+  }
+}
+
+headerbar {
+  @if $mac_style == 'true' {
+    > box.left,
+    > box.right {
+      padding: 0 $space-size;
+
+      > separator.titlebutton {
+        background-color: transparent;
+      }
+    }
+  }
+
+  button.titlebutton {
+    @extend %circular-button;
+
+    @if $mac_style == 'true' {
+      @extend %mac_window_button;
+    }
+  }
+}
+
 
 /************
  * Pathbars *
@@ -3729,12 +3823,7 @@ decoration {
   }
 }
 
-// Window Close button
-button.titlebutton {
-  @extend %circular-button;
-}
-
-.monospace { font-family: monospace; }
+// .monospace { font-family: monospace; }
 
 
 /**********************

src/_sass/gtk/_common-4.0.scss

@@ -1347,10 +1347,17 @@ headerbar {
     windowcontrols {
       button,
       menubutton {
-        min-height: $small-size;
-        min-width: $small-size;
-        margin: 0;
         padding: 0;
+
+        @if $mac_style == 'true' {
+          min-height: 16px;
+          min-width: 16px;
+          margin: 0 $space-size - 2px;
+        } @else {
+          min-height: $small-size;
+          min-width: $small-size;
+          margin: 0;
+        }
       }
     }
   }
@@ -1384,6 +1391,104 @@ window.devel {
   }
 }
 
+//
+// Window buttons
+//
+
+%mac_window_button {
+  min-height: 16px;
+  min-width: 16px;
+  padding: 0;
+  margin: 0 $space-size - 2px;
+
+  &.minimize, &.maximize, &.close {
+    color: transparent;
+
+    &:hover {
+      box-shadow: none;
+    }
+
+    &:active {
+      box-shadow: inset 0 0 0 9999px rgba(black, if($topbar == 'dark', 0.12, 0));
+      background-image: radial-gradient(circle, rgba(black, 0.12) 10%, transparent 0%);
+    }
+
+    &:hover, &:active {
+      color: white;
+    }
+
+    &:backdrop {
+      color: transparent;
+      background-color: $titlebar-track;
+
+      &:hover, &:active {
+        color: $titlebar-text-disabled;
+      }
+    }
+  }
+
+  &.minimize { // Window minimize button
+    background-color: $titlebutton-min;
+
+    &:active {
+      background-color: mix($titlebar-text, $titlebutton-min, 25%);
+    }
+  }
+
+  &.maximize { // Window maximize button
+    background-color: $titlebutton-max;
+
+    &:active {
+      background-color: mix($titlebar-text, $titlebutton-max, 25%);
+    }
+  }
+
+  &.close { // Window close button
+    background-color: $titlebutton-close;
+
+    &:active {
+      background-color: mix($titlebar-text, $titlebutton-close, 25%);
+    }
+  }
+}
+
+$window-space: if($mac_style == 'true', $space-size * 1.5, $space-size);
+
+windowcontrols {
+  border-spacing: $space-size;
+
+  &:not(.empty) {
+    &.start:dir(ltr),
+    &.end:dir(rtl) {
+      margin-right: $window-space;
+      margin-left: $window-space;
+    }
+
+    &.start:dir(rtl),
+    &.end:dir(ltr) {
+      margin-left: $window-space;
+      margin-right: $window-space;
+    }
+  }
+
+  button:not(.suggested-action):not(.destructive-action) {
+    @extend %circular-button;
+
+    @if $mac_style == 'true' {
+      @extend %mac_window_button;
+    } @else {
+      @extend %button-flat-simple;
+    }
+
+    image {
+      padding: 0;
+      border: none;
+      outline: none;
+      box-shadow: none;
+    }
+  }
+}
+
 /************
  * Pathbars *
  ************/
@@ -4087,46 +4192,7 @@ window {
   }
 }
 
-// Window button
-windowcontrols {
-  border-spacing: $space-size;
-
-  &:not(.empty) {
-    &.start:dir(ltr),
-    &.end:dir(rtl) {
-      margin-right: $space-size;
-    }
-
-    &.start:dir(rtl),
-    &.end:dir(ltr) {
-      margin-left: $space-size;
-    }
-  }
-
-  button {
-    @extend %circular-button;
-    @extend %button-flat-simple;
-
-    image {
-      background-color: transparent;
-      padding: 0;
-      border: none;
-      outline: none;
-      box-shadow: none;
-      color: $titlebar-text-secondary;
-    }
-
-    &:hover > image,
-    &:active > image {
-      background-color: transparent;
-      color: $titlebar-text;
-    }
-  }
-}
-
-
 // catch all extend :)
-
 %selected_items {
   background-color: $overlay-selected;
 }

src/gnome-shell/sass/_common-3-28.scss

@@ -819,7 +819,7 @@ $submenu_item_radius: $popup_radius - $container_padding;
     padding: 6px;
     color: $fg_color;
     transition-duration: $shorter_duration;
-    border-radius: if($corner-style == 'circular', $circular_radius, $submenu_item_radius);
+    border-radius: if($corner_style == 'circular', $circular_radius, $submenu_item_radius);
     background-image: none;
 
     &:ltr { padding-right: 1.5em; padding-left: 0; }

src/gnome-shell/sass/_common.scss

@@ -14,7 +14,7 @@ stage {
   color: $inverse_hint_fg_color;
 }
 
-$bubble_button_radius: if($corner-style == 'circular', $circular_radius, $material_radius);
+$bubble_button_radius: if($corner_style == 'circular', $circular_radius, $material_radius);
 
 %bubble_button {
   border: none;

src/gnome-shell/sass/_tweaks.scss

@@ -13,10 +13,10 @@ $theme: 'default';
 // Default corner radius value
 $default_corner: 12px;
 
-$corner-style: 'default';
+$corner_style: 'default';
 
 @if ($default_corner / 1px >= 10) {
-  $corner-style: 'circular';
+  $corner_style: 'circular';
 } @else {
-  $corner-style: 'square';
+  $corner_style: 'square';
 }

src/gnome-shell/sass/widgets/_app-grid.scss

@@ -123,7 +123,7 @@
       height: 32px;
       width: 32px;
       padding: $container_padding;
-      border-radius: if($corner-style == 'circular', $circular_radius, $buttons_radius);
+      border-radius: if($corner_style == 'circular', $circular_radius, $buttons_radius);
 
       > StIcon { icon-size: 16px }
 

src/gnome-shell/sass/widgets/_dash.scss

@@ -4,7 +4,7 @@ $dash_background_color: rgba(white, 0.2);
 $dash_placeholder_size: 32px;
 $dash_padding: 12px;
 $dash_spacing: 2px;
-$dash_border_radius: if($corner-style == 'circular', $circular_radius, $buttons_radius + $dash_padding + $dash_spacing);
+$dash_border_radius: if($corner_style == 'circular', $circular_radius, $buttons_radius + $dash_padding + $dash_spacing);
 
 #dash {
   @include font(caption);
@@ -51,7 +51,7 @@ $dash_border_radius: if($corner-style == 'circular', $circular_radius, $buttons_
 
     & .overview-icon {
       padding: 8px !important;
-      border-radius: if($corner-style == 'circular', $circular_radius, $buttons_radius);
+      border-radius: if($corner_style == 'circular', $circular_radius, $buttons_radius);
     }
   }
 }
@@ -65,7 +65,7 @@ $dash_border_radius: if($corner-style == 'circular', $circular_radius, $buttons_
 
 // OSD Tooltip
 .dash-label {
-  border-radius: if($corner-style == 'circular', $circular_radius, $material_radius);
+  border-radius: if($corner_style == 'circular', $circular_radius, $material_radius);
   padding: $container_padding $container_padding * 2;
   color: $inverse_fg_color;
   background-color: rgba(black, 0.75);

src/gnome-shell/sass/widgets/_dialogs.scss

@@ -5,7 +5,7 @@ $mdborder_color: if($variant == 'light', rgba(black, 0.15), rgba(black, 0.75));
 .headline { @include font(title); }
 
 .modal-dialog {
-  border-radius: if($corner-style == 'circular', 20px + $container_padding, $material_radius + $container_padding);
+  border-radius: if($corner_style == 'circular', 20px + $container_padding, $material_radius + $container_padding);
   color: $fg_color;
   background-color: $base_color;
   border: 0 none $mdborder_color;

src/gnome-shell/sass/widgets/_entries.scss

@@ -3,7 +3,7 @@
 StEntry {
   min-height: $medium_size;
   padding: 0 8px;
-  border-radius: if($corner-style == 'circular', $circular_radius, $buttons_radius);
+  border-radius: if($corner_style == 'circular', $circular_radius, $buttons_radius);
   border-width: 0;
   selection-background-color: $primary_color;
   selected-color: $light_fg_color !important;

src/gnome-shell/sass/widgets/_panel.scss

@@ -21,7 +21,7 @@ $panel_transition_duration: 250ms; // same as the overview transition duration
     height: $medium_size - 2px;
   } @else {
     margin: $container_padding / 2;
-    border-radius: if($corner-style == 'circular', $circular_radius, $material_radius + $container_padding / 2);
+    border-radius: if($corner_style == 'circular', $circular_radius, $material_radius + $container_padding / 2);
     height: $medium_size + 2px;
   }
 
@@ -54,11 +54,11 @@ $panel_transition_duration: 250ms; // same as the overview transition duration
     -minimum-hpadding: 6px;
     transition-duration: 150ms;
     border: $container_padding / 2 solid transparent;
-    border-radius: if($corner-style == 'circular', $circular_radius, $material_radius + $container_padding / 2);
+    border-radius: if($corner_style == 'circular', $circular_radius, $material_radius + $container_padding / 2);
     margin: 0;
 
     &.clock-display .clock {
-      border-radius: if($corner-style == 'circular', $circular_radius, $material_radius + $container_padding / 2);
+      border-radius: if($corner_style == 'circular', $circular_radius, $material_radius + $container_padding / 2);
     }
 
     &:hover {
@@ -156,7 +156,7 @@ $panel_transition_duration: 250ms; // same as the overview transition duration
   Gjs_arcmenu_arcmenu_com_menuButton_ArcMenu_MenuButton.panel-button {
     border: none !important;
     margin: $container_padding / 2 !important;
-    border-radius: if($corner-style == 'circular', $circular_radius, $material_radius);
+    border-radius: if($corner_style == 'circular', $circular_radius, $material_radius);
 
     &:hover {
       background-color: $inverse_divider_color;

src/gnome-shell/sass/widgets/_popovers-42.scss

@@ -38,7 +38,7 @@
     padding: $container_padding $container_padding * 2;
     color: $fg_color !important;
     transition-duration: $shorter_duration;
-    border-radius: if($corner-style == 'circular', $circular_radius, $submenu_item_radius);
+    border-radius: if($corner_style == 'circular', $circular_radius, $submenu_item_radius);
     background-image: none;
     border: none;
 

src/gnome-shell/sass/widgets/_popovers.scss

@@ -40,7 +40,7 @@ $submenu_item_radius: $popup_radius - $container_padding;
   margin: 0 $container_padding;
   color: $fg_color;
   transition-duration: $shorter_duration;
-  border-radius: if($corner-style == 'circular', $circular_radius, $submenu_item_radius);
+  border-radius: if($corner_style == 'circular', $circular_radius, $submenu_item_radius);
   background-image: none;
 
   &:ltr { padding-right:1.75em; padding-left: 0; }

src/gtk/3.0/gtk-Compact.css

@@ -619,8 +619,8 @@ actionbar > revealer > box .linked > button:checked:disabled:not(.suggested-acti
 window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem button.flat.scale, window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button,
 window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button,
 window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button,
-window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, .nautilus-window headerbar revealer > button, .linked:not(.vertical) > button.disclosure-button:not(.suggested-action):not(.destructive-action):not(:only-child), button.titlebutton, filechooser #pathbarbox > stack > box > button, check,
-radio, button.close, button.circular, .inline-toolbar button:not(.text-button), button.image-button {
+window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, .nautilus-window headerbar revealer > button, .linked:not(.vertical) > button.disclosure-button:not(.suggested-action):not(.destructive-action):not(:only-child), filechooser #pathbarbox > stack > box > button, check,
+radio, headerbar button.titlebutton, button.close, button.circular, .inline-toolbar button:not(.text-button), button.image-button {
   border-radius: 9999px;
 }
 
@@ -628,8 +628,8 @@ radio, button.close, button.circular, .inline-toolbar button:not(.text-button),
 window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:not(.toggle):not(.raised):not(.flat) label, window.background > box.vertical > toolbar.primary-toolbar > toolitem button.flat.scale label, window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised label, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button label,
 window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button label,
 window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button label,
-window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button label, .nautilus-window headerbar revealer > button label, .linked:not(.vertical) > button.disclosure-button:not(.suggested-action):not(.destructive-action):not(:only-child) label, button.titlebutton label, filechooser #pathbarbox > stack > box > button label, check label,
-radio label, button.close label, button.circular label, .inline-toolbar button:not(.text-button) label, button.image-button label {
+window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button label, .nautilus-window headerbar revealer > button label, .linked:not(.vertical) > button.disclosure-button:not(.suggested-action):not(.destructive-action):not(:only-child) label, filechooser #pathbarbox > stack > box > button label, check label,
+radio label, headerbar button.titlebutton label, button.close label, button.circular label, .inline-toolbar button:not(.text-button) label, button.image-button label {
   padding: 0;
 }
 
@@ -3917,10 +3917,6 @@ messagedialog.csd decoration {
   background-color: #2C2C2C;
 }
 
-.monospace {
-  font-family: monospace;
-}
-
 /**********************
  * Touch Copy & Paste *
  **********************/

src/gtk/3.0/gtk-Dark-Compact.css

@@ -619,8 +619,8 @@ actionbar > revealer > box .linked > button:checked:disabled:not(.suggested-acti
 window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem button.flat.scale, window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button,
 window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button,
 window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button,
-window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, .nautilus-window headerbar revealer > button, .linked:not(.vertical) > button.disclosure-button:not(.suggested-action):not(.destructive-action):not(:only-child), button.titlebutton, filechooser #pathbarbox > stack > box > button, check,
-radio, button.close, button.circular, .inline-toolbar button:not(.text-button), button.image-button {
+window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, .nautilus-window headerbar revealer > button, .linked:not(.vertical) > button.disclosure-button:not(.suggested-action):not(.destructive-action):not(:only-child), filechooser #pathbarbox > stack > box > button, check,
+radio, headerbar button.titlebutton, button.close, button.circular, .inline-toolbar button:not(.text-button), button.image-button {
   border-radius: 9999px;
 }
 
@@ -628,8 +628,8 @@ radio, button.close, button.circular, .inline-toolbar button:not(.text-button),
 window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:not(.toggle):not(.raised):not(.flat) label, window.background > box.vertical > toolbar.primary-toolbar > toolitem button.flat.scale label, window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised label, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button label,
 window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button label,
 window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button label,
-window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button label, .nautilus-window headerbar revealer > button label, .linked:not(.vertical) > button.disclosure-button:not(.suggested-action):not(.destructive-action):not(:only-child) label, button.titlebutton label, filechooser #pathbarbox > stack > box > button label, check label,
-radio label, button.close label, button.circular label, .inline-toolbar button:not(.text-button) label, button.image-button label {
+window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button label, .nautilus-window headerbar revealer > button label, .linked:not(.vertical) > button.disclosure-button:not(.suggested-action):not(.destructive-action):not(:only-child) label, filechooser #pathbarbox > stack > box > button label, check label,
+radio label, headerbar button.titlebutton label, button.close label, button.circular label, .inline-toolbar button:not(.text-button) label, button.image-button label {
   padding: 0;
 }
 
@@ -3917,10 +3917,6 @@ messagedialog.csd decoration {
   background-color: #2C2C2C;
 }
 
-.monospace {
-  font-family: monospace;
-}
-
 /**********************
  * Touch Copy & Paste *
  **********************/

src/gtk/3.0/gtk-Dark.css

@@ -619,8 +619,8 @@ actionbar > revealer > box .linked > button:checked:disabled:not(.suggested-acti
 window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem button.flat.scale, window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button,
 window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button,
 window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button,
-window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, .nautilus-window headerbar revealer > button, .linked:not(.vertical) > button.disclosure-button:not(.suggested-action):not(.destructive-action):not(:only-child), button.titlebutton, filechooser #pathbarbox > stack > box > button, check,
-radio, button.close, button.circular, .inline-toolbar button:not(.text-button), button.image-button {
+window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, .nautilus-window headerbar revealer > button, .linked:not(.vertical) > button.disclosure-button:not(.suggested-action):not(.destructive-action):not(:only-child), filechooser #pathbarbox > stack > box > button, check,
+radio, headerbar button.titlebutton, button.close, button.circular, .inline-toolbar button:not(.text-button), button.image-button {
   border-radius: 9999px;
 }
 
@@ -628,8 +628,8 @@ radio, button.close, button.circular, .inline-toolbar button:not(.text-button),
 window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:not(.toggle):not(.raised):not(.flat) label, window.background > box.vertical > toolbar.primary-toolbar > toolitem button.flat.scale label, window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised label, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button label,
 window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button label,
 window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button label,
-window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button label, .nautilus-window headerbar revealer > button label, .linked:not(.vertical) > button.disclosure-button:not(.suggested-action):not(.destructive-action):not(:only-child) label, button.titlebutton label, filechooser #pathbarbox > stack > box > button label, check label,
-radio label, button.close label, button.circular label, .inline-toolbar button:not(.text-button) label, button.image-button label {
+window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button label, .nautilus-window headerbar revealer > button label, .linked:not(.vertical) > button.disclosure-button:not(.suggested-action):not(.destructive-action):not(:only-child) label, filechooser #pathbarbox > stack > box > button label, check label,
+radio label, headerbar button.titlebutton label, button.close label, button.circular label, .inline-toolbar button:not(.text-button) label, button.image-button label {
   padding: 0;
 }
 
@@ -3917,10 +3917,6 @@ messagedialog.csd decoration {
   background-color: #2C2C2C;
 }
 
-.monospace {
-  font-family: monospace;
-}
-
 /**********************
  * Touch Copy & Paste *
  **********************/

src/gtk/3.0/gtk-Light-Compact.css

@@ -619,8 +619,8 @@ actionbar > revealer > box .linked > button:checked:disabled:not(.suggested-acti
 window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem button.flat.scale, window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button,
 window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button,
 window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button,
-window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, .nautilus-window headerbar revealer > button, .linked:not(.vertical) > button.disclosure-button:not(.suggested-action):not(.destructive-action):not(:only-child), button.titlebutton, filechooser #pathbarbox > stack > box > button, check,
-radio, button.close, button.circular, .inline-toolbar button:not(.text-button), button.image-button {
+window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, .nautilus-window headerbar revealer > button, .linked:not(.vertical) > button.disclosure-button:not(.suggested-action):not(.destructive-action):not(:only-child), filechooser #pathbarbox > stack > box > button, check,
+radio, headerbar button.titlebutton, button.close, button.circular, .inline-toolbar button:not(.text-button), button.image-button {
   border-radius: 9999px;
 }
 
@@ -628,8 +628,8 @@ radio, button.close, button.circular, .inline-toolbar button:not(.text-button),
 window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:not(.toggle):not(.raised):not(.flat) label, window.background > box.vertical > toolbar.primary-toolbar > toolitem button.flat.scale label, window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised label, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button label,
 window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button label,
 window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button label,
-window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button label, .nautilus-window headerbar revealer > button label, .linked:not(.vertical) > button.disclosure-button:not(.suggested-action):not(.destructive-action):not(:only-child) label, button.titlebutton label, filechooser #pathbarbox > stack > box > button label, check label,
-radio label, button.close label, button.circular label, .inline-toolbar button:not(.text-button) label, button.image-button label {
+window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button label, .nautilus-window headerbar revealer > button label, .linked:not(.vertical) > button.disclosure-button:not(.suggested-action):not(.destructive-action):not(:only-child) label, filechooser #pathbarbox > stack > box > button label, check label,
+radio label, headerbar button.titlebutton label, button.close label, button.circular label, .inline-toolbar button:not(.text-button) label, button.image-button label {
   padding: 0;
 }
 
@@ -3917,10 +3917,6 @@ messagedialog.csd decoration {
   background-color: #FFFFFF;
 }
 
-.monospace {
-  font-family: monospace;
-}
-
 /**********************
  * Touch Copy & Paste *
  **********************/

src/gtk/3.0/gtk-Light.css

@@ -619,8 +619,8 @@ actionbar > revealer > box .linked > button:checked:disabled:not(.suggested-acti
 window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem button.flat.scale, window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button,
 window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button,
 window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button,
-window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, .nautilus-window headerbar revealer > button, .linked:not(.vertical) > button.disclosure-button:not(.suggested-action):not(.destructive-action):not(:only-child), button.titlebutton, filechooser #pathbarbox > stack > box > button, check,
-radio, button.close, button.circular, .inline-toolbar button:not(.text-button), button.image-button {
+window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, .nautilus-window headerbar revealer > button, .linked:not(.vertical) > button.disclosure-button:not(.suggested-action):not(.destructive-action):not(:only-child), filechooser #pathbarbox > stack > box > button, check,
+radio, headerbar button.titlebutton, button.close, button.circular, .inline-toolbar button:not(.text-button), button.image-button {
   border-radius: 9999px;
 }
 
@@ -628,8 +628,8 @@ radio, button.close, button.circular, .inline-toolbar button:not(.text-button),
 window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:not(.toggle):not(.raised):not(.flat) label, window.background > box.vertical > toolbar.primary-toolbar > toolitem button.flat.scale label, window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised label, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button label,
 window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button label,
 window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button label,
-window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button label, .nautilus-window headerbar revealer > button label, .linked:not(.vertical) > button.disclosure-button:not(.suggested-action):not(.destructive-action):not(:only-child) label, button.titlebutton label, filechooser #pathbarbox > stack > box > button label, check label,
-radio label, button.close label, button.circular label, .inline-toolbar button:not(.text-button) label, button.image-button label {
+window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button label, .nautilus-window headerbar revealer > button label, .linked:not(.vertical) > button.disclosure-button:not(.suggested-action):not(.destructive-action):not(:only-child) label, filechooser #pathbarbox > stack > box > button label, check label,
+radio label, headerbar button.titlebutton label, button.close label, button.circular label, .inline-toolbar button:not(.text-button) label, button.image-button label {
   padding: 0;
 }
 
@@ -3917,10 +3917,6 @@ messagedialog.csd decoration {
   background-color: #FFFFFF;
 }
 
-.monospace {
-  font-family: monospace;
-}
-
 /**********************
  * Touch Copy & Paste *
  **********************/

src/gtk/3.0/gtk.css

@@ -619,8 +619,8 @@ actionbar > revealer > box .linked > button:checked:disabled:not(.suggested-acti
 window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem button.flat.scale, window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button,
 window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button,
 window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button,
-window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, .nautilus-window headerbar revealer > button, .linked:not(.vertical) > button.disclosure-button:not(.suggested-action):not(.destructive-action):not(:only-child), button.titlebutton, filechooser #pathbarbox > stack > box > button, check,
-radio, button.close, button.circular, .inline-toolbar button:not(.text-button), button.image-button {
+window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, .nautilus-window headerbar revealer > button, .linked:not(.vertical) > button.disclosure-button:not(.suggested-action):not(.destructive-action):not(:only-child), filechooser #pathbarbox > stack > box > button, check,
+radio, headerbar button.titlebutton, button.close, button.circular, .inline-toolbar button:not(.text-button), button.image-button {
   border-radius: 9999px;
 }
 
@@ -628,8 +628,8 @@ radio, button.close, button.circular, .inline-toolbar button:not(.text-button),
 window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:not(.toggle):not(.raised):not(.flat) label, window.background > box.vertical > toolbar.primary-toolbar > toolitem button.flat.scale label, window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised label, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button label,
 window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button label,
 window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button label,
-window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button label, .nautilus-window headerbar revealer > button label, .linked:not(.vertical) > button.disclosure-button:not(.suggested-action):not(.destructive-action):not(:only-child) label, button.titlebutton label, filechooser #pathbarbox > stack > box > button label, check label,
-radio label, button.close label, button.circular label, .inline-toolbar button:not(.text-button) label, button.image-button label {
+window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button label, .nautilus-window headerbar revealer > button label, .linked:not(.vertical) > button.disclosure-button:not(.suggested-action):not(.destructive-action):not(:only-child) label, filechooser #pathbarbox > stack > box > button label, check label,
+radio label, headerbar button.titlebutton label, button.close label, button.circular label, .inline-toolbar button:not(.text-button) label, button.image-button label {
   padding: 0;
 }
 
@@ -3917,10 +3917,6 @@ messagedialog.csd decoration {
   background-color: #2C2C2C;
 }
 
-.monospace {
-  font-family: monospace;
-}
-
 /**********************
  * Touch Copy & Paste *
  **********************/