style.css

  1@keyframes blink-critical {
  2	to {
  3		color: @red;
  4	}
  5}
  6
  7@define-color bg_dark #1d2021;
  8@define-color bg      #282828;
  9@define-color bg_alt  #3c3836;
 10@define-color bg2     #504945;
 11@define-color bg3     #665c54;
 12@define-color bg4     #7c6f64;
 13
 14@define-color gray0   #928374;
 15@define-color gray1   #a89984;
 16
 17@define-color fg      #ebdbb2;
 18@define-color fg1     #fbf1c7;
 19@define-color fg2     #d5c4a1;
 20@define-color fg3     #bdae93;
 21@define-color fg4     #a89984;
 22
 23@define-color red     #cc241d;
 24@define-color green   #98971a;
 25@define-color yellow  #d79921;
 26@define-color blue    #458588;
 27@define-color purple  #b16286;
 28@define-color aqua    #689d6a;
 29@define-color orange  #d65d0e;
 30
 31@define-color red_bright     #fb4934;
 32@define-color green_bright   #b8bb26;
 33@define-color yellow_bright  #fabd2f;
 34@define-color blue_bright    #83a598;
 35@define-color purple_bright  #d3869b;
 36@define-color aqua_bright    #8ec07c;
 37@define-color orange_bright  #fe8019;
 38
 39* {
 40	border: none;
 41	border-radius: 0;
 42	min-height: 0;
 43	margin: 0;
 44	padding: 0;
 45	box-shadow: none;
 46	text-shadow: none;
 47	-gtk-icon-shadow: none;
 48}
 49
 50#waybar {
 51	background: @bg_dark;
 52	color: @fg;
 53	font-family: IosevkaTerm NFP;
 54	font-size: 14pt;
 55}
 56
 57#backlight,
 58#battery,
 59#privacy,
 60#clock,
 61#cpu,
 62#language,
 63#memory,
 64#network,
 65#pulseaudio,
 66#temperature,
 67#tray,
 68#backlight,
 69#idle_inhibitor,
 70#disk,
 71#user,
 72#power-profiles-daemon,
 73#mpris {
 74	padding-left: 8pt;
 75	padding-right: 8pt;
 76	color: @fg;
 77}
 78
 79#cpu,
 80#battery,
 81#privacy,
 82#clock.date,
 83#tray,
 84#mpris,
 85#network,
 86#pulseaudio,
 87#idle_inhibitor {
 88	background: @bg;
 89}
 90
 91#backlight,
 92#memory,
 93#custom-tailscale,
 94#temperature,
 95#language,
 96#clock.time,
 97#power-profiles-daemon,
 98#pulseaudio.mic {
 99	background: @bg_alt;
100}
101
102
103#power-profiles-daemon.performance {
104    color: @yellow;
105}
106
107#power-profiles-daemon.balanced {
108}
109
110#power-profiles-daemon.power-saver {
111    color: @green;
112}
113
114
115#memory.critical,
116#cpu.critical,
117#temperature.critical,
118#battery.critical.discharging {
119	animation-timing-function: linear;
120	animation-iteration-count: infinite;
121	animation-direction: alternate;
122	animation-name: blink-critical;
123	animation-duration: 1s;
124}
125
126#memory.warning,
127#cpu.warning,
128#temperature.warning,
129#battery.warning.discharging {
130	color: @yellow_bright;
131}
132
133#network.disconnected {
134	color: @gray0;
135}
136
137#workspaces button {
138	padding-left: 5pt;
139	padding-right: 4pt;
140	margin-right: 3pt;
141	color: @fg;
142	background: @bg;
143	border: 1pt solid @fg2;
144}
145
146#workspaces button:hover {
147	background: @bg2;
148}
149
150#workspaces button.visible {
151	color: @bg;
152	background: @fg2;
153	border: 1pt solid @fg2;
154}
155
156#workspaces button.visible:hover {
157	color: @bg;
158	background: @fg;
159	border: 1pt solid @fg;
160}
161
162#workspaces button.focused {
163	color: @fg;
164	background: @red;
165	border: 1pt solid @red;
166}
167
168#workspaces button.urgent {
169	color: @bg;
170	background: @yellow;
171	border: 1pt solid @yellow;
172}
173
174#workspaces button.urgent:hover {
175	color: @bg;
176	background: @yellow_bright;
177	border: 1pt solid @yellow_bright;
178}
179
180#custom-arrow_left {
181	color: @bg_alt;
182	background: @bg;
183}
184
185#custom-arrow_left_alt {
186	color: @bg;
187	background: @bg_alt;
188}
189
190#custom-arrow_left_end {
191	color: @bg;
192	background: transparent;
193}
194
195#custom-arrow_left_end_alt {
196	color: @bg_alt;
197	background: transparent;
198}