diff --git a/data/style.css b/data/style.css
index 3d7d20fe..f4b460a7 100644
--- a/data/style.css
+++ b/data/style.css
@@ -6,37 +6,38 @@
   .variant radio {
     color: transparent;
     background-color: inherit;
-    border: 5px solid transparent;
+    border: 2px solid transparent;
   }
 
   .variant:checked radio {
-    border: 5px solid @accent_bg_color;
+    border: 2px solid @accent_bg_color;
   }
 
   #dark {
-    background-color: black;
+    background-color: #3d3846;
   }
 
   #light {
-    background-color: white;
+    background-color: #deddda;
   }
 
   #red {
-    background-color: red;
+    background-color: #e01b24;
   }
 
   #orange {
-    background-color: orange;
+    background-color: #ff7800;
   }
 
   #yellow {
-    background-color: yellow;
+    background-color: #f6d32d;
   }
 
   #blue {
-    background-color: blue;
+    background-color: #3584e4;
   }
 
   #green {
-    background-color: green;
+    background-color: #33d17a;
   }
+  
diff --git a/data/ui/preset_row.blp b/data/ui/preset_row.blp
index 4b2f721e..4db19e60 100644
--- a/data/ui/preset_row.blp
+++ b/data/ui/preset_row.blp
@@ -93,8 +93,8 @@ template GradiencePresetRow : Adw.ExpanderRow {
 		Gtk.Grid {
 			styles ["content"]
 
-			row-spacing: 15;
-			column-spacing: 15;
+			row-spacing: 6;
+			column-spacing: 6;
 
 			Gtk.Label {
 				styles ["dim-label"]
@@ -130,8 +130,8 @@ template GradiencePresetRow : Adw.ExpanderRow {
 		Gtk.Grid {
 			styles ["content"]
 
-			row-spacing: 15;
-			column-spacing: 30;
+			row-spacing: 6;
+			column-spacing: 6;
 
             Gtk.Label {
                 styles ["dim-label"]
@@ -160,7 +160,7 @@ template GradiencePresetRow : Adw.ExpanderRow {
 
                 orientation: horizontal;
                 valign: center;
-                spacing: 5;
+                spacing: 8;
 
                 CheckButton light {
                     name: "light";