matugen: add rounding

stow/.config/matugen/config.toml

@@ -5,6 +5,7 @@ set = true
 
 [config.custom_keywords]
 font = "ComicShannsMono Nerd Font"
+rounding = "10"
 
 [templates.waybar]
 input_path = './templates/colors.css'

stow/.config/matugen/templates/colors.css

@@ -5,6 +5,7 @@
 
 * {
   font-family: {{ custom.font }};
+  border-radius: {{custom.rounding}}px;
 }
 
 <* for name, value in colors *>

stow/.config/matugen/templates/discord.css

@@ -65,12 +65,12 @@
 	--icon-spin-transition: 1s ease;    /* round icon button spin (settings, emoji, etc.) */
 
 	/* corner roundness (border-radius) */
-	--roundness-xl: 22px; /* roundness of big panel outer corners */
+	--roundness-xl: {{custom.rounding}}px; /* roundness of big panel outer corners */
-	--roundness-l: 20px; /* popout panels */
+	--roundness-l: {{custom.rounding}}px; /* popout panels */
-	--roundness-m: 16px; /* smaller panels, images, embeds */
+	--roundness-m: {{custom.rounding}}px; /* smaller panels, images, embeds */
-	--roundness-s: 12px; /* members, settings inputs */
+	--roundness-s: {{custom.rounding}}px; /* members, settings inputs */
-	--roundness-xs: 10px; /* channels, buttons */
+	--roundness-xs: {{custom.rounding}}px; /* channels, buttons */
-	--roundness-xxs: 8px; /* searchbar, small elements */
+	--roundness-xxs: {{custom.rounding}}px; /* searchbar, small elements */
 
 	/* direct messages moon icon */
 	/* change to block to show, none to hide */

stow/.config/matugen/templates/hyprland.conf

@@ -5,6 +5,7 @@ general {
 }
 
 decoration {
+    rounding = {{custom.rounding}}
     shadow {
       color = rgba({{colors.shadow.default.hex_stripped}}ee)
     }

stow/.config/matugen/templates/hyprlock.conf

@@ -31,7 +31,7 @@ input-field {
     placeholder_text = Enter password
     size = 48
     fade_on_empty = false
-    rounding = 10
+    rounding = {{custom.rounding}}
 
     halign = center
     valign = center
@@ -51,7 +51,7 @@ label {
 
 shape {
   color = {{colors.background.default.rgba}}
-  rounding = 10
+  rounding = {{custom.rounding}}
 
   monitor =
   size = 150, 60
@@ -80,7 +80,7 @@ label {
 
 shape {
   color = {{colors.background.default.rgba}}
-  rounding = 10
+  rounding = {{custom.rounding}}
 
   monitor =
   size = 50, 410
@@ -105,7 +105,7 @@ label {
 
 shape {
   color = {{colors.background.default.rgba}}
-  rounding = 10
+  rounding = {{custom.rounding}}
 
   monitor =
   size = 50, 110

stow/.config/matugen/templates/walker.css

@@ -9,6 +9,7 @@
 
 * {
   font-family: {{ custom.font }};
+  background-radius: {{ custom.rounding}}px;
 }
 
 #window,
@@ -46,7 +47,7 @@ slider,
 }
 
 #box {
-  border-radius: 20px;
+  border-radius: {{custom.rounding}}px;
   background: @background;
   padding: 32px;
   border: 1px solid lighter(@background);
@@ -78,7 +79,7 @@ slider,
 #password,
 #input,
 #typeahead {
-  border-radius: 2px;
+  border-radius: {{custom.rounding}}px;
 }
 
 #input {
@@ -106,7 +107,7 @@ slider,
 
 child {
   padding: 8px;
-  border-radius: 2px;
+  border-radius: {{custom.rounding}}px;
 }
 
 child:selected,
@@ -153,7 +154,7 @@ child:hover {
 
 .aiItem {
   padding: 10px;
-  border-radius: 2px;
+  border-radius: {{custom.rounding}}px;
   color: @foreground;
   background: @background;
 }

stow/.config/waybar/style.css

@@ -4,7 +4,7 @@
     /* `otf-font-awesome` is required to be installed for icons */
 /*    font-family: ComicShannsMono Nerd Font, FontAwesome, Roboto, Helvetica, Arial, sans-serif;*/
     font-size: 20px;
-    border-radius: 10px;
+/*    border-radius: 10px;*/
     transition-duration: 0.5s;
 }
 
@@ -39,7 +39,7 @@ window#waybar.solo {
 #workspaces {
     background-color: @background;
     color: @primary;
-    border-radius: 10px;
+/*    border-radius: 10px;*/
 }
 
 #workspaces button {