matugen: add rounding

This commit is contained in:
Nico 2025-09-10 00:24:12 +10:00
parent 4bb22a248e
commit 19cff288ab
Signed by: nico
SSH key fingerprint: SHA256:XuacYOrGqRxC3jVFjfLROn1CSvLz85Dec6N7O9Gwu/0
7 changed files with 20 additions and 16 deletions

View file

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

View file

@ -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 */

View file

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

View file

@ -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

View file

@ -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;
}