Update to use GTK variable names

This commit is contained in:
2026-03-06 15:38:25 +00:00
parent 1b4e009cd0
commit 2d2f069a7d
2 changed files with 37 additions and 37 deletions

View File

@@ -11,39 +11,39 @@
} }
window#waybar { window#waybar {
background-color: var(--color-bg); background-color: @color_bg;
color: var(--color-primary); color: @color_primary;
} }
/* Workspaces */ /* Workspaces */
#workspaces button { #workspaces button {
padding: 0 8px; padding: 0 8px;
background-color: var(--color-alt_bg); background-color: @color_alt_bg;
color: var(--color-white); color: @color_white;
border-bottom: 2px solid transparent; border-bottom: 2px solid transparent;
} }
#workspaces button:hover { #workspaces button:hover {
background-color: var(--color-alt_bg); background-color: @color_alt_bg;
border-bottom: 2px solid var(--color-primary); border-bottom: 2px solid @color_primary;
box-shadow: none; box-shadow: none;
} }
#workspaces button.focused, #workspaces button.focused,
#workspaces button.active { #workspaces button.active {
background-color: var(--color-bg); background-color: @color_bg;
color: var(--color-white); color: @color_white;
border-bottom: 2px solid var(--color-primary); border-bottom: 2px solid @color_primary;
} }
#workspaces button.urgent { #workspaces button.urgent {
background-color: var(--color-tertiary); background-color: @color_tertiary;
color: var(--color-white); color: @color_white;
} }
#mode { #mode {
background-color: var(--color-tertiary); background-color: @color_tertiary;
color: var(--color-text_dark); color: @color_text_dark;
padding: 0 8px; padding: 0 8px;
font-style: italic; font-style: italic;
} }
@@ -60,7 +60,7 @@ window#waybar {
#battery, #battery,
#clock { #clock {
padding: 0 10px; padding: 0 10px;
color: var(--color-primary); color: @color_primary;
} }
/* Pink separators between modules (matching i3bar separator color) */ /* Pink separators between modules (matching i3bar separator color) */
@@ -73,45 +73,45 @@ window#waybar {
#network, #network,
#battery, #battery,
#clock { #clock {
border-left: 1px solid var(--color-tertiary); border-left: 1px solid @color_tertiary;
} }
#battery.warning { #battery.warning {
color: var(--color-secondary); color: @color_secondary;
} }
#battery.critical { #battery.critical {
color: var(--color-tertiary); color: @color_tertiary;
} }
#custom-greetings { #custom-greetings {
color: var(--color-secondary); color: @color_secondary;
} }
#clock { #clock {
color: var(--color-tertiary); color: @color_tertiary;
} }
/* claudebar severity classes */ /* claudebar severity classes */
#custom-claudebar.low { #custom-claudebar.low {
color: var(--color-primary); color: @color_primary;
} }
#custom-claudebar.mid { #custom-claudebar.mid {
color: var(--color-secondary); color: @color_secondary;
} }
#custom-claudebar.high { #custom-claudebar.high {
color: var(--color-tertiary); color: @color_tertiary;
} }
#custom-claudebar.critical { #custom-claudebar.critical {
color: var(--color-tertiary); color: @color_tertiary;
} }
#tray { #tray {
padding: 0 8px; padding: 0 8px;
border-left: 1px solid var(--color-tertiary); border-left: 1px solid @color_tertiary;
} }
#tray > .passive { #tray > .passive {
@@ -120,5 +120,5 @@ window#waybar {
#tray > .needs-attention { #tray > .needs-attention {
-gtk-icon-effect: highlight; -gtk-icon-effect: highlight;
background-color: var(--color-tertiary); background-color: @color_tertiary;
} }

View File

@@ -1,29 +1,29 @@
@import url("colors.css"); @import "/home/adamf/scripts/wofi/colors.css";
window { window {
margin: 0px; margin: 0px;
border: 1px solid var(--color-primary); border: 1px solid @color_primary;
background-color: var(--color-bg); background-color: @color_bg;
border-radius: 8px; border-radius: 8px;
} }
#input { #input {
padding: 4px 8px; padding: 4px 8px;
margin: 6px; margin: 6px;
color: var(--color-text_light); color: @color_text_light;
background-color: var(--color-alt_bg); background-color: @color_alt_bg;
border: 1px solid var(--color-primary); border: 1px solid @color_primary;
border-radius: 4px; border-radius: 4px;
} }
#inner-box { #inner-box {
background-color: var(--color-bg); background-color: @color_bg;
} }
#outer-box { #outer-box {
margin: 4px; margin: 4px;
padding: 4px; padding: 4px;
background-color: var(--color-bg); background-color: @color_bg;
} }
#scroll { #scroll {
@@ -33,7 +33,7 @@ window {
#text { #text {
margin: 2px 8px; margin: 2px 8px;
color: var(--color-primary); color: @color_primary;
} }
#entry { #entry {
@@ -41,10 +41,10 @@ window {
} }
#entry:selected { #entry:selected {
background-color: var(--color-alt_bg); background-color: @color_alt_bg;
border: 1px solid var(--color-primary); border: 1px solid @color_primary;
} }
#text:selected { #text:selected {
color: var(--color-tertiary); color: @color_tertiary;
} }