dotfiles

 1@define-color background-darker rgba(30, 31, 41, 230);
 2@define-color background #282a36;
 3@define-color selection #44475a;
 4@define-color foreground #f8f8f2;
 5@define-color accent #ffb11b;
 6@define-color border #898EA4;
 7@define-color danger #f65555;
 8
 9* {
10    border: none;
11    border-radius: 0;
12    font-size: 17px;
13    min-height: 0;
14    color: @foreground;
15}
16
17window#waybar {
18    background: @background;
19    transition-property: background-color;
20    transition-duration: .5s;
21}
22
23#workspaces button {
24    padding: 0 5px;
25    background-color: transparent;
26    color: @foreground;
27
28    /* Use box-shadow instead of border so the text isn't offset */
29    box-shadow: inset 0 -3px transparent;
30
31    /* Avoid rounded borders under each workspace name */
32    border: none;
33    border-radius: 0;
34}
35
36#workspaces button:hover {
37    background: @background-darker;
38    box-shadow: inset 0 -3px @foreground;
39}
40
41#workspaces button.focused {
42    background: @background-darker;
43    box-shadow: inset 0 -3px @foreground;
44}
45
46#workspaces button.urgent {
47    background-color: @danger;
48}
49
50#mode {
51    padding: 0 7px;
52    background-color: @selection;
53    border-bottom: 3px solid @border;
54}
55
56#clock, #idle_inhibitor, #cpu, #memory, #temperature, #backlight, #battery, #tray, #wireplumber {
57    padding: 0 7px;
58}
59
60
61#tray menu{
62    background-color: @background;
63    border: 1px solid @border;
64}
65
66/* tooltip { */
67/*     border: 1px solid rgba(100, 114, 125, 0.5); */
68/* } */
69
70/* #clock { */
71/*     color: #7db9de; */
72/* } */
73/* #cpu { */
74/*     color: #00b4eb; */
75/* } */
76/* #memory { */
77/*     color: #fec925; */
78/* } */
79/* #backlight{ */
80/*     color: #caad5f; */
81/* } */