Numix-Cinnamon-Transparent: Update for Cinnamon 6.4 (#849)

* Update for Cinnamon 6.4 * Add support for: * GWL icon badge, list-item, and thumbnail-menu * Cinnamon 6.4 dialogs (partial) * Cinnamon 6.4 media-keys-osd (partial) * window-list-preview * Fix alt-tab switcher * Closes #848
linuxmint · Feb 13, 2025 · 7a560b9 · 7a560b9
1 parent 4eba23f
commit 7a560b9
Show file tree

Hide file tree

Showing 9 changed files with 676 additions and 166 deletions.
diff --git a/Numix-Cinnamon-Transparent/files/Numix-Cinnamon-Transparent/cinnamon/cinnamon.css b/Numix-Cinnamon-Transparent/files/Numix-Cinnamon-Transparent/cinnamon/cinnamon.css
diff --git a/Numix-Cinnamon-Transparent/files/Numix-Cinnamon-Transparent/cinnamon/scss/main/_OSD.scss b/Numix-Cinnamon-Transparent/files/Numix-Cinnamon-Transparent/cinnamon/scss/main/_OSD.scss
@@ -26,6 +26,45 @@
     }
 }
 
+.media-keys-osd {
+    margin-bottom: 1em;
+    border-image: url("img/containers/dark-bg.svg") 7;
+    color: $text-primary;
+    font-weight: bold;
+    spacing: 12px;
+    padding: 12px 24px; 
+    > * {
+      spacing: 12px;
+    }
+    StIcon {
+      icon-size: 32px;
+    }
+    StLabel:ltr {
+      margin-right: 6px;
+    }
+    StLabel:rtl {
+      margin-left: 6px;
+    }
+    .level {
+      min-width: 160px;
+      -barlevel-height: .8em;
+      -barlevel-background-color: #525252;
+      -barlevel-active-background-color: white;
+      -barlevel-amplify-color: #f8e45c;
+      -barlevel-amplify-separator-width: 3px;
+    }
+    .level:ltr {
+        margin-right: 6px;
+    }
+    .level:rtl {
+        margin-left: 6px;
+    }
+    .level-bar {
+      border-radius: 8px;
+      background-color: white;
+    }
+}
+
 /* Appears when switching workspaces */
 .workspace-osd {
     border-image: url("img/containers/dark-bg.svg") 7;

diff --git a/Numix-Cinnamon-Transparent/files/Numix-Cinnamon-Transparent/cinnamon/scss/main/_alt-tab.scss b/Numix-Cinnamon-Transparent/files/Numix-Cinnamon-Transparent/cinnamon/scss/main/_alt-tab.scss
@@ -39,8 +39,76 @@
     color: $text-primary;
 }
 
-.switcher-list-item-container { spacing: 0; }
 
 .thumbnail { width: 256px; }
 
 .alt-tab-app {}
+
+
+#altTabPopup {
+    padding: 0;
+    spacing: 4px;
+  }
+
+  .switcher-list {
+    border-image: url("img/containers/dark-bg.svg") 7;
+    color: $text-primary;
+    padding: 4px;
+    font-size: $font-size-lg;
+    font-weight: bold;
+
+    &-item-container { spacing: 0px; }
+
+    .item-box {
+      padding: 6px;
+
+      // this doesn't ever seem to get used
+      &:outlined { }
+      &:selected {
+        border-image: url("img/containers/hover.svg") 7;
+        color: $text-active;
+      }
+    }
+
+    .thumbnail-box {
+      padding: 4px;
+      spacing: 4px;
+    }
+
+    .thumbnail { width: 256px; }
+
+    .separator {}
+  }
+
+  .switcher-preview-backdrop { background-color: transparentize(black, 0.5); }
+
+  .switcher-arrow {
+    background-color: transparent;
+    border-color: transparent;
+    color: $text-active;
+
+    &:highlighted {}
+  }
+
+  .thumbnail-scroll-gradient {
+
+    &-left {
+      background-gradient-direction: horizontal;
+      background-gradient-start: transparentize(black, 0.0);
+      background-gradient-end: transparentize(black, 1.0);
+      border-radius: 0px;
+      border-radius-topright: 0px;
+      border-radius-bottomright: 0px;
+      width: 60px;
+    }
+
+    &-right {
+      background-gradient-direction: horizontal;
+      background-gradient-start: transparentize(black, 1.0);
+      background-gradient-end: transparentize(black, 0.0);
+      border-radius: 0px;
+      border-radius-topleft: 0px;
+      border-radius-bottomleft: 0px;
+      width: 60px;
+    }
+  }
diff --git a/...namon-Transparent/files/Numix-Cinnamon-Transparent/cinnamon/scss/main/_modal-dialogs.scss b/...namon-Transparent/files/Numix-Cinnamon-Transparent/cinnamon/scss/main/_modal-dialogs.scss
@@ -11,9 +11,9 @@
 
 
 /* ======================================
- * ! Modal dialogs
+ * ! dialogs
  * ====================================== */
-
+.dialog,
 .modal-dialog {
     border-radius: 0;
     padding: 0;
@@ -32,11 +32,39 @@
     }
 }
 
