Krolyxon
Commit f7fd319

Branches

Refs →

aurora.configwaybarstyle.css

206 lines · 3.5 KB · CSS

Raw Blame History Download
1@import url('../../.cache/wal/colors-waybar.css');
2
3* {
4font-family: "Fira Code", "FontAwesome";
5font-weight: bold;
6min-height: 0;
7font-size: 96%;
8font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
9/* padding: 0.03125rem; */
10}
11
12window#waybar {
13 transition-property: background-color;
14 transition-duration: 0.5s;
15 background: @background;
16}
17
18window#waybar.hidden {
19 opacity: 0.2;
20}
21
22#waybar.empty #window {
23 background: none;
24}
25
26
27/**************/
28/* Workspaces */
29/**************/
30
31#workspaces {
32 transition: all 0.2s ease;
33}
34
35/* non-empty workspaces */
36#workspaces button {
37 background-color: @background;
38 border: none;
39 border-radius: 0;
40 color: @foreground;
41 transition: all 0.2s ease;
42 text-shadow: none;
43
44 /* center the icon, no clue why this is necessary */
45 padding-left: 5px;
46 padding-right: 10px;
47 /* padding-top: 1px; */
48
49 box-shadow: inset 0 -1px @cursor;
50}
51
52
53/* empty persistent workspaces */
54#workspaces button.empty {
55 background-color: @background;
56 box-shadow: none;
57}
58
59#workspaces button:hover {
60 /* transition-duration: .3s; */
61 color: @background;
62 background-color: @color14;
63 box-shadow: inset 0 -1px @foreground;
64 /* https://github.com/Alexays/Waybar/wiki/FAQ#the-workspace-buttons-have-a-strange-hover-effect */
65 text-shadow: inherit;
66}
67
68/* non-empty persistent workspaces */
69#workspaces button.persistent {
70 background-color: @color1;
71}
72
73
74
75/* active or visible workspaces */
76#workspaces button.active,
77#workspaces button.visible {
78 color: @color0;
79 background-color: @color14;
80}
81
82#workspaces button.urgent {
83 color: @color3;
84}
85
86/**************/
87
88#mode {
89 background-color: @color2;
90 border-bottom: 3px solid @foreground;
91}
92
93#clock,
94#custom-date,
95#custom-gpumode,
96#battery,
97#backlight,
98#cpu,
99#memory,
100#disk,
101#temperature,
102#pulseaudio,
103#wireplumber,
104#mpris,
105#custom-media,
106#tray,
107#window,
108#custom-notification,
109#mpd {
110 background-color: @background;
111 padding: 0 12px 0 12px;
112 margin-left: 10px;
113
114}
115
116/* If workspaces is the leftmost module, omit left margin */
117.modules-left>widget:first-child>#workspaces {
118 margin-left: 0;
119}
120
121/* If workspaces is the rightmost module, omit right margin */
122.modules-right>widget:last-child>#workspaces {
123 margin-right: 0;
124}
125
126#window {
127 color: @foreground
128}
129
130#clock {
131 color: @foreground;
132 box-shadow: inset 0 -1px @color14;
133}
134
135#custom-date {
136 color: @foreground;
137 box-shadow: inset 0 -1px @color14;
138}
139
140#custom-gpumode{
141 color: @foreground;
142 box-shadow: inset 0 -1px @color14;
143}
144
145
146#battery {
147 color: @foreground;
148 box-shadow: inset 0 -1px @color14;
149}
150
151#backlight {
152 color: @foreground;
153 box-shadow: inset 0 -1px @color14;
154}
155
156@keyframes blink {
157 to {
158 background-color: #ffffff;
159 color: black;
160 }
161}
162
163#battery.critical:not(.charging) {
164 background-color: @color5;
165 color: @foreground;
166 animation-name: blink;
167 animation-duration: 0.5s;
168 animation-timing-function: linear;
169 animation-iteration-count: infinite;
170 animation-direction: alternate;
171}
172
173label:focus {
174 background-color: black;
175}
176
177#cpu {
178 color: @foreground;
179 box-shadow: inset 0 -1px @color14;
180}
181
182#memory {
183 color: @foreground;
184 box-shadow: inset 0 -1px @color14;
185}
186
187#pulseaudio {
188 color: @foreground;
189 box-shadow: inset 0 -1px @color14;
190}
191
192
193#tray {
194 color: @color15;
195 box-shadow: inset 0 -1px @subtext0;
196
197}
198
199#tray>.passive {
200 -gtk-icon-effect: dim;
201}
202
203#tray>.needs-attention {
204 -gtk-icon-effect: highlight;
205 background-color: #bf616a;
206}