Update to use GTK variable names
This commit is contained in:
@@ -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;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -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;
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user