From 19cff288ab72f4ff40532ae1bfea536c40625ff9 Mon Sep 17 00:00:00 2001 From: Nico Date: Wed, 10 Sep 2025 00:24:12 +1000 Subject: [PATCH] matugen: add rounding --- stow/.config/matugen/config.toml | 1 + stow/.config/matugen/templates/colors.css | 1 + stow/.config/matugen/templates/discord.css | 12 ++++++------ stow/.config/matugen/templates/hyprland.conf | 1 + stow/.config/matugen/templates/hyprlock.conf | 8 ++++---- stow/.config/matugen/templates/walker.css | 9 +++++---- stow/.config/waybar/style.css | 4 ++-- 7 files changed, 20 insertions(+), 16 deletions(-) diff --git a/stow/.config/matugen/config.toml b/stow/.config/matugen/config.toml index dd1eec0..9857e16 100644 --- a/stow/.config/matugen/config.toml +++ b/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' diff --git a/stow/.config/matugen/templates/colors.css b/stow/.config/matugen/templates/colors.css index 222a58c..7bfb4a4 100644 --- a/stow/.config/matugen/templates/colors.css +++ b/stow/.config/matugen/templates/colors.css @@ -5,6 +5,7 @@ * { font-family: {{ custom.font }}; + border-radius: {{custom.rounding}}px; } <* for name, value in colors *> diff --git a/stow/.config/matugen/templates/discord.css b/stow/.config/matugen/templates/discord.css index 10c94db..bd7ad43 100644 --- a/stow/.config/matugen/templates/discord.css +++ b/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-l: 20px; /* popout panels */ - --roundness-m: 16px; /* smaller panels, images, embeds */ - --roundness-s: 12px; /* members, settings inputs */ - --roundness-xs: 10px; /* channels, buttons */ - --roundness-xxs: 8px; /* searchbar, small elements */ + --roundness-xl: {{custom.rounding}}px; /* roundness of big panel outer corners */ + --roundness-l: {{custom.rounding}}px; /* popout panels */ + --roundness-m: {{custom.rounding}}px; /* smaller panels, images, embeds */ + --roundness-s: {{custom.rounding}}px; /* members, settings inputs */ + --roundness-xs: {{custom.rounding}}px; /* channels, buttons */ + --roundness-xxs: {{custom.rounding}}px; /* searchbar, small elements */ /* direct messages moon icon */ /* change to block to show, none to hide */ diff --git a/stow/.config/matugen/templates/hyprland.conf b/stow/.config/matugen/templates/hyprland.conf index fa2cac5..4331982 100644 --- a/stow/.config/matugen/templates/hyprland.conf +++ b/stow/.config/matugen/templates/hyprland.conf @@ -5,6 +5,7 @@ general { } decoration { + rounding = {{custom.rounding}} shadow { color = rgba({{colors.shadow.default.hex_stripped}}ee) } diff --git a/stow/.config/matugen/templates/hyprlock.conf b/stow/.config/matugen/templates/hyprlock.conf index 954f608..cad5c84 100644 --- a/stow/.config/matugen/templates/hyprlock.conf +++ b/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 diff --git a/stow/.config/matugen/templates/walker.css b/stow/.config/matugen/templates/walker.css index 039d8b4..eb88031 100644 --- a/stow/.config/matugen/templates/walker.css +++ b/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; } diff --git a/stow/.config/waybar/style.css b/stow/.config/waybar/style.css index 82f8ba0..3480970 100644 --- a/stow/.config/waybar/style.css +++ b/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 {