+.dialog-button,
 .modal-dialog-button {
     @include btn-primary;
     @include btn-width(wide);
 }
 
+/* ======================================
+ * ! Dialogs
+ * ====================================== */
+
+.dialog {
+    border-radius: 0;
+    padding: 0;
+    color: $text-primary;
+    border-image: url("img/containers/dark-bg.svg") 9;
+
+    > * {
+        padding: 24px;
+        border-radius: 0;
+    }
+
+    &-button-box {
+        border-image: url("img/containers/modal-button-box.svg") 8;
+        spacing: 0;
+        padding: 8px;
+    }
+}
+
+.dialog-button {
+    @include btn-primary;
+    @include btn-width(wide);
+}
+
 /* ======================================
  * ! Run dialog
  * ====================================== */

diff --git a/...innamon-Transparent/files/Numix-Cinnamon-Transparent/cinnamon/scss/main/_popup-menus.scss b/...innamon-Transparent/files/Numix-Cinnamon-Transparent/cinnamon/scss/main/_popup-menus.scss
@@ -10,7 +10,6 @@
     border-image: url("img/containers/dark-bg.svg") 9;
     padding: .5em 1px;
     color: $text-primary;
-    max-height: 70em;
 }
 
 .popup-menu-icon {

diff --git a/...mon-Transparent/files/Numix-Cinnamon-Transparent/cinnamon/scss/main/applets/_0-INDEX.scss b/...mon-Transparent/files/Numix-Cinnamon-Transparent/cinnamon/scss/main/applets/_0-INDEX.scss
@@ -1,6 +1,6 @@
 @import "1-applet-globals";
 @import "calendar";
-@import "window-list";
+@import "window-list-applets";
 @import "sound";
 @import "workspace-switcher";
 @import "panel-launcher";

diff --git a/...on-Transparent/files/Numix-Cinnamon-Transparent/cinnamon/scss/main/applets/_app-menu.scss b/...on-Transparent/files/Numix-Cinnamon-Transparent/cinnamon/scss/main/applets/_app-menu.scss
@@ -38,6 +38,13 @@
     padding: .6em;
     font-weight: bold;
 
+    &:hover {
+        padding: .6em;
+        border-image: url("img/containers/light-bg.svg") 7;
+        font-weight: bold;
+        color: $text-active;
+    }
+
     &-greyed {
         padding: .6em;
         color: $text-disabled;
@@ -92,7 +99,7 @@
     padding-right: 30px;
     padding-left: 30px;
     text-align: right;
-    height: 1.2em;
+    height: 2.8em;
 }
 
 .menu-selected-app-title {

diff --git a/...namon/scss/main/applets/_window-list.scss → ...ss/main/applets/_window-list-applets.scss b/...namon/scss/main/applets/_window-list.scss → ...ss/main/applets/_window-list-applets.scss
@@ -1,7 +1,8 @@
-/* ======================================
- * ! Window list
- * ====================================== */
+/* ===========================================
+ * ! Window list & Grouped window list applets
+ * =========================================== */
 
+.grouped-window-list-box,
 .window-list-box {
     spacing: 0px;
     font-weight: bold;
@@ -22,6 +23,7 @@
 
 @each $pos in top, bottom, left, right {
     .panel-#{$pos} {
+        .grouped-window-list-item,
         .window-list-item {
             &-box {
                 color: $text-primary;
@@ -43,13 +45,54 @@
             }
         }
 
+        .grouped-window-list-item-demands-attention,
         .window-list-item-demands-attention {
             border-image: url("img/panel/window-list__#{$pos}__attention.svg") 4;
             color: $text-active;
         }
     }
 }
 
+.window-list-preview {
+    color: $text-active;
+    border-image: url("img/containers/dark-bg.svg") 9;
+    padding: 12px;
+    spacing: 4px;
+}
+
+.grouped-window-list {
+    &-thumbnail-menu {
+        margin: 2px;
+        border-image: url("img/containers/dark-bg.svg") 9;
+        border-radius: 0px;
+        color: $text-primary;
+
+        .item-box {
+            padding: 10px;
+            spacing: 4px;
+
+            &:outlined {
+                border: 2px solid $accent-primary
+            }
+
+            &:selected {
+                border-image: url("img/containers/hover.svg") 9;
+                color: $text-active;
+            }
+        }
+    }
+
+    &-number-label {
+        color: $text-primary;
+        z-index: 99;
+    }
+
+    &-badge {
+        border-radius: 9999px;
+        background-color: $text-primary-invert
+    }
+}
+
 /*
  * The window list thumbnail shares a class
  * with the alt-tab switcher, but it is

diff --git a/...on-Transparent/files/Numix-Cinnamon-Transparent/cinnamon/scss/main/controls/_entries.scss b/...on-Transparent/files/Numix-Cinnamon-Transparent/cinnamon/scss/main/controls/_entries.scss
@@ -32,6 +32,7 @@
  * ! Entries
  * ====================================== */
 
+.prompt-dialog-password-entry,
 .menu StEntry,
 .modal-dialog StEntry,
 #notification StEntry {