repos / dotfiles

style.css

 1* {
 2	border: none;
 3  padding: 0;
 4  margin: 0;
 5	transition: none;
 6}
 7
 8window#waybar {
 9	background: #282a36;
10  color: #f2f2f2;
11}
12
13window#waybar.hidden {
14	opacity: 0.2;
15}
16
17#window {
18}
19
20#workspaces {
21	background: #161320;
22}
23
24#workspaces button {
25  padding: 0 5px;
26	color: #B5E8E0;
27	background: transparent;
28  border: 2px solid black;
29}
30
31#workspaces button.focused {
32	color: #ABE9B3;
33  border: 2px solid #ABE9B3;
34}
35
36#workspaces button:hover {
37	box-shadow: inherit;
38	text-shadow: inherit;
39  border: 2px solid #E8A2AF;
40  color: #E8A2AF;
41}
42
43#pulseaudio {
44  padding: 0 10px;
45	color: #1A1826;
46	background: #FAE3B0;
47}
48
49#backlight {
50  padding: 0 10px;
51	color: #161320;
52	background: #F8BD96;
53}
54
55#clock {
56  padding: 0 10px;
57	color: #161320;
58	background: #ABE9B3;
59}
60
61#network {
62  padding: 0 10px;
63	color: #161320;
64	background: #DDB6F2;
65}
66
67#battery {
68  padding: 0 10px;
69	color: #161320;
70	background: #B5E8E0;
71}
72
73#battery.charging, #battery.plugged {
74	color: #161320;
75  background-color: #B5E8E0;
76}
77
78#battery.critical:not(.charging) {
79  background-color: #B5E8E0;
80  color: #161320;
81  animation-name: blink;
82  animation-duration: 0.5s;
83  animation-timing-function: linear;
84  animation-iteration-count: infinite;
85  animation-direction: alternate;
86}
87
88@keyframes blink {
89  to {
90    background-color: #BF616A;
91    color: #B5E8E0;
92  }
93}