dotfiles

 1* {
 2    border: none;
 3    border-radius: 0;
 4    font-size: 17px;
 5    min-height: 0;
 6    color: #1abc9c;
 7}
 8
 9window#waybar {
10   
11    background: rgba(31, 61, 58, 0.8);
12    transition-property: background-color;
13    transition-duration: .5s;
14}
15
16#workspaces button {
17    padding: 0 5px;
18    background-color: transparent;
19    color: #ffffff;
20
21    /* Use box-shadow instead of border so the text isn't offset */
22    box-shadow: inset 0 -3px transparent;
23
24    /* Avoid rounded borders under each workspace name */
25    border: none;
26    border-radius: 0;
27}
28
29/* https://github.com/Alexays/Waybar/wiki/FAQ#the-workspace-buttons-have-a-strange-hover-effect */
30#workspaces button:hover {
31    background: rgba(0, 0, 0, 0.2);
32    box-shadow: inset 0 -3px #ffffff;
33}
34
35#workspaces button.focused {
36    background-color: #64727D;
37    box-shadow: inset 0 -3px #ffffff;
38}
39
40#workspaces button.urgent {
41    background-color: #eb4d4b;
42}
43
44#mode {
45    padding: 0 7px;
46    background-color: #64727D;
47    border-bottom: 3px solid #ffffff;
48}
49
50tooltip {
51    border: 1px solid rgba(100, 114, 125, 0.5);
52}
53
54#clock, #idle_inhibitor, #cpu, #memory, #temperature,  #backlight, #battery, #tray, #custom-weather, #custom-audio{
55    padding: 0 7px;
56}
57
58#clock {
59    color: #7db9de;
60}
61#cpu {
62    color: #00b4eb;
63}
64#memory {
65    color: #fec925;
66}
67#backlight{
68    color: #caad5f;
69}