common/home/programs/waybar/style.css


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92

* {
	font-family: 'SauceCodePro NF';
}

window {
	background: transparent;
}

#workspaces  {
	background: #282828;
	border-radius: 5px;
	margin-left: 10px;
	padding: 5px;
}

#workspaces button {
	border: 5px solid #282828;
	padding: 0px;
}

#workspaces button.active {
	border-right: 5px solid #b16286;
	border-radius: 0px;
}

#workspaces button:hover {
	border-radius: 20px;
	border: 5px solid #1d2021;
	background: #1d2021;
	padding: 0px;
}

#workspaces button.active:hover {
	border: 5px solid #1d2021;
	border-right: 5px solid #b16286;
	border-radius: 20px;
	background: #1d2021;
	padding: 0px;
}

#tray, #bluetooth {
	background: #282828;
	border-radius: 5px;
	margin-left: 10px;
	padding: 10px 5px;
}

#tray window {
	border-radius: 5px;
}

#battery {
	background: #458588;
	color: #282828;
	border-radius: 5px;
	margin-left: 10px;
	padding: 10px 5px;
}

#battery.charging {
	background: #689d6a;
}

#battery.warning:not(.charging) {
	background: #fe8019;
}

#battery.critical:not(.charging) {
	background: #fb4934;
}

.modules-left {
	margin-top: 10px;
}

.modules-right {
	margin-bottom: 10px;
}

.popup menu {
	border: 3px solid #3c3836;
	border-radius: 10px;
	padding: 10px;
}

.popup menu menuitem {
	border-radius: 5px;
}

.popup decoration {
	background: transparent;
}