Built-in theme recolor (#375)

* Experimental builtin theme change * Improve color consistency in budgie-menu * Remove Raven border * Darken Raven, make alert/suggested colors green
BuddiesOfBudgie · May 13, 2023 · 5e47b16 · 5e47b16
1 parent de1379f
commit 5e47b16
Show file tree

Hide file tree

Showing 3 changed files with 31 additions and 32 deletions.
diff --git a/src/theme/3.20/_main.scss b/src/theme/3.20/_main.scss
@@ -156,13 +156,3 @@
 }
 @include raven-trigger(button);
 @include raven-mpris(button);
-
-@each $pos, $b_pos in $pos_list {
-    // Raven borders
-    .#{$pos} .raven-frame {
-        border {
-            border: none;
-            border-#{$b_pos}: $border_width solid $raven_border;
-        }
-    }
-}
diff --git a/src/theme/common/_colors.scss b/src/theme/common/_colors.scss
@@ -1,26 +1,26 @@
 $fg_color: if($variant == 'default', white, black);
 
-$selected_bg_color: if($variant =='default', #4791CA, black);
-$selected_fg_color: white;
+$selected_bg_color: if($variant =='default', rgb(107, 202, 129), black);
+$selected_fg_color: black;
 
 $warning_color: #F27835;
 $error_color: #FC4138;
-$alert_color: #4fa2e1;
+$alert_color: rgb(107, 202, 129);
 $destructive_color: #F04A50;
-$suggested_color: #4DADD4;
+$suggested_color: rgb(107, 202, 129);
 
-$panel_bg: if($variant == 'default', #252a35, white);
+$panel_bg: if($variant == 'default', #161616, white);
 $panel_border: if($variant == 'default', #0f1116, black);
 $panel_shadow: transparentize(black, 0.7);
 
-$raven_bg: if($variant == 'default', #353945, $panel_bg);
+$raven_bg: if($variant == 'default', #161616, $panel_bg);
 $raven_border: if($variant == 'default', transparentize($panel_border, 0.05), $panel_border);
 
-$raven_expander_bg: if($variant == 'default', darken($raven_bg, 6.5%), $raven_bg);
+$raven_expander_bg: if($variant == 'default', #262626, $raven_bg);
 $raven_expander_fg: $fg_color;
 $raven_expander_border: if($variant == 'default', $raven_expander_bg, $raven_border);
 
-$raven_background_bg: if($variant == 'default', darken($raven_bg, 4%), $raven_bg);
+$raven_background_bg: if($variant == 'default', #262626, $raven_bg);
 $raven_background_border: if($variant == 'default', $raven_background_bg, $raven_border);
 
 $mpris_overlay_bg: transparentize(white, 0.9);

diff --git a/src/theme/common/_menu.scss b/src/theme/common/_menu.scss
@@ -31,9 +31,9 @@
 
         padding: 6px 0;
         font-size: 14px;
-
-        border-bottom: 2px solid transparentize($selected_bg_color, 0.5);
-        border-radius: 0;
+        border-radius: 6px;
+        background-color: transparentize(white, 0.9);
+        margin-bottom: 8px;
 
         #{$image} {
             color: currentColor;
@@ -60,11 +60,13 @@
             transition: 170ms ease-out;
             margin: 2px 0;
             padding: 4px 8px;
-            border-radius: 3px;
+            border-radius: 6px;
 
             &:hover { background-color: transparentize(white, 0.9); }
             &:active {
-                color: $selected_fg_color;
+                label {
+                    color: $selected_fg_color;
+                }
                 background-color: $selected_bg_color;
             }
 
@@ -83,7 +85,6 @@
     }
 
     .budgie-menu-footer {
-        border-top: 1px solid transparentize(white, 0.9);
         padding-top: 6px;
 
         .image-button {
@@ -106,7 +107,7 @@
             transition-property: background-color, color;
             transition: 170ms ease-out;
             padding: 4px 8px 4px 6px;
-            border-radius: 3px;
+            border-radius: 6px;
 
             &:hover { background-color: transparentize(white, 0.9); }
             &:active { background-color: transparentize(white, 0.8); }
@@ -129,10 +130,19 @@
             padding: 4px 8px 4px 2px;
             margin: 2px 0;
             background-color: transparent;
-            border-radius: 3px;
+            border-radius: 6px;
+
+            > image {
+                color: white;
+            }
 
             &:hover { background-color: transparentize(white, 0.9); }
-            &:active { background-color: transparentize(white, 0.8); }
+            &:active {
+                color: $selected_fg_color;
+                > image {
+                    color: $selected_fg_color;
+                }
+            }
         }
     }
 
@@ -141,27 +151,26 @@
 
         margin: 0;
         padding: 0 5px 0 0;
-        border-right: 1px solid transparentize(white, 0.9);
     }
 
     .category-button {
         @extend %reset_style;
 
         margin: 2px 0;
         padding: 6px 0;
-        border-radius: 3px;
+        border-radius: 6px;
         transition-property: background-color, color;
         transition: 170ms ease-out;
 
         &:hover { background-color: transparentize(white, 0.9); }
         &:active, &:checked {
-            color: $selected_fg_color;
+            label {
+                color: $selected_fg_color;
+            }
             background-color: $selected_bg_color;
         }
         &:checked:#{$insensitive} {
             opacity: 0.5;
-
-            #{$label} { color: inherit; }
         }
     }