52
49
.app-well-app > .overview-icon,
53
.remove-favorite > .overview-icon,
54
.search-result-content > .overview-icon {
50
.show-apps > .overview-icon,
51
.grid-search-result .overview-icon {
68
63
-st-vfade-offset: 68px;
73
67
-st-hfade-offset: 68px;
76
StScrollView StScrollBar
70
StScrollView StScrollBar {
83
75
StScrollBar StBin#trough {
84
background-color: #080808;
85
border: 1px solid #2d2d2d;
89
StScrollBar StButton#vhandle
91
background-image: url("scroll-vhandle.svg");
92
background-color: #252525;
93
border: 1px solid #080808;
97
StScrollBar StButton#hhandle
99
background-image: url("scroll-hhandle.svg");
100
background-color: #252525;
101
border: 1px solid #080808;
76
background-color: rgba(0,0,0,0.3);
80
StScrollBar StButton#vhandle {
81
background-color: #5d6464;
82
border: 2px solid #242424;
86
StScrollBar StButton#hhandle {
87
background-color: #5d6464;
88
border: 2px solid #242424;
102
89
border-radius: 8px;
105
92
StScrollBar StButton#hhandle:hover,
106
StScrollBar StButton#vhandle:hover
108
background-color: #292929;
93
StScrollBar StButton#vhandle:hover {
94
background-color: #777d7c;
97
StScrollBar StButton#hhandle:active,
98
StScrollBar StButton#vhandle:active {
99
background-color: #3465a4;
111
102
/* Check Boxes */
307
313
background-gradient-end: rgba(255, 255, 255, 0.1);
310
.dash-search-button:selected,
311
.dash-search-button:focus,
312
316
.notification-button:focus,
313
317
.notification-icon-button:focus,
314
318
.hotplug-notification-item:focus,
315
.modal-dialog-button:focus {
316
border: 2px solid #8b8b8b;
319
.dash-search-button:active,
320
.dash-search-button:pressed,
319
.modal-dialog-button:focus,
320
.app-view-control:focus {
324
.app-view-control:focus {
328
.app-view-control:first-child:ltr:focus,
329
.app-view-control:last-child:rtl:focus {
330
border-right-width: 1px;
333
.candidate-page-button:active,
334
.candidate-page-button:pressed,
321
335
.notification-button:active,
322
336
.notification-icon-button:active,
323
337
.hotplug-notification-item:active,
324
338
.hotplug-resident-eject-button:active,
325
339
.modal-dialog-button:active,
326
.modal-dialog-button:pressed {
340
.modal-dialog-button:pressed,
341
.app-view-control:checked {
327
342
background-gradient-start: rgba(255, 255, 255, 0);
328
343
background-gradient-end: rgba(255, 255, 255, 0.2);
346
.candidate-page-button:insensitive,
347
.notification-button:insensitive,
348
.notification-icon-button:insensitive,
349
.modal-dialog-button:insensitive {
350
border-color: #666666;
352
background-gradient-direction: none;
353
background-color: rgba(102, 102, 102, 0.15);
359
.modal-dialog-button,
360
.notification-button,
361
.hotplug-notification-item,
366
.app-view-control:first-child:ltr,
367
.app-view-control:last-child:rtl {
368
border-radius: 18px 0px 0px 18px;
369
border-right-width: 0px;
372
.app-view-control:last-child:ltr,
373
.app-view-control:first-child:rtl {
374
border-radius: 0px 18px 18px 0px;
380
.notification StEntry,
381
.modal-dialog StEntry {
382
color: rgb(64, 64, 64);
383
caret-color: rgb(64, 64, 64);
386
selected-color: white;
392
.notification StEntry {
393
border: 2px solid rgba(245,245,245,0.2);
394
background-gradient-start: rgba(5,5,6,0.1);
395
background-gradient-end: rgba(254,254,254,0.1);
396
background-gradient-direction: vertical;
397
transition-duration: 300ms;
398
box-shadow: inset 0px 2px 4px rgba(0,0,0,0.6);
403
.notification StEntry:focus,
404
.modal-dialog StEntry {
405
border: 2px solid rgb(136,138,133);
406
background-gradient-start: rgb(200,200,200);
407
background-gradient-end: white;
408
background-gradient-direction: vertical;
409
box-shadow: inset 0px 2px 4px rgba(0,0,0,0.6);
412
.notification StEntry:focus,
413
.modal-dialog StEntry:focus {
414
border: 2px solid #3465a4;
418
border-color: rgba(245,245,245,0.3);
419
color: rgb(192, 192, 192);
420
caret-color: rgb(192, 192, 192);
424
color: rgb(128, 128, 128);
425
caret-color: rgb(128, 128, 128);
429
color: rgb(64, 64, 64);
430
caret-color: rgb(64, 64, 64);
432
transition-duration: 0ms;
435
.notification StEntry,
436
.modal-dialog StEntry {
441
.prompt-dialog-password-entry .capslock-warning,
442
.login-dialog-prompt-entry .capslock-warning {
448
.modal-dialog StEntry:insensitive {
449
border-color: #666666;
451
border: 2px solid #9f9f9f;
452
background-gradient-direction: none;
453
background-color: rgba(102, 102, 102, 0.15);
454
box-shadow: inset 0 0 rgba(0,0,0,1.0);
502
667
border-right: 0px;
503
668
border-radius: 9px 0px 0px 9px;
504
669
background-color: rgba(0, 0, 0, 0.5);
670
padding: 11px 7px 11px 11px;
508
673
.workspace-thumbnails-background:rtl {
509
674
border-right: 1px;
510
675
border-left: 0px;
511
676
border-radius: 0px 9px 9px 0px;
677
padding: 11px 11px 11px 7px;
514
680
.workspace-thumbnails {
682
visible-width: 32px; /* Amount visible before hovering */
518
685
.workspace-thumbnail-indicator {
519
outline: 2px solid white;
520
border: 1px solid #888;
686
border: 4px solid rgba(255,255,255,0.7);
523
691
.window-caption {
524
693
background: rgba(0,0,0,0.5);
525
694
border-radius: 8px;
526
695
padding: 4px 12px;
527
696
-shell-caption-spacing: 12px;
697
border: 2px solid rgba(0, 0, 0, 0);
700
.window-caption:hover {
701
border: 2px solid rgba(255, 255, 255, 0);
704
.window-close, .notification-close {
705
background-image: url("close-window.svg");
706
background-size: 32px;
531
background-image: url("close-window.svg");
532
background-size: 34px;
535
-shell-close-overlap: 20px;
712
-shell-close-overlap: 16px;
715
.window-clone-border {
716
border: 4px solid rgba(255, 255, 255, 0.5);
720
.notification-close {
721
/* we start out in the top right of the
722
* notification, inset.
724
* center is 32px/2 = 16px
729
-shell-close-overlap-x: 14px;
730
-shell-close-overlap-y: -12px;
733
.notification-close:rtl {
734
/* as above, but starting out in the top left of the
737
-shell-close-overlap-x: -14px;
538
740
.window-close:rtl {
539
741
-st-background-image-shadow: 2px 2px 6px rgba(0,0,0,0.5);
745
-horizontal-spacing: 32px;
746
-vertical-spacing: 32px;
749
padding-bottom: 48px;
752
.window-picker.external-monitor {
756
.messages-indicator {
761
.messages-indicator-contents {
763
padding-bottom: 12px;
766
.messages-indicator-contents:hover {
768
text-shadow: black 0px 2px 2px;
771
.messages-indicator-highlight {
772
background-gradient-start: transparent;
773
background-gradient-end: #999999;
774
background-gradient-direction: vertical;
557
794
border-radius: 9px 0px 0px 9px;
566
798
background-image: url("dash-placeholder.svg");
567
799
background-size: contain;
575
#viewSelectorTabBar {
803
.empty-dash-drop-target {
589
color: rgb(128, 128, 128);
590
border: 2px solid rgba(245,245,245,0.2);
591
background-gradient-start: rgba(5,5,6,0.1);
592
background-gradient-end: rgba(254,254,254,0.1);
593
background-gradient-direction: vertical;
594
selected-color: black;
595
caret-color: rgb(128, 128, 128);
598
transition-duration: 300;
599
box-shadow: inset 0px 2px 4px rgba(0,0,0,0.6);
604
border: 2px solid rgb(136,138,133);
605
background-gradient-start: rgb(200,200,200);
606
background-gradient-end: white;
607
background-gradient-direction: vertical;
611
transition-duration: 300;
615
color: rgb(64, 64, 64);
617
transition-duration: 0;
620
814
.search-entry-icon {
819
#searchEntry:hover .search-entry-icon,
820
#searchEntry:focus .search-entry-icon {
635
.view-tab-title:hover {
639
.view-tab-title:selected {
641
background-color: #c2c7cd;
642
border-radius: 0.25em;
645
824
/* Search Results */
648
padding: 20px 10px 10px 10px;
827
padding: 20px 10px 0px 10px;
652
835
#searchResultsContent {
653
837
padding-right: 20px;
657
#searchResultsContent:rtl {
663
.search-section-header {
670
.search-section-results {
674
.search-section-list-results {
682
.search-providers-box {
686
/* Text labels are an odd number of pixels tall. The uneven top and bottom
687
* padding compensates for this and ensures that the label is vertically
689
.dash-search-button {
842
/* This should be equal to #searchResultsContent spacing */
846
.search-section-separator {
847
-gradient-height: 1px;
848
-gradient-start: rgba(255,255,255,0);
849
-gradient-end: rgba(255,255,255,0.5);
850
-margin-horizontal: 1.5em;
854
.search-section-content {
855
/* This is the space between the provider icon and the results container */
694
862
font-weight: bold;
697
.dash-search-button:focus,
698
.dash-search-button:selected {
865
.list-search-results {
725
padding: 16px 25px 16px 16px;
745
.app-filter:selected {
747
background-image: url("filter-selected-ltr.svg");
748
background-position: 190px 10px;
751
.app-filter:selected:rtl {
752
background-image: url("filter-selected-rtl.svg");
753
background-position: 10px 10px;
757
outline: 1px solid #aaa;
760
.dash-item-container > .app-well-app {
895
padding-bottom: 32px;
902
.search-display > StBoxLayout,
903
.all-apps > StBoxLayout,
904
.frequent-apps > StBoxLayout {
905
/* horizontal padding to make sure scrollbars or dash don't overlap content */
913
.dash-item-container > StButton {
761
914
padding: 4px 8px;
764
.remove-favorite-icon {
917
.list-search-result-content {
768
.remove-favorite-icon:hover {
922
.list-search-result-title {
770
icon-shadow: black 0px 2px 2px;
928
.list-search-result-description {
932
.search-provider-icon-more {
935
background-image: url("more-results.svg");
773
938
.app-well-app > .overview-icon,
774
.remove-favorite > .overview-icon,
775
.search-result-content > .overview-icon {
939
.show-apps > .overview-icon,
940
.search-provider-icon,
942
.grid-search-result .overview-icon {
776
943
border-radius: 4px;
778
945
border: 1px rgba(0,0,0,0);
779
transition-duration: 100;
946
transition-duration: 100ms;
780
947
text-align: center;
951
-arrow-border-radius: 8px;
952
-arrow-background-color: black;
957
.app-folder-popup-bin {
783
961
.app-well-app.running > .overview-icon {
784
962
text-shadow: black 0px 2px 2px;
785
963
background-image: url("running-indicator.svg");
786
964
background-size: contain;
967
.app-well-app.app-folder > .overview-icon {
968
background-color: rgba(0,0,0,0.5);
789
971
.app-well-app:hover > .overview-icon,
790
.remove-favorite:hover > .overview-icon,
791
.search-result-content:hover > .overview-icon {
972
.show-apps:hover > .overview-icon,
973
.search-provider-icon:hover,
974
.list-search-result:hover,
975
.grid-search-result:hover .overview-icon {
792
976
background-color: rgba(255,255,255,0.1);
793
977
text-shadow: black 0px 2px 2px;
794
transition-duration: 100;
801
-shell-grid-horizontal-item-size: 272px; /* 2 * -shell-grid-horizontal-item-size + spacing */
802
-shell-grid-vertical-item-size: 118px;
806
width: 272px; /* Same width as two normal results + spacing */
807
height: 118px; /* Aspect ratio = 1.75. Normal US business card ratio */
810
border: 1px rgba(0,0,0,0);
811
transition-duration: 100;
819
background-color: rgba(0.0, 0.0, 0.0, 0.5);
828
padding: 0px 6px 22px 10px;
831
.contact-details-alias {
836
.contact-details-status-icon {
841
background-color: rgba(255,255,255,0.1);
842
transition-duration: 100;
978
transition-duration: 100ms;
982
.app-display .app-well-app > .overview-icon {
986
.list-search-result:hover .list-search-result-description {
987
text-shadow: rgba(0,0,0,0.8) 0px 1px 2px;
998
.show-apps:hover .show-apps-icon {
1002
.app-well-app:checked > .overview-icon,
1003
.app-well-app:active > .overview-icon,
1004
.show-apps:checked > .overview-icon,
1005
.show-apps:active > .overview-icon {
1006
background-gradient-start: rgba(255, 255, 255, .05);
1007
background-gradient-end: rgba(255, 255, 255, .15);
1008
background-gradient-direction: vertical;
1010
box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, 1);
1011
transition-duration: 100ms;
1014
.show-apps:checked .show-apps-icon,
1015
.show-apps:focus .show-apps-icon {
1017
transition-duration: 100ms;
846
1020
.app-well-app:focus > .overview-icon,
847
.search-result-content:focus > .overview-icon,
1021
.grid-search-result:focus .overview-icon,
1022
.show-apps:focus > .overview-icon,
1023
.search-provider-icon:focus,
1024
.list-search-result:focus,
849
1025
.app-well-app:selected > .overview-icon,
850
.search-result-content:selected > .overview-icon {
1026
.grid-search-result:selected .overview-icon,
1027
.search-provider-icon:selected,
1028
.list-search-result:selected {
851
1029
background-color: rgba(255,255,255,0.33);
854
1032
/* LookingGlass */
1034
#LookingGlassDialog {
858
1035
background-color: rgba(0,0,0,0.80);
1198
1355
/* Message Tray */
1199
1356
#message-tray {
1200
background-gradient-direction: vertical;
1201
background-gradient-start: rgba(0,0,0,0.01);
1202
background-gradient-end: rgba(0,0,0,0.82);
1357
background: #2e3436 url(message-tray-background.png);
1358
background-repeat: repeat;
1362
.message-tray-summary {
1366
.no-messages-label {
1367
font-family: cantarell, sans-serif;
1207
1373
border-radius: 10px 10px 0px 0px;
1208
background: rgba(0,0,0,0.8);
1374
background: rgba(0,0,0,0.9);
1209
1375
padding: 8px 8px 4px 8px;
1211
1377
spacing-columns: 10px;
1380
.notification, #notification-container {
1215
#notification.multi-line-notification {
1385
.notification.multi-line-notification {
1216
1386
padding-bottom: 8px;
1389
.notification-unexpanded {
1390
/* We want to force the actor at a specific size, irrespective
1391
of its minimum and preferred size, so we override both */
1219
1396
/* We use row-span = 2 for the image cell, which prevents its height preferences to be
1220
1397
taken into account during allocation, so its height ends up being limited by the height
1221
1398
of the content in the other rows. To avoid showing a stretched image, we set the minimum
1407
1580
padding-right: 4px;
1583
.chat-notification-scrollview{
1410
1587
.subscription-message {
1411
1588
font-style: italic;
1414
#notification StEntry {
1591
.notification StEntry {
1416
1592
border-radius: 4px;
1418
selected-color: black;
1419
border: 1px solid rgba(245,245,245,0.2);
1420
background-gradient-direction: vertical;
1421
background-gradient-start: rgb(200,200,200);
1422
background-gradient-end: white;
1423
transition-duration: 300;
1424
box-shadow: inset 0px 2px 4px rgba(0,0,0,0.6);
1426
caret-color: #a8a8a8;
1430
#notification StEntry:focus {
1431
border: 1px solid #8b8b8b;
1433
background-gradient-direction: vertical;
1434
background-gradient-start: rgb(200,200,200);
1435
background-gradient-end: white;
1437
caret-color: #545454;
1438
selection-background-color: #808080;
1441
/* The spacing and padding on the summary is tricky; we want to keep
1442
* the icons from touching each other or the edges of the screen, but
1443
* we also want them to be "Fitts"-y with respect to the edges, so the
1444
* summary area's bottom and right padding must actually be part of
1445
* the icons. However, we can't put *all* of the padding into the
1446
* icons, because then the summary would be 0x0 when there were no
1447
* icons in it, and so you wouldn't be able to hover over it to
1450
* Also, the spacing between a summary-source's icon and title is
1451
* actually specified as padding-left in source-title, because we
1452
* want the spacing to collapse along with the title.
1455
padding: 2px 0px 0px 4px;
1460
padding: 2px 4px 0px 0px;
1463
1595
.summary-source-button {
1464
text-shadow: black 0px 2px 2px;
1467
.summary-source-button:ltr {
1468
padding-right: 12px;
1471
.summary-source-button:selected .summary-source {
1472
background-image: url("panel-button-highlight-narrow.svg");
1473
background-size: contain;
1474
border-image: url("source-button-border.svg") 10 10 0 1;
1477
.summary-source-button:expanded:selected .summary-source {
1478
background-image: none;
1482
.summary-source-button:expanded:selected {
1483
background-image: url("panel-button-highlight-wide.svg");
1484
background-size: contain;
1485
border-image: url("source-button-border.svg") 10 10 0 1;
1488
.summary-source-button:rtl {
1596
padding: 6px 3px 6px 3px;
1492
1599
.summary-source-button:last-child:ltr {
1493
padding-right: 12px;
1496
1603
.summary-source-button:last-child:rtl {
1607
.summary-source-button:hover .summary-source {
1608
background-color: rgba(255,255,255,0.1);
1611
.summary-source-button:focus .summary-source,
1612
.summary-source-button:selected .summary-source {
1613
background-color: rgba(255,255,255,0.33);
1500
1616
.summary-source {
1618
padding: 0 6px 0 6px;
1619
transition-duration: 100ms;
1505
1622
.summary-source-counter {
1507
background-color: #3465A4;
1508
text-shadow: black 1px 1px 0;
1623
background-image: url("summary-counter.svg");
1624
background-size: 2.4em;
1629
-shell-counter-overlap-x: 13px;
1630
-shell-counter-overlap-y: 13px;
1640
.osd-window .level {
1642
border-radius: 0.3em;
1643
background-color: rgba(190,190,190,0.2);
1524
1646
/* App Switcher */
1530
1653
.switcher-list {
1531
1654
background: rgba(0,0,0,0.8);
1532
1655
border: 1px solid rgba(128,128,128,0.40);
2047
2149
-arrow-rise: 10px;
2048
2150
-boxpointer-gap: 5px;
2153
/* IBus Candidate Popup */
2155
.candidate-popup-content {
2161
padding: 0 0.5em 0 0;
2166
padding: 0.3em 0.5em 0.3em 0.5em;
2169
.candidate-box:selected {
2171
background-color: rgba(255,255,255,0.2);
2174
.candidate-box:hover {
2176
background-color: rgba(255,255,255,0.1);
2178
.candidate-page-button-box {
2183
.vertical .candidate-page-button-box {
2187
.horizontal .candidate-page-button-box {
2188
padding-left: 0.5em;
2191
.candidate-page-button-previous {
2192
border-radius: 4px 0px 0px 4px;
2195
.candidate-page-button-next {
2196
border-radius: 0px 4px 4px 0px;
2199
.candidate-page-button-icon {
2205
.login-dialog-banner {
2210
padding-bottom: 1em;
2213
.login-dialog-title {
2217
padding-bottom: 2em;
2221
/* Reset border and background */
2223
background-color: transparent;
2225
padding-bottom: 80px;
2228
border-radius: 16px;
2234
.login-dialog-prompt-login-hint-message {
2238
.login-dialog-user-list-view {
2239
-st-vfade-offset: 1em;
2242
.login-dialog-user-list {
2247
.login-dialog-user-list-item {
2248
border-radius: 10px;
2252
.login-dialog-user-list-item:ltr {
2256
.login-dialog-user-list-item:rtl {
2260
.login-dialog-user-list-item .login-dialog-user-list-item-name {
2265
.login-dialog-user-list:expanded .login-dialog-user-list-item {
2269
.login-dialog-user-list-item,
2270
.login-dialog-user-list-item:hover .login-dialog-user-list-item-name,
2271
.login-dialog-user-list:expanded .login-dialog-user-list-item:focus .login-dialog-user-list-item-name,
2272
.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in {
2274
text-shadow: black 0px 2px 2px;
2277
.login-dialog-user-list-item:hover {
2278
background-color: rgba(255,255,255,0.1);
2281
.login-dialog-user-list:expanded .login-dialog-user-list-item:focus {
2282
background-color: rgba(255,255,255,0.33);
2285
.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in {
2286
background-image: url("logged-in-indicator.svg");
2287
background-size: contain;
2290
.login-dialog-user-list-item-text-box {
2294
.login-dialog-user-list-item .login-dialog-timed-login-indicator {
2295
background-color: rgba(0,0,0,0.0);
2299
.login-dialog-user-list-item:focus .login-dialog-timed-login-indicator {
2300
background-color: #8b8b8b;
2303
.login-dialog-user-list-item-icon {
2304
border: 2px solid #8b8b8b;
2310
.login-dialog-not-listed-label {
2318
.login-dialog-not-listed-button:focus .login-dialog-not-listed-label,
2319
.login-dialog-not-listed-button:hover .login-dialog-not-listed-label {
2323
.login-dialog-username {
2328
text-shadow: black 0px 4px 3px 0px;
2331
.login-dialog-prompt-layout {
2333
padding-bottom: 12px;
2337
.login-dialog-prompt-label {
2342
.login-dialog-prompt-entry {
2346
.login-dialog-session-list,
2347
.login-dialog-session-list-item {
2351
.login-dialog-session-list-button:focus,
2352
.login-dialog-session-list-button:active,
2353
.login-dialog-session-list-button:hover,
2354
.login-dialog-session-list-item:focus,
2355
.login-dialog-session-list-item:hover {
2359
.login-dialog-session-list-button {
2363
.login-dialog-session-list-scroll-view {
2367
.login-dialog-session-list-item {
2368
padding-bottom: 6px;
2371
.login-dialog-session-list-triangle {
2375
.login-dialog-session-list-item-box {
2380
.login-dialog-session-list-item-dot {
2385
.login-dialog-logo-bin {
2389
.login-dialog .modal-dialog-button-box {
2393
.login-dialog .modal-dialog-button {
2398
.login-dialog .modal-dialog-button:focus {
2402
.login-dialog .modal-dialog-button:default {
2403
background-gradient-start: #6793c4;
2404
background-gradient-end: #335d8f;
2405
background-gradient-direction: vertical;
2406
border-color: #16335d;
2409
.login-dialog .modal-dialog-button:default:focus {
2410
border: 2px solid #377fe7;
2413
.login-dialog .modal-dialog-button:default:hover {
2414
background-gradient-start: #74a0d0;
2415
background-gradient-end: #436d9f;
2418
.login-dialog .modal-dialog-button:default:active,
2419
.login-dialog .modal-dialog-button:default:pressed {
2420
background-gradient-start: #436d9f;
2421
background-gradient-end: #74a0d0;
2424
.login-dialog .modal-dialog-button:default:insensitive {
2425
border-color: #666666;
2427
background-gradient-direction: none;
2428
background-color: rgba(102, 102, 102, 0.15);
2431
.login-dialog-message-warning {
2439
.user-widget-label {
2444
text-shadow: black 0px 4px 3px 0px;
2449
.screen-shield-background {
2454
background: #2e3436 url(noise-texture.png);
2455
background-repeat: repeat;
2458
.screen-shield-arrows {
2459
padding-bottom: 3em;
2462
.screen-shield-arrows Gjs_Arrow {
2466
-arrow-thickness: 12px;
2467
-arrow-shadow: 0 1px 1px rgba(0,0,0,0.4);
2470
.screen-shield-contents-box {
2474
.screen-shield-clock {
2476
text-shadow: 0px 1px 2px rgba(0,0,0,0.6);
2479
padding-bottom: 1.5em;
2482
.screen-shield-clock-time {
2484
text-shadow: 0px 2px 2px rgba(0,0,0,0.4);
2487
.screen-shield-clock-date {
2491
#screenShieldNotifications {
2493
background-color: rgba(0.0, 0.0, 0.0, 0.9);
2494
border: 2px solid #868686;
2497
box-shadow: .5em .5em 20px rgba(0, 0, 0, 0.5);
2500
.screen-shield-notifications-box {
2505
.screen-shield-notification-source {
2510
.screen-shield-notification-label {
2517
.screen-shield-notification-count-text {
2521
/* Remove background from notifications, otherwise
2522
opacity is doubled and they look darker
2524
.screen-shield-notifications-box .notification {
2525
background-color: transparent;
2528
/* Override padding on resident notifications, since
2529
the notifications box has its own spacing
2531
.screen-shield-notifications-box .summary-notification-stack-scrollview {
2533
padding-bottom: 0px;
2536
.input-source-switcher-symbol {
2542
/* Background menu */
2545
-boxpointer-gap: 4px;