My personal dotfiles
feat: fixed colors in swaync
+18
-16
+18
-16
swaync/.config/swaync/style.css
+18
-16
swaync/.config/swaync/style.css
···
1
1
@define-color background-color rgba(46, 52, 64, 0.7);
2
2
@define-color surface-color rgb(59, 66, 82);
3
3
@define-color highlight-color rgb(67, 76, 94);
4
+
@define-color lighter-highlight rgb(76, 86, 106);
4
5
5
6
@define-color primary-color rgb(136, 192, 208);
6
7
···
26
27
}
27
28
28
29
.notification-row:focus, .notification-row:hover {
29
-
background: @highlight-color;
30
+
background: @surface-color;
30
31
}
31
32
32
33
.notification-row .notification-background {
···
44
45
margin-right: 5px;
45
46
box-shadow: none;
46
47
border: none;
47
-
min-width: 24px;
48
-
min-height: 24px;
48
+
min-width: 12px;
49
+
min-height: 12px;
49
50
}
50
51
51
52
.notification-row .notification-background .close-button:hover {
52
53
box-shadow: none;
53
-
background: @noti-close-bg-hover;
54
+
background: @highlight-color;
54
55
transition: background 0.15s ease-in-out;
55
56
border: none;
56
57
}
···
88
89
89
90
.notification-row .notification-background .notification .notification-action:hover, .notification-row .notification-background .notification .notification-default-action:hover {
90
91
-gtk-icon-effect: none;
91
-
background: @highlight-color;
92
+
background: @surface-color;
92
93
}
93
94
94
95
.notification-row .notification-background .notification .notification-default-action {
···
111
112
.notification-row .notification-background .notification .notification-default-action .notification-content .image {
112
113
/* Notification Primary Image */
113
114
-gtk-icon-effect: none;
114
-
border-radius: 100px;
115
+
border-radius: 0.75rem;
115
116
/* Size in px */
116
117
margin: 4px;
117
118
}
···
119
120
.notification-row .notification-background .notification .notification-default-action .notification-content .app-icon {
120
121
/* Notification app icon (only visible when the primary image is set) */
121
122
-gtk-icon-effect: none;
122
-
-gtk-icon-shadow: 0 1px 4px black;
123
+
-gtk-icon-shadow: none;
123
124
margin: 6px;
124
125
}
125
126
126
127
.notification-row .notification-background .notification .notification-default-action .notification-content .text-box .summary {
127
128
/* Notification summary/title */
128
-
font-size: 16px;
129
+
font-size: 1.25rem;
130
+
margin-bottom: 0.25rem;
129
131
font-weight: bold;
130
132
background: transparent;
131
133
color: @text-primary;
···
134
136
135
137
.notification-row .notification-background .notification .notification-default-action .notification-content .text-box .time {
136
138
/* Notification time-ago */
137
-
font-size: 16px;
139
+
font-size: 1rem;
138
140
font-weight: bold;
139
141
background: transparent;
140
-
color: @text-primary;
142
+
color: @lighter-highlight;
141
143
text-shadow: none;
142
144
margin-right: 30px;
143
145
}
144
146
145
147
.notification-row .notification-background .notification .notification-default-action .notification-content .text-box .body {
146
148
/* Notification body */
147
-
font-size: 15px;
149
+
font-size: 1rem;
148
150
font-weight: normal;
149
151
background: transparent;
150
152
color: @text-primary;
···
160
162
/* The "extra" optional bottom notification image */
161
163
margin-top: 4px;
162
164
background-color: white;
163
-
border-radius: 12px;
165
+
border-radius: 1rem;
164
166
-gtk-icon-effect: none;
165
167
}
166
168
···
265
267
}
266
268
267
269
.notification-group.collapsed:hover .notification-row:not(:only-child) .notification {
268
-
background-color: @highlight-color;
270
+
background-color: @surface-color;
269
271
}
270
272
271
273
.control-center {
272
274
/* The Control Center which contains the old notifications + widgets */
273
275
background: @background-color;
274
276
color: @text-primary;
275
-
border-radius: 12px;
277
+
border-radius: 1rem;
276
278
}
277
279
278
280
.control-center .control-center-list-placeholder {
···
286
288
}
287
289
288
290
.control-center .control-center-list .notification {
289
-
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 3px 1px rgba(0, 0, 0, 0.7), 0 2px 6px 2px rgba(0, 0, 0, 0.3);
291
+
box-shadow: none;
290
292
}
291
293
292
294
.control-center .control-center-list .notification .notification-default-action,
···
296
298
297
299
.control-center .control-center-list .notification .notification-default-action:hover,
298
300
.control-center .control-center-list .notification .notification-action:hover {
299
-
background-color: @highlight-color;
301
+
background-color: @surface-color;
300
302
}
301
303
302
304
.blank-window {