My personal dotfiles
chore: reset swaync config
+32
-101
+32
-101
swaync/.config/swaync/style.css
+32
-101
swaync/.config/swaync/style.css
···
1
-
@define-color cc-bg rgba(59, 66, 82, 0.7);
2
-
@define-color noti-border-color rgb(136, 192, 208);
3
-
@define-color noti-bg rgba(59, 66, 82, 0.8);
4
-
@define-color noti-bg-opaque rgb(59, 66, 82);
5
-
@define-color noti-bg-darker rgb(46, 52, 64);
6
-
@define-color noti-bg-hover rgb(76, 86, 106);
7
-
@define-color noti-bg-hover-opaque rgb(76, 86, 106);
1
+
@define-color cc-bg rgba(46, 46, 46, 0.7);
2
+
@define-color noti-border-color rgba(255, 255, 255, 0.15);
3
+
@define-color noti-bg rgba(48, 48, 48, 0.8);
4
+
@define-color noti-bg-opaque rgb(48, 48, 48);
5
+
@define-color noti-bg-darker rgb(38, 38, 38);
6
+
@define-color noti-bg-hover rgb(56, 56, 56);
7
+
@define-color noti-bg-hover-opaque rgb(56, 56, 56);
8
8
@define-color noti-bg-focus rgba(68, 68, 68, 0.6);
9
9
@define-color noti-close-bg rgba(255, 255, 255, 0.1);
10
10
@define-color noti-close-bg-hover rgba(255, 255, 255, 0.15);
11
-
@define-color text-color rgb(236, 239, 244);
12
-
@define-color text-color-disabled rgb(216, 222, 233);
11
+
@define-color text-color rgb(255, 255, 255);
12
+
@define-color text-color-disabled rgb(150, 150, 150);
13
13
@define-color bg-selected rgb(0, 128, 255);
14
14
15
15
.notification-row {
···
48
48
49
49
.notification-row .notification-background .notification {
50
50
/* The actual notification */
51
-
border-radius: 0;
52
-
border: 2px solid @noti-border-color;
51
+
border-radius: 12px;
52
+
border: 1px solid @noti-border-color;
53
53
padding: 0;
54
54
transition: background 0.15s ease-in-out;
55
55
background: @noti-bg;
···
84
84
85
85
.notification-row .notification-background .notification .notification-default-action {
86
86
/* The large action that also displays the notification summary and body */
87
-
border-radius: 1rem;
87
+
border-radius: 12px;
88
88
}
89
89
90
90
.notification-row .notification-background .notification .notification-default-action:not(:only-child) {
···
95
95
96
96
.notification-row .notification-background .notification .notification-default-action .notification-content {
97
97
background: transparent;
98
-
border-radius: 1rem;
98
+
border-radius: 12px;
99
99
padding: 4px;
100
100
}
101
101
102
102
.notification-row .notification-background .notification .notification-default-action .notification-content .image {
103
103
/* Notification Primary Image */
104
104
-gtk-icon-effect: none;
105
-
border-radius: 1rem;
105
+
border-radius: 100px;
106
106
/* Size in px */
107
107
margin: 4px;
108
108
}
···
110
110
.notification-row .notification-background .notification .notification-default-action .notification-content .app-icon {
111
111
/* Notification app icon (only visible when the primary image is set) */
112
112
-gtk-icon-effect: none;
113
-
-gtk-icon-shadow: none;
113
+
-gtk-icon-shadow: 0 1px 4px black;
114
114
margin: 6px;
115
115
}
116
116
···
164
164
background: @noti-bg-darker;
165
165
color: @text-color;
166
166
caret-color: @text-color;
167
-
border: 2px solid @noti-border-color;
167
+
border: 1px solid @noti-border-color;
168
168
border-radius: 12px;
169
169
}
170
170
171
171
.notification-row .notification-background .notification .notification-default-action .notification-content .inline-reply .inline-reply-button {
172
172
margin-left: 4px;
173
173
background: @noti-bg;
174
-
border: 2px solid @noti-border-color;
174
+
border: 1px solid @noti-border-color;
175
175
border-radius: 12px;
176
176
color: @text-color;
177
177
}
···
179
179
.notification-row .notification-background .notification .notification-default-action .notification-content .inline-reply .inline-reply-button:disabled {
180
180
background: initial;
181
181
color: @text-color-disabled;
182
-
border: 2px solid @noti-border-color;
182
+
border: 1px solid @noti-border-color;
183
183
border-color: transparent;
184
184
}
185
185
···
189
189
190
190
.notification-row .notification-background .notification .notification-action {
191
191
/* The alternative actions below the default action */
192
-
border-top: 2px solid @noti-border-color;
192
+
border-top: 1px solid @noti-border-color;
193
193
border-radius: 0px;
194
-
border-right: 2px solid @noti-border-color;
194
+
border-right: 1px solid @noti-border-color;
195
195
}
196
196
197
197
.notification-row .notification-background .notification .notification-action:first-child {
···
277
277
}
278
278
279
279
.control-center .control-center-list .notification {
280
-
box-shadow:none;
280
+
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);
281
281
}
282
282
283
283
.control-center .control-center-list .notification .notification-default-action,
···
307
307
/* Title widget */
308
308
.widget-title {
309
309
color: @text-color;
310
-
margin: 1rem;
310
+
margin: 8px;
311
311
font-size: 1.5rem;
312
312
}
313
313
···
316
316
color: @text-color;
317
317
text-shadow: none;
318
318
background: @noti-bg;
319
-
border: 2px solid @noti-border-color;
319
+
border: 1px solid @noti-border-color;
320
320
box-shadow: none;
321
-
border-radius: 0;
321
+
border-radius: 12px;
322
322
}
323
323
324
324
.widget-title > button:hover {
325
-
background: @noti-border-color;
325
+
background: @noti-bg-hover;
326
326
}
327
327
328
328
/* DND widget */
···
358
358
font-size: 1.1rem;
359
359
}
360
360
361
-
/* Mpris widget */
362
-
@define-color mpris-album-art-overlay rgba(0, 0, 0, 0.55);
363
-
@define-color mpris-button-hover rgba(0, 0, 0, 0.50);
364
-
.widget-mpris {
365
-
/* The parent to all players */
366
-
}
367
-
368
-
.widget-mpris .widget-mpris-player {
369
-
padding: 8px;
370
-
padding: 16px;
371
-
margin: 16px 20px;
372
-
background-color: @mpris-album-art-overlay;
373
-
border-radius: 12px;
374
-
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.75);
375
-
}
376
-
377
-
.widget-mpris .widget-mpris-player button:hover {
378
-
/* The media player buttons (play, pause, next, etc...) */
379
-
background: @noti-bg-hover;
380
-
}
381
-
382
-
.widget-mpris .widget-mpris-player .widget-mpris-album-art {
383
-
border-radius: 12px;
384
-
/* box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.75); */
385
-
}
386
-
387
-
.widget-mpris .widget-mpris-player .widget-mpris-title {
388
-
font-weight: bold;
389
-
font-size: 1.25rem;
390
-
}
391
-
392
-
.widget-mpris .widget-mpris-player .widget-mpris-subtitle {
393
-
font-size: 1.1rem;
394
-
}
395
-
396
-
.widget-mpris .widget-mpris-player > box > button {
397
-
/* Change player control buttons */
398
-
}
399
-
400
-
.widget-mpris .widget-mpris-player > box > button:hover {
401
-
background-color: @mpris-button-hover;
402
-
}
403
-
404
-
.widget-mpris > box > button {
405
-
/* Change player side buttons */
406
-
}
407
-
408
-
.widget-mpris > box > button:disabled {
409
-
/* Change player side buttons insensitive */
410
-
}
411
-
412
361
/* Buttons widget */
413
362
.widget-buttons-grid {
414
363
padding: 8px;
415
364
margin: 8px;
416
-
border-radius: 0;
417
-
background-color: transparent;
365
+
border-radius: 12px;
366
+
background-color: @noti-bg;
418
367
}
419
368
420
369
.widget-buttons-grid > flowbox > flowboxchild > button {
421
-
background: @noti-bg-hover;
422
-
padding: 0.5rem 0.25rem;
423
-
font-size: 2rem;
424
-
border: 2px solid @noti-border-color;
425
-
border-radius: 0;
370
+
background: @noti-bg;
371
+
border-radius: 12px;
426
372
}
427
373
428
374
.widget-buttons-grid > flowbox > flowboxchild > button.toggle:checked {
···
435
381
background: transparent;
436
382
}
437
383
438
-
/* .AnyName { Name defined in config after #
439
-
background-color: @noti-bg;
440
-
padding: 8px;
441
-
margin: 8px;
442
-
border-radius: 12px;
443
-
}
444
-
445
-
.AnyName>button {
446
-
background: transparent;
447
-
border: none;
448
-
}
449
-
450
-
.AnyName>button:hover {
451
-
background-color: @noti-bg-hover;
452
-
} */
453
384
.topbar-buttons > button {
454
385
/* Name defined in config after # */
455
386
border: none;
···
461
392
background-color: @noti-bg;
462
393
padding: 8px;
463
394
margin: 8px;
464
-
border-radius: 0;
395
+
border-radius: 12px;
465
396
}
466
397
467
398
.widget-volume > box > button {
···
473
404
background-color: @noti-bg-alt;
474
405
padding: 4px 8px 8px 8px;
475
406
margin: 0px 8px 8px 8px;
476
-
border-radius: 0;
407
+
border-radius: 12px;
477
408
}
478
409
479
410
/* Backlight widget */
···
481
412
background-color: @noti-bg;
482
413
padding: 8px;
483
414
margin: 8px;
484
-
border-radius: 0;
415
+
border-radius: 12px;
485
416
}
486
417
487
418
/* Inhibitors widget */