Redesign Appearance Fuse

data/settings.gresources.xml

@@ -5,9 +5,6 @@
     <file alias="style-dark.css">style-dark.css</file>
   </gresource>
   <gresource prefix="/com/fyralabs/Fusebox/Appearance">
-    <file alias="soft.svg">assets/soft.svg</file>
-    <file alias="medium.svg">assets/medium.svg</file>
-    <file alias="harsh.svg">assets/harsh.svg</file>
     <file alias="light.svg">assets/light.svg</file>
     <file alias="dark.svg">assets/dark.svg</file>
     <file alias="by-apps.svg">assets/by-apps.svg</file>

data/style.css

@@ -68,13 +68,6 @@ button.flat label {
   background: alpha(#72da82, 0.18);
 }
 
-.mint radio {
-  background: #85d1bf;
-}
-.mint:disabled radio {
-  background: alpha(#85d1bf, 0.18);
-}
-
 .blue radio {
   background: #58a8fa;
 }
@@ -89,13 +82,6 @@ button.flat label {
   background: alpha(#a57bcd, 0.18);
 }
 
-.brown radio {
-  background: #bf8856;
-}
-.brown:disabled radio {
-  background: alpha(#bf8856, 0.18);
-}
-
 .pink radio {
   background: #cb76b8;
 }
@@ -111,7 +97,7 @@ button.flat label {
 }
 
 .multi radio {
-  background: linear-gradient(45deg,
+  background: linear-gradient(90deg,
       #e25480 0%,
       #f99e5c 13%,
       #febc16 26%,
@@ -257,3 +243,24 @@ spinbutton.flat {
 .ensor-box > flowbox > flowboxchild:selected {
   box-shadow: 0 0 0 5px @accent_color, 0 0 0 2px @view_bg_color;
 }
+
+.color-scheme-button {
+  padding: 6px;
+  background: none;
+}
+.color-scheme-button image {
+  box-shadow: 0 0 0 1px alpha(@outline, 0.38);
+  border-radius: 8px;
+}
+.color-scheme-button label {
+  font-weight: 500;
+}
+.color-scheme-button:hover image {
+  box-shadow: 0 0 0 1px @outline;
+}
+.color-scheme-button:checked image {
+  box-shadow: 0 0 0 3px @accent_color;
+}
+.color-scheme-button:checked label {
+  font-weight: 700;
+}

fuses/appearance/AppearanceFuse.vala

@@ -30,32 +30,9 @@ public class Appearance.Fuse : Fusebox.Fuse {
     public override Gtk.Widget get_widget () {
         if (main_grid == null) {
             appearance_view = new AppearanceView (this);
-            // var dock_view = new DockView (this);
-            var text_view = new TextView ();
-
-            main_stack = new Gtk.Stack () {
-                transition_type = Gtk.StackTransitionType.SLIDE_LEFT_RIGHT,
-                transition_duration = 400
-            };
-            main_stack.add_titled (appearance_view, "desktop", _("Desktop"));
-            main_stack.add_titled (text_view, "text", _("Text"));
-            // if (GLib.Environment.find_program_in_path ("kiri-panel") != null) {
-            // main_stack.add_titled (dock_view, "dock", _("Dock"));
-            // }
-
-            var stack_switcher = new He.ViewSwitcher ();
-            stack_switcher.stack = main_stack;
-
-            var appbar = new He.AppBar () {
-                viewtitle_widget = stack_switcher,
-                show_back = false,
-                scroller = appearance_view.sw,
-                margin_bottom = 12,
-            };
 
             main_grid = new Gtk.Grid ();
-            main_grid.attach (appbar, 0, 0);
-            main_grid.attach (main_stack, 0, 1);
+            main_grid.attach (appearance_view, 0, 1);
         }
 
         return main_grid;