From e09bd2edfd2578f189135547d0a386804272973d Mon Sep 17 00:00:00 2001
From: Komer <thekomer@gmail.com>
Date: Wed, 11 May 2022 00:42:24 +0200
Subject: [PATCH] BUGFix: Gnome 42 -  issue with app folders

---
 gnome-shell/v40/_common.scss    | 21 +++++++++++++++++++++
 gnome-shell/v40/gnome-shell.css | 26 +++++++++++++++++++++-----
 2 files changed, 42 insertions(+), 5 deletions(-)

diff --git a/gnome-shell/v40/_common.scss b/gnome-shell/v40/_common.scss
index 69ee9be..3d81461 100644
--- a/gnome-shell/v40/_common.scss
+++ b/gnome-shell/v40/_common.scss
@@ -1595,6 +1595,27 @@ StScrollBar {
     box-shadow: none;
   }
 
+ /* App Folders */
+	.app-well-app.app-folder {
+		background-color: lighten($bg_color, 7%);
+		border-radius: 12px;
+	}
+	// expanded folder
+	.app-folder-dialog { //style like the dash
+		background-color:  $_dash_bg;
+		border: none;
+		.edit-folder-button {
+			@extend %button;
+
+			padding: 0;
+			width: 36px;
+			height: 36px;
+			border-radius: 18px;
+			& > StIcon { icon-size: 16px }
+		}
+	}
+
+
   .app-well-app.app-folder > .overview-icon {
     background-color: transparentize($osd_bg_color,.6);
   }
diff --git a/gnome-shell/v40/gnome-shell.css b/gnome-shell/v40/gnome-shell.css
index 15cd1e9..1d2d98d 100644
--- a/gnome-shell/v40/gnome-shell.css
+++ b/gnome-shell/v40/gnome-shell.css
@@ -8,7 +8,7 @@ stage {
 
 /* WIDGETS */
 /* Buttons */
-.button {
+.button, .app-folder-dialog .edit-folder-button {
   color: #bfc3cd;
   background-color: #171b2e;
   box-shadow: none;
@@ -18,27 +18,27 @@ stage {
   border: 1px solid #0b0d16;
   border-radius: 6px;
   padding: 4px 32px; }
-  .button:focus {
+  .button:focus, .app-folder-dialog .edit-folder-button:focus {
     background-color: #1e233b;
     color: #ffffff;
     text-shadow: 0 1px black;
     icon-shadow: 0 1px black;
     box-shadow: none;
     border: 1px solid #0b0d16; }
-  .button:insensitive {
+  .button:insensitive, .app-folder-dialog .edit-folder-button:insensitive {
     color: #676a75;
     background-color: rgba(33, 36, 48, 0.66);
     box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
     border: none;
     text-shadow: none;
     icon-shadow: none; }
-  .button:active {
+  .button:active, .app-folder-dialog .edit-folder-button:active {
     color: #ff6a00;
     background-color: rgba(14, 17, 29, 0.95);
     border: 1px solid #0b0d16;
     text-shadow: none;
     icon-shadow: none; }
-  .button:hover {
+  .button:hover, .app-folder-dialog .edit-folder-button:hover {
     background-color: #1c2138;
     color: #ffffff;
     border: 1px solid #0b0d16;
@@ -1435,6 +1435,22 @@ StScrollBar {
   text-align: center;
   box-shadow: none; }
 
+/* App Folders */
+.app-well-app.app-folder {
+  background-color: #1a1f35;
+  border-radius: 12px; }
+
+.app-folder-dialog {
+  background-color: #090b13;
+  border: none; }
+  .app-folder-dialog .edit-folder-button {
+    padding: 0;
+    width: 36px;
+    height: 36px;
+    border-radius: 18px; }
+    .app-folder-dialog .edit-folder-button > StIcon {
+      icon-size: 16px; }
+
 .app-well-app.app-folder > .overview-icon {
   background-color: rgba(14, 17, 29, 0.35); }