Match lock border to Hyprland style

This commit is contained in:
David Heinemeier Hansson
2026-06-03 13:10:48 +02:00
parent a8080d4016
commit e1099e4413
4 changed files with 56 additions and 15 deletions
+17 -10
View File
@@ -16,6 +16,13 @@ scale-with-font = true
size-horizontal = 26
size-vertical = 28
[hyprland]
# Shared Hyprland-derived border tokens. Surface sections reference these so
# lock, notifications, popups, and menu-style cards stay aligned with the
# current Hyprland active-border gradient.
active-border = "{{ shell_gradient hyprland_active_border accent }}"
active-border-foreground = "{{ shell_gradient hyprland_active_border foreground }}"
[controls]
# Shared state tokens for interactive control chrome (buttons, dropdowns,
# tab strips, etc).
@@ -120,7 +127,7 @@ base-size = 12
background = "{{ background }}"
background-alpha = 1.0
text = "{{ foreground }}"
border = "{{ shell_gradient hyprland_active_border accent }}"
border = "hyprland.active-border"
border-alpha = 1.0
# border-width = 2
@@ -130,7 +137,7 @@ border-alpha = 1.0
background = "{{ background }}"
background-alpha = 0.97
text = "{{ foreground }}"
border = "{{ shell_gradient hyprland_active_border foreground }}"
border = "hyprland.active-border-foreground"
border-alpha = 1.0
[notifications]
@@ -139,7 +146,7 @@ background-alpha = 1.0
text = "{{ foreground }}"
# Conventionally matches the Hyprland active-window border. Border accepts
# either a solid color or the full active-border gradient.
border = "{{ shell_gradient hyprland_active_border accent }}"
border = "hyprland.active-border"
border-alpha = 1.0
# border-width = 2
countdown = "{{ accent }}"
@@ -152,14 +159,14 @@ countdown = "{{ accent }}"
background = "{{ background }}"
background-alpha = 0.95
text = "{{ foreground }}"
border = "{{ shell_gradient hyprland_active_border foreground }}"
border = "hyprland.active-border-foreground"
border-alpha = 1.0
scrim = "{{ background }}"
scrim-alpha = 0.5
selected-background = "{{ foreground }}"
selected-background-alpha = 0.08
selected-text = "{{ accent }}"
selected-border = "{{ shell_gradient hyprland_active_border foreground }}"
selected-border = "hyprland.active-border-foreground"
selected-border-alpha = 0.25
[menu]
@@ -169,14 +176,14 @@ selected-border-alpha = 0.25
background = "{{ background }}"
background-alpha = 1.0
text = "{{ foreground }}"
border = "{{ shell_gradient hyprland_active_border foreground }}"
border = "hyprland.active-border-foreground"
border-alpha = 1.0
scrim = "{{ background }}"
scrim-alpha = 0.5
selected-background = "{{ foreground }}"
selected-background-alpha = 0.08
selected-text = "{{ accent }}"
selected-border = "{{ shell_gradient hyprland_active_border foreground }}"
selected-border = "hyprland.active-border-foreground"
selected-border-alpha = 0.25
[polkit]
@@ -189,7 +196,7 @@ background = "{{ background }}"
background-alpha = 1.0
text = "{{ foreground }}"
text-error = "{{ red }}"
border = "{{ shell_gradient hyprland_active_border accent }}"
border = "hyprland.active-border"
border-error = "{{ red }}"
border-alpha = 1.0
scrim = "{{ background }}"
@@ -208,8 +215,8 @@ background-alpha = 0.8
text = "{{ foreground }}"
placeholder = "{{ mix foreground background 34% }}"
text-error = "{{ red }}"
border = "{{ foreground }}"
border-active = "{{ accent }}"
border = "hyprland.active-border"
border-active = "hyprland.active-border"
border-error = "{{ red }}"
border-alpha = 1.0
# selection is the text-selection tint inside the input field.