henrov/nixos
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

css

Browse Source
This commit is contained in:
Henro Veijer
2026-02-27 15:55:29 +01:00
parent 0cb2c115ba
commit 2e0aff8b72
1 changed files with 10 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files
henrovnix_ok/assets/conf/desktop/waybar/style.css
+10 -23
View File
@@ -1,17 +1,14 @@
/* --- Hyprland palette --- */ /* --- Hyprland palette --- */
@define-color base rgba(30, 30, 46, 1.0); @define-color base rgba(30, 30, 46, 0.15);
@define-color inactive rgba(89, 89, 89, 0.667); @define-color inactive rgba(89, 89, 89, 0.15);
@define-color blue rgba(51, 204, 255, 0.933); @define-color blue rgba(51, 204, 255, 0.15);
@define-color green rgba(0, 255, 153, 0.933); @define-color green rgba(0, 255, 153, 0.15);
@define-color text rgba(255, 255, 255, 0.15);
@define-color text rgba(255, 255, 255, 1.0);
@define-color surface1 rgba(255, 255, 255, 0.08); @define-color surface1 rgba(255, 255, 255, 0.08);
@define-color subtext1 rgba(255, 255, 255, 0.35); @define-color subtext1 rgba(255, 255, 255, 0.15);
@define-color red rgba(255, 0, 0, 0.90); @define-color red rgba(255, 0, 0, 0.15);
@define-color yellow rgba(249, 226, 175, 1.0); @define-color yellow rgba(249, 226, 175, 0.15);
@define-color overlay1 rgba(255, 255, 255, 0.55); @define-color overlay1 rgba(255, 255, 255, 0.15);
/* This is the exact "active" fill you requested */
@define-color active_fill rgba(255, 255, 255, 0.05); @define-color active_fill rgba(255, 255, 255, 0.05);
* { * {
@@ -32,7 +29,7 @@ window#waybar {
/* --- Workspaces --- */ /* --- Workspaces --- */
#workspaces button { #workspaces button {
padding: 0px 6px; padding: 0px 0px;
min-width: 80px; min-width: 80px;
background-color: transparent; background-color: transparent;
color: @text; color: @text;
@@ -46,18 +43,8 @@ window#waybar {
box-shadow: 0 0 10px rgba(51, 204, 255, 0.18); box-shadow: 0 0 10px rgba(51, 204, 255, 0.18);
} }
/*
* IMPORTANT:
* - To get *real* rounded corners, we avoid border-image (GTK often won't clip it to border-radius).
* - To keep your "gradient feel", we emulate it with a dual-glow shadow (blue + green).
* - Background and border color match exactly (your request).
*/
#workspaces button.active { #workspaces button.active {
font-weight: bold; font-weight: bold;
border-radius: 10px;
/* EXACT match: border color == background color */
background-color: @active_fill; background-color: @active_fill;
border: 2px solid @active_fill; border: 2px solid @active_fill;