dot

vizie's NixOS desktop: Hyprland, CachyOS kernel and gaming tweaks

SearchHelp
114 lines3044 bytesCSS
1* {
2 border: none;
3 border-radius: 17px;
4 font-family: NotoSans Nerd Font Regular;
5 font-size: 12px;
6 font-weight: bolder;
7 background: transparent;
8 color: white;
9 min-height: 0;
10}
11
12window#waybar {
13 background: rgba(0, 0, 0, 0.1);
14}
15
16window#waybar #tray menu{
17 background: rgba(0, 0, 0, 0.1);
18}
19
20#tray menu :hover {
21 background: rgba(0, 0, 0, 0.1);
22}
23
24#tray menu :hover label {
25 background: rgba(0, 0, 0, 0.1);
26}
27
28tooltip {
29 background: rgba(0, 0, 0, 0.1);
30}
31
32/* Workspace buttons are pills inset 4px from the bar's edge, so their 13px radius
33 is concentric with the bar's 17px one. Everything GTK's theme draws on a button
34 (border, shadows, hover gradient) is reset here, as it otherwise shows up as a
35 square box on hover. */
36#workspaces button {
37 margin: 4px 0 4px 4px;
38 padding: 0 6px;
39 min-width: 16px;
40 border: none;
41 border-radius: 13px;
42 outline: none;
43 box-shadow: none;
44 text-shadow: none;
45 background-color: transparent;
46 /* Active-workspace underline: 2px line that grows from the centre (see .active). */
47 background-image: linear-gradient(white, white);
48 background-repeat: no-repeat;
49 background-position: 50% 92%;
50 background-size: 0 2px;
51 transition: background-size 200ms ease-out, background-color 150ms ease-out;
52}
53
54#workspaces button:hover {
55 background-color: rgba(255, 255, 255, 0.12);
56}
57
58#tray window decoration{
59 border-style: none;
60 box-shadow: none;
61}
62
63#workspaces button.active {
64 background-size: 10px 2px;
65}
66
67/* Workspaces with no windows are dimmed, unless it's the one you're on. The colour
68 goes on the label because the `*` rule above gives every label its own white. */
69#workspaces button label {
70 transition: color 150ms ease-out;
71}
72
73#workspaces button.empty:not(.active) label {
74 color: rgba(255, 255, 255, 0.4);
75}
76
77#clock, #tray, #custom-notifications, #custom-control-center {
78 padding: 0 7px;
79}
80
81/* Notification count: a small white disc overlapping the bell's top right corner.
82 The margins shrink it from the bar's full height to 12px; the negative left margin
83 pulls it over the bell. Hidden by Waybar when there are no notifications. */
84#custom-notifications-count {
85 min-width: 6px;
86 padding: 0 3px;
87 margin: 7px 3px 17px -11px;
88 border-radius: 6px;
89 background: white;
90 color: #18181c;
91 font-size: 8px;
92}
93
94.imsh-cast-monitor.recording {
95 color: #f00;
96}
97
98.imsh-cast-monitor.error {
99 color: #ff0;
100}
101
102/* Control-center button: your logo as a pre-rendered 18px image.
103 GTK stretches SVG backgrounds as pixels (which makes them blurry), so logo-18.png is
104 rendered at exactly 18px, and logo-36.png is used automatically on 2x-scaled monitors. */
105#custom-control-center {
106 min-width: 18px;
107 min-height: 18px;
108 background-image: -gtk-scaled(url("file:///home/vizie/.config/waybar/logo-18.png"),
109 url("file:///home/vizie/.config/waybar/logo-36.png"));
110 background-repeat: no-repeat;
111 background-position: center;
112 background-size: 18px 18px;
113 margin-right: 6px; /* gap between the logo and the end of the bar */
114}