-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathgnome-shell-light.css
3294 lines (3015 loc) · 156 KB
/
gnome-shell-light.css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
819
820
821
822
823
824
825
826
827
828
829
830
831
832
833
834
835
836
837
838
839
840
841
842
843
844
845
846
847
848
849
850
851
852
853
854
855
856
857
858
859
860
861
862
863
864
865
866
867
868
869
870
871
872
873
874
875
876
877
878
879
880
881
882
883
884
885
886
887
888
889
890
891
892
893
894
895
896
897
898
899
900
901
902
903
904
905
906
907
908
909
910
911
912
913
914
915
916
917
918
919
920
921
922
923
924
925
926
927
928
929
930
931
932
933
934
935
936
937
938
939
940
941
942
943
944
945
946
947
948
949
950
951
952
953
954
955
956
957
958
959
960
961
962
963
964
965
966
967
968
969
970
971
972
973
974
975
976
977
978
979
980
981
982
983
984
985
986
987
988
989
990
991
992
993
994
995
996
997
998
999
1000
/* This stylesheet is generated, DO NOT EDIT */
/* Copyright 2009, 2015 Red Hat, Inc.
*
* Portions adapted from Mx's data/style/default.css
* Copyright 2009 Intel Corporation
*
* This program is free software; you can redistribute it and/or modify it
* under the terms and conditions of the GNU Lesser General Public License,
* version 2.1, as published by the Free Software Foundation.
*
* This program is distributed in the hope it will be useful, but WITHOUT ANY
* WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS
* FOR A PARTICULAR PURPOSE. See the GNU Lesser General Public License for
* more details.
*
* You should have received a copy of the GNU Lesser General Public License
* along with this program; if not, write to the Free Software Foundation,
* Inc., 51 Franklin St - Fifth Floor, Boston, MA 02110-1301 USA.
*/
/* Global Values */
stage {
font-size: 1em;
color: #282828; }
/* Common Stylings */
#dash .dash-item-container .show-apps,
#dash .dash-item-container .overview-tile,
#dash .dash-item-container .grid-search-result {
background: none;
box-shadow: none;
border: none;
border-radius: 0;
padding: 0;
margin: 0; }
.app-folder-dialog .overview-tile, .app-folder-dialog .grid-search-result, .app-folder, .overview-tile, .grid-search-result, #dash .dash-item-container .show-apps .overview-icon,
#dash .dash-item-container .overview-tile .overview-icon,
#dash .dash-item-container .grid-search-result .overview-icon, .list-search-result, .search-provider-icon, .switcher-list .item-box {
border-radius: 10px;
padding: 6px;
spacing: 6px;
text-align: center;
transition-duration: 250ms; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item, .login-dialog-not-listed-button, .unlock-dialog .button,
.unlock-dialog .icon-button,
.unlock-dialog .message .message-header .message-expand-button,
.message .message-header .unlock-dialog .message-expand-button,
.unlock-dialog .message .message-header .message-close-button,
.message .message-header .unlock-dialog .message-close-button,
.unlock-dialog .screenshot-ui-show-pointer-button, .screenshot-ui-show-pointer-button, .screenshot-ui-type-button, #LookingGlassDialog .notebook-tab, #LookingGlassDialog > #Toolbar .lg-toolbar-button, .icon-button, .login-dialog-button.cancel-button, .login-dialog-button.switch-user-button, .login-dialog-button.login-dialog-session-list-button, .message .message-header .message-expand-button,
.message .message-header .message-close-button, .calendar .calendar-month-header .pager-button, .button {
border-radius: 8px;
padding: 3px 24px;
font-weight: bold;
transition: border-width 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
.icon-button, .login-dialog-button.cancel-button, .login-dialog-button.switch-user-button, .login-dialog-button.login-dialog-session-list-button, .screenshot-ui-show-pointer-button, .message .message-header .message-expand-button,
.message .message-header .message-close-button, .calendar .calendar-month-header .pager-button, .button {
color: #282828;
background-color: st-mix(#282828, whitesmoke, 12%); }
.icon-button:focus, .login-dialog-button.cancel-button:focus, .login-dialog-button.switch-user-button:focus, .login-dialog-button.login-dialog-session-list-button:focus, .screenshot-ui-show-pointer-button:focus, .message .message-header .message-expand-button:focus,
.message .message-header .message-close-button:focus, .calendar .calendar-month-header .pager-button:focus, .button:focus {
color: #282828;
box-shadow: inset 0 0 0 2px st-transparentize(-st-accent-color, 0.5) !important;
background-color: st-mix(-st-accent-color, st-mix(#282828, whitesmoke, 12%), 5%); }
.icon-button:focus:hover, .login-dialog-button.cancel-button:focus:hover, .login-dialog-button.switch-user-button:focus:hover, .login-dialog-button.login-dialog-session-list-button:focus:hover, .screenshot-ui-show-pointer-button:focus:hover, .message .message-header .message-expand-button:focus:hover,
.message .message-header .message-close-button:focus:hover, .calendar .calendar-month-header .pager-button:focus:hover, .button:focus:hover {
background-color: st-mix(-st-accent-color, st-darken(st-mix(#282828, whitesmoke, 12%), 4%), 5%); }
.icon-button:hover, .login-dialog-button.cancel-button:hover, .login-dialog-button.switch-user-button:hover, .login-dialog-button.login-dialog-session-list-button:hover, .screenshot-ui-show-pointer-button:hover, .message .message-header .message-expand-button:hover,
.message .message-header .message-close-button:hover, .calendar .calendar-month-header .pager-button:hover, .button:hover {
color: #282828;
background-color: st-darken(st-mix(#282828, whitesmoke, 12%), 4%); }
.icon-button:insensitive, .login-dialog-button.cancel-button:insensitive, .login-dialog-button.switch-user-button:insensitive, .login-dialog-button.login-dialog-session-list-button:insensitive, .screenshot-ui-show-pointer-button:insensitive, .message .message-header .message-expand-button:insensitive,
.message .message-header .message-close-button:insensitive, .calendar .calendar-month-header .pager-button:insensitive, .button:insensitive {
color: st-transparentize(#282828, 0.6);
background-color: st-lighten(st-mix(#282828, whitesmoke, 12%), 3%); }
.icon-button:selected, .login-dialog-button.cancel-button:selected, .login-dialog-button.switch-user-button:selected, .login-dialog-button.login-dialog-session-list-button:selected, .screenshot-ui-show-pointer-button:selected, .message .message-header .message-expand-button:selected,
.message .message-header .message-close-button:selected, .calendar .calendar-month-header .pager-button:selected, .button:selected, .icon-button:active, .login-dialog-button.cancel-button:active, .login-dialog-button.switch-user-button:active, .login-dialog-button.login-dialog-session-list-button:active, .screenshot-ui-show-pointer-button:active, .message .message-header .message-expand-button:active,
.message .message-header .message-close-button:active, .calendar .calendar-month-header .pager-button:active, .button:active {
color: #282828;
background-color: st-darken(st-mix(#282828, whitesmoke, 12%), 9%); }
.icon-button:selected:hover, .login-dialog-button.cancel-button:selected:hover, .login-dialog-button.switch-user-button:selected:hover, .login-dialog-button.login-dialog-session-list-button:selected:hover, .screenshot-ui-show-pointer-button:selected:hover, .message .message-header .message-expand-button:selected:hover,
.message .message-header .message-close-button:selected:hover, .calendar .calendar-month-header .pager-button:selected:hover, .button:selected:hover, .icon-button:active:hover, .login-dialog-button.cancel-button:active:hover, .login-dialog-button.switch-user-button:active:hover, .login-dialog-button.login-dialog-session-list-button:active:hover, .screenshot-ui-show-pointer-button:active:hover, .message .message-header .message-expand-button:active:hover,
.message .message-header .message-close-button:active:hover, .calendar .calendar-month-header .pager-button:active:hover, .button:active:hover {
background-color: st-darken(st-darken(st-mix(#282828, whitesmoke, 12%), 9%), 4%); }
.icon-button:selected:focus, .login-dialog-button.cancel-button:selected:focus, .login-dialog-button.switch-user-button:selected:focus, .login-dialog-button.login-dialog-session-list-button:selected:focus, .screenshot-ui-show-pointer-button:selected:focus, .message .message-header .message-expand-button:selected:focus,
.message .message-header .message-close-button:selected:focus, .calendar .calendar-month-header .pager-button:selected:focus, .button:selected:focus, .icon-button:active:focus, .login-dialog-button.cancel-button:active:focus, .login-dialog-button.switch-user-button:active:focus, .login-dialog-button.login-dialog-session-list-button:active:focus, .screenshot-ui-show-pointer-button:active:focus, .message .message-header .message-expand-button:active:focus,
.message .message-header .message-close-button:active:focus, .calendar .calendar-month-header .pager-button:active:focus, .button:active:focus {
background-color: st-mix(-st-accent-color, st-darken(st-mix(#282828, whitesmoke, 12%), 9%), 5%); }
.icon-button:checked, .login-dialog-button.cancel-button:checked, .login-dialog-button.switch-user-button:checked, .login-dialog-button.login-dialog-session-list-button:checked, .screenshot-ui-show-pointer-button:checked, .message .message-header .message-expand-button:checked,
.message .message-header .message-close-button:checked, .calendar .calendar-month-header .pager-button:checked, .button:checked {
color: #282828;
background-color: st-darken(st-mix(#282828, whitesmoke, 12%), 8%); }
.icon-button:checked:hover, .login-dialog-button.cancel-button:checked:hover, .login-dialog-button.switch-user-button:checked:hover, .login-dialog-button.login-dialog-session-list-button:checked:hover, .screenshot-ui-show-pointer-button:checked:hover, .message .message-header .message-expand-button:checked:hover,
.message .message-header .message-close-button:checked:hover, .calendar .calendar-month-header .pager-button:checked:hover, .button:checked:hover {
background-color: st-darken(st-darken(st-mix(#282828, whitesmoke, 12%), 8%), 4%); }
.icon-button:checked:active, .login-dialog-button.cancel-button:checked:active, .login-dialog-button.switch-user-button:checked:active, .login-dialog-button.login-dialog-session-list-button:checked:active, .screenshot-ui-show-pointer-button:checked:active, .message .message-header .message-expand-button:checked:active,
.message .message-header .message-close-button:checked:active, .calendar .calendar-month-header .pager-button:checked:active, .button:checked:active {
background-color: st-darken(st-darken(st-mix(#282828, whitesmoke, 12%), 8%), 9%); }
.calendar .calendar-day-heading, .calendar .calendar-day, .calendar .calendar-month-header .calendar-month-label, .icon-button.flat, .flat.login-dialog-button.cancel-button, .flat.login-dialog-button.switch-user-button, .flat.login-dialog-button.login-dialog-session-list-button, .flat.screenshot-ui-show-pointer-button, .message .message-header .flat.message-expand-button,
.message .message-header .flat.message-close-button, .calendar .calendar-month-header .pager-button, .button.flat {
color: #282828;
background-color: whitesmoke; }
.calendar .calendar-day-heading:focus, .calendar .calendar-day:focus, .calendar .calendar-month-header .calendar-month-label:focus, .icon-button.flat:focus, .flat.login-dialog-button.cancel-button:focus, .flat.login-dialog-button.switch-user-button:focus, .flat.login-dialog-button.login-dialog-session-list-button:focus, .flat.screenshot-ui-show-pointer-button:focus, .message .message-header .flat.message-expand-button:focus,
.message .message-header .flat.message-close-button:focus, .calendar .calendar-month-header .pager-button:focus, .button.flat:focus {
color: #282828;
box-shadow: inset 0 0 0 2px st-transparentize(-st-accent-color, 0.5) !important;
background-color: st-mix(-st-accent-color, rgba(245, 245, 245, 0.25), 5%); }
.calendar .calendar-day-heading:focus:hover, .calendar .calendar-day:focus:hover, .calendar .calendar-month-header .calendar-month-label:focus:hover, .icon-button.flat:focus:hover, .flat.login-dialog-button.cancel-button:focus:hover, .flat.login-dialog-button.switch-user-button:focus:hover, .flat.login-dialog-button.login-dialog-session-list-button:focus:hover, .flat.screenshot-ui-show-pointer-button:focus:hover, .message .message-header .flat.message-expand-button:focus:hover,
.message .message-header .flat.message-close-button:focus:hover, .calendar .calendar-month-header .pager-button:focus:hover, .button.flat:focus:hover {
background-color: st-mix(-st-accent-color, st-darken(whitesmoke, 7%), 5%); }
.calendar .calendar-day-heading:hover, .calendar .calendar-day:hover, .calendar .calendar-month-header .calendar-month-label:hover, .icon-button.flat:hover, .flat.login-dialog-button.cancel-button:hover, .flat.login-dialog-button.switch-user-button:hover, .flat.login-dialog-button.login-dialog-session-list-button:hover, .flat.screenshot-ui-show-pointer-button:hover, .message .message-header .flat.message-expand-button:hover,
.message .message-header .flat.message-close-button:hover, .calendar .calendar-month-header .pager-button:hover, .button.flat:hover {
color: #282828;
background-color: st-darken(whitesmoke, 7%); }
.calendar .calendar-day-heading:insensitive, .calendar .calendar-day:insensitive, .calendar .calendar-month-header .calendar-month-label:insensitive, .icon-button.flat:insensitive, .flat.login-dialog-button.cancel-button:insensitive, .flat.login-dialog-button.switch-user-button:insensitive, .flat.login-dialog-button.login-dialog-session-list-button:insensitive, .flat.screenshot-ui-show-pointer-button:insensitive, .message .message-header .flat.message-expand-button:insensitive,
.message .message-header .flat.message-close-button:insensitive, .calendar .calendar-month-header .pager-button:insensitive, .button.flat:insensitive {
color: st-transparentize(#282828, 0.6);
background-color: whitesmoke; }
.calendar .calendar-day-heading:selected, .calendar .calendar-day:selected, .calendar .calendar-month-header .calendar-month-label:selected, .icon-button.flat:selected, .flat.login-dialog-button.cancel-button:selected, .flat.login-dialog-button.switch-user-button:selected, .flat.login-dialog-button.login-dialog-session-list-button:selected, .flat.screenshot-ui-show-pointer-button:selected, .message .message-header .flat.message-expand-button:selected,
.message .message-header .flat.message-close-button:selected, .calendar .calendar-month-header .pager-button:selected, .button.flat:selected, .calendar .calendar-day-heading:active, .calendar .calendar-day:active, .calendar .calendar-month-header .calendar-month-label:active, .icon-button.flat:active, .flat.login-dialog-button.cancel-button:active, .flat.login-dialog-button.switch-user-button:active, .flat.login-dialog-button.login-dialog-session-list-button:active, .flat.screenshot-ui-show-pointer-button:active, .message .message-header .flat.message-expand-button:active,
.message .message-header .flat.message-close-button:active, .calendar .calendar-month-header .pager-button:active, .button.flat:active {
color: #282828;
background-color: st-darken(whitesmoke, 9%); }
.calendar .calendar-day-heading:selected:hover, .calendar .calendar-day:selected:hover, .calendar .calendar-month-header .calendar-month-label:selected:hover, .icon-button.flat:selected:hover, .flat.login-dialog-button.cancel-button:selected:hover, .flat.login-dialog-button.switch-user-button:selected:hover, .flat.login-dialog-button.login-dialog-session-list-button:selected:hover, .flat.screenshot-ui-show-pointer-button:selected:hover, .message .message-header .flat.message-expand-button:selected:hover,
.message .message-header .flat.message-close-button:selected:hover, .calendar .calendar-month-header .pager-button:selected:hover, .button.flat:selected:hover, .calendar .calendar-day-heading:active:hover, .calendar .calendar-day:active:hover, .calendar .calendar-month-header .calendar-month-label:active:hover, .icon-button.flat:active:hover, .flat.login-dialog-button.cancel-button:active:hover, .flat.login-dialog-button.switch-user-button:active:hover, .flat.login-dialog-button.login-dialog-session-list-button:active:hover, .flat.screenshot-ui-show-pointer-button:active:hover, .message .message-header .flat.message-expand-button:active:hover,
.message .message-header .flat.message-close-button:active:hover, .calendar .calendar-month-header .pager-button:active:hover, .button.flat:active:hover {
background-color: st-darken(st-darken(whitesmoke, 9%), 7%); }
.calendar .calendar-day-heading:selected:focus, .calendar .calendar-day:selected:focus, .calendar .calendar-month-header .calendar-month-label:selected:focus, .icon-button.flat:selected:focus, .flat.login-dialog-button.cancel-button:selected:focus, .flat.login-dialog-button.switch-user-button:selected:focus, .flat.login-dialog-button.login-dialog-session-list-button:selected:focus, .flat.screenshot-ui-show-pointer-button:selected:focus, .message .message-header .flat.message-expand-button:selected:focus,
.message .message-header .flat.message-close-button:selected:focus, .calendar .calendar-month-header .pager-button:selected:focus, .button.flat:selected:focus, .calendar .calendar-day-heading:active:focus, .calendar .calendar-day:active:focus, .calendar .calendar-month-header .calendar-month-label:active:focus, .icon-button.flat:active:focus, .flat.login-dialog-button.cancel-button:active:focus, .flat.login-dialog-button.switch-user-button:active:focus, .flat.login-dialog-button.login-dialog-session-list-button:active:focus, .flat.screenshot-ui-show-pointer-button:active:focus, .message .message-header .flat.message-expand-button:active:focus,
.message .message-header .flat.message-close-button:active:focus, .calendar .calendar-month-header .pager-button:active:focus, .button.flat:active:focus {
background-color: st-mix(-st-accent-color, st-darken(whitesmoke, 9%), 5%); }
.calendar .calendar-day-heading:checked, .calendar .calendar-day:checked, .calendar .calendar-month-header .calendar-month-label:checked, .icon-button.flat:checked, .flat.login-dialog-button.cancel-button:checked, .flat.login-dialog-button.switch-user-button:checked, .flat.login-dialog-button.login-dialog-session-list-button:checked, .flat.screenshot-ui-show-pointer-button:checked, .message .message-header .flat.message-expand-button:checked,
.message .message-header .flat.message-close-button:checked, .calendar .calendar-month-header .pager-button:checked, .button.flat:checked {
color: #282828;
background-color: st-darken(whitesmoke, 8%); }
.calendar .calendar-day-heading:checked:hover, .calendar .calendar-day:checked:hover, .calendar .calendar-month-header .calendar-month-label:checked:hover, .icon-button.flat:checked:hover, .flat.login-dialog-button.cancel-button:checked:hover, .flat.login-dialog-button.switch-user-button:checked:hover, .flat.login-dialog-button.login-dialog-session-list-button:checked:hover, .flat.screenshot-ui-show-pointer-button:checked:hover, .message .message-header .flat.message-expand-button:checked:hover,
.message .message-header .flat.message-close-button:checked:hover, .calendar .calendar-month-header .pager-button:checked:hover, .button.flat:checked:hover {
background-color: st-darken(st-darken(whitesmoke, 8%), 7%); }
.calendar .calendar-day-heading:checked:active, .calendar .calendar-day:checked:active, .calendar .calendar-month-header .calendar-month-label:checked:active, .icon-button.flat:checked:active, .flat.login-dialog-button.cancel-button:checked:active, .flat.login-dialog-button.switch-user-button:checked:active, .flat.login-dialog-button.login-dialog-session-list-button:checked:active, .flat.screenshot-ui-show-pointer-button:checked:active, .message .message-header .flat.message-expand-button:checked:active,
.message .message-header .flat.message-close-button:checked:active, .calendar .calendar-month-header .pager-button:checked:active, .button.flat:checked:active {
background-color: st-darken(st-darken(whitesmoke, 8%), 9%); }
.keyboard-brightness-level .button:checked, .quick-menu-toggle .quick-toggle-arrow:checked, .quick-toggle:checked, .calendar .calendar-day.calendar-today, .icon-button.default, .default.login-dialog-button.cancel-button, .default.login-dialog-button.switch-user-button, .default.login-dialog-button.login-dialog-session-list-button, .default.screenshot-ui-show-pointer-button, .message .message-header .default.message-expand-button,
.message .message-header .default.message-close-button, .calendar .calendar-month-header .default.pager-button, .button.default {
color: -st-accent-fg-color;
background-color: -st-accent-color; }
.keyboard-brightness-level .button:focus:checked, .quick-menu-toggle .quick-toggle-arrow:focus:checked, .quick-toggle:focus:checked, .calendar .calendar-day.calendar-today:focus, .icon-button.default:focus, .default.login-dialog-button.cancel-button:focus, .default.login-dialog-button.switch-user-button:focus, .default.login-dialog-button.login-dialog-session-list-button:focus, .default.screenshot-ui-show-pointer-button:focus, .message .message-header .default.message-expand-button:focus,
.message .message-header .default.message-close-button:focus, .calendar .calendar-month-header .default.pager-button:focus, .button.default:focus {
color: -st-accent-fg-color;
box-shadow: inset 0 0 0 2px st-transparentize(-st-accent-color, 0.5) !important;
box-shadow: inset 0 0 0 2px st-darken(-st-accent-color, 15%) !important;
background-color: st-mix(-st-accent-color, -st-accent-color, 5%); }
.keyboard-brightness-level .button:focus:hover:checked, .quick-menu-toggle .quick-toggle-arrow:focus:hover:checked, .quick-toggle:focus:hover:checked, .calendar .calendar-day.calendar-today:focus:hover, .icon-button.default:focus:hover, .default.login-dialog-button.cancel-button:focus:hover, .default.login-dialog-button.switch-user-button:focus:hover, .default.login-dialog-button.login-dialog-session-list-button:focus:hover, .default.screenshot-ui-show-pointer-button:focus:hover, .message .message-header .default.message-expand-button:focus:hover,
.message .message-header .default.message-close-button:focus:hover, .calendar .calendar-month-header .default.pager-button:focus:hover, .button.default:focus:hover {
background-color: st-mix(-st-accent-color, st-darken(-st-accent-color, 4%), 5%); }
.keyboard-brightness-level .button:hover:checked, .quick-menu-toggle .quick-toggle-arrow:hover:checked, .quick-toggle:hover:checked, .calendar .calendar-day.calendar-today:hover, .icon-button.default:hover, .default.login-dialog-button.cancel-button:hover, .default.login-dialog-button.switch-user-button:hover, .default.login-dialog-button.login-dialog-session-list-button:hover, .default.screenshot-ui-show-pointer-button:hover, .message .message-header .default.message-expand-button:hover,
.message .message-header .default.message-close-button:hover, .calendar .calendar-month-header .default.pager-button:hover, .button.default:hover {
color: -st-accent-fg-color;
background-color: st-darken(-st-accent-color, 4%); }
.keyboard-brightness-level .button:insensitive:checked, .quick-menu-toggle .quick-toggle-arrow:insensitive:checked, .quick-toggle:insensitive:checked, .calendar .calendar-day.calendar-today:insensitive, .icon-button.default:insensitive, .default.login-dialog-button.cancel-button:insensitive, .default.login-dialog-button.switch-user-button:insensitive, .default.login-dialog-button.login-dialog-session-list-button:insensitive, .default.screenshot-ui-show-pointer-button:insensitive, .message .message-header .default.message-expand-button:insensitive,
.message .message-header .default.message-close-button:insensitive, .calendar .calendar-month-header .default.pager-button:insensitive, .button.default:insensitive {
color: st-transparentize(-st-accent-fg-color, 0.6);
background-color: st-lighten(-st-accent-color, 3%); }
.keyboard-brightness-level .button:active:checked, .quick-menu-toggle .quick-toggle-arrow:active:checked, .quick-toggle:active:checked, .calendar .calendar-day.calendar-today:active, .icon-button.default:active, .default.login-dialog-button.cancel-button:active, .default.login-dialog-button.switch-user-button:active, .default.login-dialog-button.login-dialog-session-list-button:active, .default.screenshot-ui-show-pointer-button:active, .message .message-header .default.message-expand-button:active,
.message .message-header .default.message-close-button:active, .calendar .calendar-month-header .default.pager-button:active, .button.default:active {
color: -st-accent-fg-color;
background-color: st-darken(-st-accent-color, 9%); }
.keyboard-brightness-level .button:active:hover:checked, .quick-menu-toggle .quick-toggle-arrow:active:hover:checked, .quick-toggle:active:hover:checked, .calendar .calendar-day.calendar-today:active:hover, .icon-button.default:active:hover, .default.login-dialog-button.cancel-button:active:hover, .default.login-dialog-button.switch-user-button:active:hover, .default.login-dialog-button.login-dialog-session-list-button:active:hover, .default.screenshot-ui-show-pointer-button:active:hover, .message .message-header .default.message-expand-button:active:hover,
.message .message-header .default.message-close-button:active:hover, .calendar .calendar-month-header .default.pager-button:active:hover, .button.default:active:hover {
background-color: st-darken(st-darken(-st-accent-color, 9%), 4%); }
.keyboard-brightness-level .button:active:focus:checked, .quick-menu-toggle .quick-toggle-arrow:active:focus:checked, .quick-toggle:active:focus:checked, .calendar .calendar-day.calendar-today:active:focus, .icon-button.default:active:focus, .default.login-dialog-button.cancel-button:active:focus, .default.login-dialog-button.switch-user-button:active:focus, .default.login-dialog-button.login-dialog-session-list-button:active:focus, .default.screenshot-ui-show-pointer-button:active:focus, .message .message-header .default.message-expand-button:active:focus,
.message .message-header .default.message-close-button:active:focus, .calendar .calendar-month-header .default.pager-button:active:focus, .button.default:active:focus {
background-color: st-mix(-st-accent-color, st-darken(-st-accent-color, 9%), 5%); }
.popup-sub-menu .popup-menu-item, .popup-menu-item {
font-weight: normal;
spacing: 6px;
transition-duration: 100ms;
padding: 9px 12px; }
.calendar, .datemenu-today-button, .lg-extension, .quick-toggle-menu, .message, .events-button,
.world-clocks-button,
.weather-button {
border-radius: 12px;
padding: 0.818em;
margin: 4px;
background-color: #ffffff;
box-shadow: 0 1px 2px 0 st-mix(-st-accent-color, rgba(0, 0, 0, 0.03), 18%);
border: 1px solid st-mix(-st-accent-color, rgba(0, 0, 0, 0.09), 18%); }
.lg-extension, .quick-toggle-menu, .message, .events-button,
.world-clocks-button,
.weather-button {
color: #282828;
background-color: #ffffff; }
.lg-extension:hover, .quick-toggle-menu:hover, .message:hover, .events-button:hover,
.world-clocks-button:hover,
.weather-button:hover {
color: #282828;
background-color: whitesmoke; }
.lg-extension:active, .quick-toggle-menu:active, .message:active, .events-button:active,
.world-clocks-button:active,
.weather-button:active {
color: #282828;
background-color: #e8e8e8; }
.lg-extension:active:hover, .quick-toggle-menu:active:hover, .message:active:hover, .events-button:active:hover,
.world-clocks-button:active:hover,
.weather-button:active:hover {
background-color: #dedede; }
.lg-extension:active:focus, .quick-toggle-menu:active:focus, .message:active:focus, .events-button:active:focus,
.world-clocks-button:active:focus,
.weather-button:active:focus {
background-color: #dee2e7; }
.lg-extension:focus, .quick-toggle-menu:focus, .message:focus, .events-button:focus,
.world-clocks-button:focus,
.weather-button:focus {
color: #282828;
box-shadow: inset 0 0 0 2px st-transparentize(-st-accent-color, 0.5) !important;
background-color: #f4f8fd; }
.lg-extension:focus:hover, .quick-toggle-menu:focus:hover, .message:focus:hover, .events-button:focus:hover,
.world-clocks-button:focus:hover,
.weather-button:focus:hover {
background-color: #eaeef3; }
.lg-extension:insensitive, .quick-toggle-menu:insensitive, .message:insensitive, .events-button:insensitive,
.world-clocks-button:insensitive,
.weather-button:insensitive {
color: rgba(40, 40, 40, 0.4);
background-color: white; }
.calendar, .datemenu-today-button {
border: 1px solid transparent !important;
background-color: transparent;
border-color: transparent;
box-shadow: none; }
.calendar:insensitive, .datemenu-today-button:insensitive {
background-color: transparent !important; }
.calendar:hover, .datemenu-today-button:hover {
color: #282828;
background-color: #e3e3e3; }
.calendar:active, .datemenu-today-button:active {
color: #282828;
background-color: #dedede; }
.calendar:active:hover, .datemenu-today-button:active:hover {
background-color: #cccccc; }
.calendar:active:focus, .datemenu-today-button:active:focus {
background-color: #d4d9de; }
.calendar:focus, .datemenu-today-button:focus {
color: #282828;
box-shadow: inset 0 0 0 2px st-transparentize(-st-accent-color, 0.5) !important;
background-color: #f4f8fd; }
.calendar:focus:hover, .datemenu-today-button:focus:hover {
background-color: #eaeef3; }
.calendar:insensitive, .datemenu-today-button:insensitive {
color: rgba(40, 40, 40, 0.4);
background-color: white; }
.unlock-dialog .login-dialog-prompt-entry, .login-dialog .login-dialog-prompt-entry, .app-folder-dialog .folder-name-container .folder-name-entry, .search-entry, .lg-dialog StEntry, StEntry {
border-radius: 8px;
padding: 9px 9px;
selection-background-color: -st-accent-color;
selected-color: #ffffff; }
StEntry {
background-color: gainsboro;
color: st-mix(-st-accent-color, rgba(40, 40, 40, 0.7), 3%); }
StEntry:hover {
background-color: #d2d2d2;
color: #282828; }
StEntry:focus {
box-shadow: inset 0 0 0 2px st-transparentize(-st-accent-color, 0.5) !important;
background-color: #d2d7dc;
color: #282828; }
StEntry:insensitive {
background-color: #e4e4e4;
color: st-mix(-st-accent-color, rgba(40, 40, 40, 0.5), 3%); }
StEntry StLabel.hint-text {
color: st-mix(-st-accent-color, rgba(40, 40, 40, 0.7), 3%); }
.notification-button, .message .message-header .message-expand-button,
.message .message-header .message-close-button {
font-weight: bold;
padding: 6px 12px;
border-radius: 12px;
color: #282828;
background-color: rgba(40, 40, 40, 0.15); }
.notification-button, .message .message-header:ltr, .message-expand-button:ltr,
.message .message-header:ltr, .message-close-button:ltr {
margin: 0 5px 5px 5px; }
.notification-button, .message .message-header:rtl, .message-expand-button:rtl,
.message .message-header:rtl, .message-close-button:rtl {
margin: 0 5px 5px 5px; }
.notification-button:focus, .message .message-header .message-expand-button:focus,
.message .message-header .message-close-button:focus {
color: whitesmoke;
background-color: -st-accent-color; }
.notification-button:focus:hover, .message .message-header .message-expand-button:focus:hover,
.message .message-header .message-close-button:focus:hover {
color: whitesmoke;
background-color: st-darken(-st-accent-color, 15%); }
.notification-button:hover, .message .message-header .message-expand-button:hover,
.message .message-header .message-close-button:hover {
color: whitesmoke;
background-color: st-darken(-st-accent-color, 18%); }
.notification-button:active, .message .message-header .message-expand-button:active,
.message .message-header .message-close-button:active {
color: whitesmoke;
background-color: -st-accent-color; }
.notification-button:active:hover, .message .message-header .message-expand-button:active:hover,
.message .message-header .message-close-button:active:hover {
color: whitesmoke;
background-color: st-darken(-st-accent-color, 15%); }
.notification-button:active:focus, .message .message-header .message-expand-button:active:focus,
.message .message-header .message-close-button:active:focus {
color: whitesmoke;
background-color: st-darken(-st-accent-color, 18%); }
.notification-button:checked, .message .message-header .message-expand-button:checked,
.message .message-header .message-close-button:checked {
color: #282828;
background-color: st-darken(st-mix(#282828, whitesmoke, 12%), 8%); }
.notification-button:checked:hover, .message .message-header .message-expand-button:checked:hover,
.message .message-header .message-close-button:checked:hover {
background-color: st-darken(st-darken(st-mix(#282828, whitesmoke, 12%), 8%), 4%); }
.notification-button:checked:active, .message .message-header .message-expand-button:checked:active,
.message .message-header .message-close-button:checked:active {
background-color: st-darken(st-darken(st-mix(#282828, whitesmoke, 12%), 8%), 9%); }
.notification-button:insensitive, .message .message-header .message-expand-button:insensitive,
.message .message-header .message-close-button:insensitive {
color: st-transparentize(#282828, 0.6);
background-color: rgba(40, 40, 40, 0.1); }
.modal-dialog .modal-dialog-button-box .modal-dialog-button {
font-weight: bold;
font-size: 1.1em;
padding: 12px;
border-radius: 12px;
color: #282828;
background-color: rgba(40, 40, 40, 0.1); }
.modal-dialog .modal-dialog-button-box:ltr, .modal-dialog-button:ltr {
margin: 0 5px 5px 5px; }
.modal-dialog ..modal-dialog-button-box:rtl, .modal-dialog-button:rtl {
margin: 0 5px 5px 5px; }
.modal-dialog .modal-dialog-button-box .modal-dialog-button:focus {
color: whitesmoke;
background-color: -st-accent-color; }
.modal-dialog .modal-dialog-button-box .modal-dialog-button:focus:hover {
color: whitesmoke;
background-color: st-darken(-st-accent-color, 15%); }
.modal-dialog .modal-dialog-button-box .modal-dialog-button:hover {
color: whitesmoke;
background-color: st-darken(-st-accent-color, 18%); }
.modal-dialog .modal-dialog-button-box .modal-dialog-button:active {
color: whitesmoke;
background-color: -st-accent-color; }
.modal-dialog .modal-dialog-button-box .modal-dialog-button:active:hover {
color: whitesmoke;
background-color: st-darken(-st-accent-color, 15%); }
.modal-dialog .modal-dialog-button-box .modal-dialog-button:active:focus {
color: whitesmoke;
background-color: st-darken(-st-accent-color, 18%); }
.modal-dialog .modal-dialog-button-box .modal-dialog-button:checked {
color: #282828;
background-color: st-darken(st-mix(#282828, whitesmoke, 12%), 8%); }
.modal-dialog .modal-dialog-button-box .modal-dialog-button:checked:hover {
background-color: st-darken(st-darken(st-mix(#282828, whitesmoke, 12%), 8%), 4%); }
.modal-dialog .modal-dialog-button-box .modal-dialog-button:checked:active {
background-color: st-darken(st-darken(st-mix(#282828, whitesmoke, 12%), 8%), 9%); }
.modal-dialog .modal-dialog-button-box .modal-dialog-button:insensitive {
color: st-transparentize(#282828, 0.6);
background-color: st-lighten(st-mix(#282828, whitesmoke, 12%), 3%); }
.dash-label, .window-caption, .screenshot-ui-tooltip {
background-color: st-mix(-st-accent-color, rgba(241, 241, 241, 0.7), 3%);
border: 1px solid st-mix(-st-accent-color, rgba(255, 255, 255, 0.1), 3%);
color: #282828;
border-radius: 999px;
padding: 6px 12px;
text-align: center; }
/* General Typography */
.login-dialog .user-widget.vertical .user-widget-label,
.unlock-dialog .user-widget.vertical .user-widget-label, .unlock-dialog-clock .unlock-dialog-clock-date, .app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry, .search-statustext {
font-weight: 800;
font-size: 1.818em; }
.conflicting-session-dialog-content .conflicting-session-dialog-title, .lg-debug-flags-header, .message-dialog-content .message-dialog-title, .message-list .message-list-placeholder, .datemenu-today-button .date-label {
font-weight: 800;
font-size: 1.364em; }
.login-dialog .user-widget.horizontal .user-widget-label,
.unlock-dialog .user-widget.horizontal .user-widget-label, .quick-toggle-menu .header .title {
font-weight: 700;
font-size: 1.364em; }
.login-dialog-auth-list-label, .word-suggestions, .bt-menu-placeholder.popup-menu-item, .message-dialog-content .message-dialog-title.lightweight, .headline {
font-weight: 700;
font-size: 1.182em; }
.login-dialog-not-listed-label, .lg-extension-name, .background-app-item .title, .osd-window, .dialog-list .dialog-list-title, .message-list-controls, .weather-button .weather-box .weather-header-box .weather-header, .world-clocks-button .world-clocks-header, .events-button .events-box .events-list .event-box .event-summary, .events-button .events-box .events-title, .calendar .calendar-month-header .calendar-month-label {
font-weight: 700;
font-size: 1em; }
.quick-toggle-menu .header .subtitle, .app-menu .popup-inactive-menu-item:first-child > StLabel {
font-weight: 700;
font-size: 0.818em; }
.lg-completions-text, .caps-lock-warning-label, .background-app-item .subtitle, .quick-toggle StBoxLayout > .quick-toggle-subtitle, .screenshot-ui-type-button .icon-label-button-container, .prompt-dialog-error-label,
.prompt-dialog-info-label,
.prompt-dialog-null-label, .run-dialog .run-dialog-description, .dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description, .message .message-header .message-header-content .event-time, .world-clocks-button .world-clocks-grid .world-clocks-timezone, .events-button .events-box .events-list .event-box .event-time {
font-weight: 400;
font-size: 0.818em; }
.weather-button .weather-box .weather-grid .weather-forecast-time, .calendar .calendar-week-number, .calendar .calendar-day-heading, .calendar .calendar-day {
font-weight: 400;
font-size: 0.818em; }
.unlock-dialog-clock .unlock-dialog-clock-time, #panel, .weather-button .weather-box .weather-grid .weather-forecast-temp, .world-clocks-button .world-clocks-grid .world-clocks-timezone, .world-clocks-button .world-clocks-grid .world-clocks-time, .events-button .events-box .events-list .event-box .event-time, .calendar .calendar-day-heading, .calendar .calendar-day {
font-feature-settings: "tnum"; }
/* OSD Elements */
#LookingGlassDialog, .screenshot-ui-panel, .workspace-switcher, .switcher-list, .resize-popup, .osd-window {
color: #282828;
background-color: st-mix(-st-accent-color, rgba(241, 241, 241, 0.7), 3%);
border: 1px solid st-mix(-st-accent-color, rgba(40, 40, 40, 0.02), 3%);
border-radius: 999px;
padding: 12px; }
.lg-dialog StEntry {
background-color: #f1f1f1;
color: rgba(40, 40, 40, 0.7); }
.lg-dialog StEntry:hover {
background-color: #f2f2f2;
color: #282828; }
.lg-dialog StEntry:focus {
box-shadow: inset 0 0 0 2px st-transparentize(-st-accent-color, 0.5) !important;
background-color: #fefefe;
color: #282828; }
.lg-dialog StEntry:insensitive {
background-color: #fefefe;
color: rgba(40, 40, 40, 0.5); }
.lg-dialog StEntry StLabel.hint-text {
color: rgba(40, 40, 40, 0.7); }
#LookingGlassDialog .notebook-tab, #LookingGlassDialog > #Toolbar .lg-toolbar-button {
color: #282828;
background-color: st-mix(-st-accent-color, rgba(241, 241, 241, 0.4), 3%); }
#LookingGlassDialog .notebook-tab:focus, #LookingGlassDialog > #Toolbar .lg-toolbar-button:focus {
color: #282828;
box-shadow: inset 0 0 0 2px st-transparentize(-st-accent-color, 0.5) !important;
background-color: st-mix(-st-accent-color, rgba(241, 241, 241, 0.5), 4%); }
#LookingGlassDialog .notebook-tab:focus:hover, #LookingGlassDialog > #Toolbar .lg-toolbar-button:focus:hover {
color: #282828;
background-color: st-mix(-st-accent-color, rgba(241, 241, 241, 0.4), 5%); }
#LookingGlassDialog .notebook-tab:hover, #LookingGlassDialog > #Toolbar .lg-toolbar-button:hover {
color: #282828;
background-color: st-mix(-st-accent-color, rgba(241, 241, 241, 0.4), 3%); }
#LookingGlassDialog .notebook-tab:active, #LookingGlassDialog > #Toolbar .lg-toolbar-button:active {
color: #282828;
background-color: st-mix(-st-accent-color, rgba(241, 241, 241, 0.4), 3%); }
#LookingGlassDialog .notebook-tab:active:hover, #LookingGlassDialog > #Toolbar .lg-toolbar-button:active:hover {
color: #282828;
background-color: st-mix(-st-accent-color, rgba(241, 241, 241, 0.4), 4%); }
#LookingGlassDialog .notebook-tab:active:focus, #LookingGlassDialog > #Toolbar .lg-toolbar-button:active:focus {
color: #282828;
background-color: st-mix(-st-accent-color, rgba(241, 241, 241, 0.4), 5%); }
#LookingGlassDialog .notebook-tab:checked, #LookingGlassDialog > #Toolbar .lg-toolbar-button:checked {
color: #282828;
background-color: st-mix(-st-accent-color, rgba(241, 241, 241, 0.4), 3%); }
#LookingGlassDialog .notebook-tab:checked:hover, #LookingGlassDialog > #Toolbar .lg-toolbar-button:checked:hover {
color: #282828;
background-color: st-mix(-st-accent-color, rgba(241, 241, 241, 0.4), 4%); }
#LookingGlassDialog .notebook-tab:checked:active, #LookingGlassDialog > #Toolbar .lg-toolbar-button:checked:active {
color: #282828;
background-color: st-mix(-st-accent-color, rgba(241, 241, 241, 0.4), 5%); }
#LookingGlassDialog .notebook-tab:insensitive, #LookingGlassDialog > #Toolbar .lg-toolbar-button:insensitive {
color: rgba(40, 40, 40, 0.4);
background-color: st-mix(-st-accent-color, rgba(241, 241, 241, 0.4), 4%); }
.screenshot-ui-show-pointer-button, .screenshot-ui-type-button {
color: #282828;
background-color: rgba(241, 241, 241, 0.5); }
.screenshot-ui-show-pointer-button:focus, .screenshot-ui-type-button:focus {
color: #282828;
box-shadow: inset 0 0 0 2px st-transparentize(-st-accent-color, 0.5) !important;
background-color: rgba(225, 225, 225, 0.2875); }
.screenshot-ui-show-pointer-button:focus:hover, .screenshot-ui-type-button:focus:hover {
background-color: #f9f9f9; }
.screenshot-ui-show-pointer-button:hover, .screenshot-ui-type-button:hover {
color: #282828;
background-color: #e6e6e6; }
.screenshot-ui-show-pointer-button:active, .screenshot-ui-type-button:active {
color: #282828;
background-color: #e7e7e7; }
.screenshot-ui-show-pointer-button:active:hover, .screenshot-ui-type-button:active:hover {
background-color: #f6f6f6; }
.screenshot-ui-show-pointer-button:active:focus, .screenshot-ui-type-button:active:focus {
background-color: #e8e8e8; }
.screenshot-ui-show-pointer-button:checked, .screenshot-ui-type-button:checked {
color: #282828;
background-color: #e1e1e1; }
.screenshot-ui-show-pointer-button:checked:hover, .screenshot-ui-type-button:checked:hover {
background-color: #f6f6f6; }
.screenshot-ui-show-pointer-button:checked:active, .screenshot-ui-type-button:checked:active {
background-color: #e2e2e2; }
.screenshot-ui-show-pointer-button:insensitive, .screenshot-ui-type-button:insensitive {
color: rgba(40, 40, 40, 0.4);
background-color: #e4e4e4; }
/* System Elements */
.login-dialog .login-dialog-prompt-entry, .app-folder-dialog .folder-name-container .folder-name-entry, .search-entry {
background-color: rgba(225, 225, 225, 0.6);
color: rgba(40, 40, 40, 0.7); }
.login-dialog .login-dialog-prompt-entry:hover, .app-folder-dialog .folder-name-container .folder-name-entry:hover, .search-entry:hover {
background-color: rgba(226, 226, 226, 0.6);
color: #282828; }
.login-dialog .login-dialog-prompt-entry:focus, .app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus {
box-shadow: inset 0 0 0 2px st-transparentize(-st-accent-color, 0.5) !important;
background-color: rgba(210, 214, 222, 0.6);
color: #282828; }
.login-dialog .login-dialog-prompt-entry:insensitive, .app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive {
background-color: rgba(207, 211, 222, 0.6);
color: rgba(40, 40, 40, 0.5); }
.login-dialog .login-dialog-prompt-entry StLabel.hint-text, .app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text {
color: rgba(40, 40, 40, 0.7); }
.login-dialog-button.cancel-button, .login-dialog-button.switch-user-button, .login-dialog-button.login-dialog-session-list-button {
color: #282828;
background-color: rgba(225, 225, 225, 0.8); }
.login-dialog-button.cancel-button:insensitive, .login-dialog-button.switch-user-button:insensitive, .login-dialog-button.login-dialog-session-list-button:insensitive {
color: rgba(40, 40, 40, 0.4);
background-color: #c9cdd5; }
.login-dialog-button.cancel-button:focus, .login-dialog-button.switch-user-button:focus, .login-dialog-button.login-dialog-session-list-button:focus {
color: #282828;
box-shadow: inset 0 0 0 2px st-transparentize(-st-accent-color, 0.5) !important;
background-color: #d2d6de; }
.login-dialog-button.cancel-button:focus:hover, .login-dialog-button.switch-user-button:focus:hover, .login-dialog-button.login-dialog-session-list-button:focus:hover {
background-color: #e2e2e2; }
.login-dialog-button.cancel-button:hover, .login-dialog-button.switch-user-button:hover, .login-dialog-button.login-dialog-session-list-button:hover {
color: #282828;
background-color: #ced2dc; }
.login-dialog-button.cancel-button:active, .login-dialog-button.switch-user-button:active, .login-dialog-button.login-dialog-session-list-button:active {
color: #282828;
background-color: #cdd1da; }
.login-dialog-button.cancel-button:active:hover, .login-dialog-button.switch-user-button:active:hover, .login-dialog-button.login-dialog-session-list-button:active:hover {
background-color: #e3e3e3; }
.login-dialog-button.cancel-button:active:focus, .login-dialog-button.switch-user-button:active:focus, .login-dialog-button.login-dialog-session-list-button:active:focus {
background-color: #e4e4e4; }
.login-dialog-button.cancel-button:checked, .login-dialog-button.switch-user-button:checked, .login-dialog-button.login-dialog-session-list-button:checked {
color: #282828;
background-color: #e5e5e5; }
.login-dialog-button.cancel-button:checked:hover, .login-dialog-button.switch-user-button:checked:hover, .login-dialog-button.login-dialog-session-list-button:checked:hover {
background-color: #e6e6e6; }
.login-dialog-button.cancel-button:checked:active, .login-dialog-button.switch-user-button:checked:active, .login-dialog-button.login-dialog-session-list-button:checked:active {
background-color: #e7e7e7; }
/* Lockscreen Elements */
.unlock-dialog .button,
.unlock-dialog .icon-button,
.unlock-dialog .calendar .calendar-month-header .pager-button,
.calendar .calendar-month-header .unlock-dialog .pager-button,
.unlock-dialog .message .message-header .message-expand-button,
.message .message-header .unlock-dialog .message-expand-button,
.unlock-dialog .message .message-header .message-close-button,
.message .message-header .unlock-dialog .message-close-button,
.unlock-dialog .screenshot-ui-show-pointer-button,
.unlock-dialog .login-dialog-button.cancel-button,
.unlock-dialog .login-dialog-button.switch-user-button,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button {
color: #282828;
background-color: st-mix(-st-accent-color, rgba(241, 241, 241, 0.4), 3%); }
.unlock-dialog .button:focus,
.unlock-dialog .icon-button:focus,
.unlock-dialog .calendar .calendar-month-header .pager-button:focus,
.calendar .calendar-month-header .unlock-dialog .pager-button:focus,
.unlock-dialog .message .message-header .message-expand-button:focus,
.message .message-header .unlock-dialog .message-expand-button:focus,
.unlock-dialog .message .message-header .message-close-button:focus,
.message .message-header .unlock-dialog .message-close-button:focus,
.unlock-dialog .screenshot-ui-show-pointer-button:focus,
.unlock-dialog .login-dialog-button.cancel-button:focus,
.unlock-dialog .login-dialog-button.switch-user-button:focus,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:focus {
color: whitesmoke;
box-shadow: inset 0 0 0 2px st-transparentize(-st-accent-color, 0.5) !important;
background-color: rgba(137, 179, 231, 0.145); }
.unlock-dialog .button:focus:hover,
.unlock-dialog .icon-button:focus:hover,
.unlock-dialog .calendar .calendar-month-header .pager-button:focus:hover,
.calendar .calendar-month-header .unlock-dialog .pager-button:focus:hover,
.unlock-dialog .message .message-header .message-expand-button:focus:hover,
.message .message-header .unlock-dialog .message-expand-button:focus:hover,
.unlock-dialog .message .message-header .message-close-button:focus:hover,
.message .message-header .unlock-dialog .message-close-button:focus:hover,
.unlock-dialog .screenshot-ui-show-pointer-button:focus:hover,
.unlock-dialog .login-dialog-button.cancel-button:focus:hover,
.unlock-dialog .login-dialog-button.switch-user-button:focus:hover,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:focus:hover {
background-color: rgba(152, 188, 233, 0.1735); }
.unlock-dialog .button:hover,
.unlock-dialog .icon-button:hover,
.unlock-dialog .calendar .calendar-month-header .pager-button:hover,
.calendar .calendar-month-header .unlock-dialog .pager-button:hover,
.unlock-dialog .message .message-header .message-expand-button:hover,
.message .message-header .unlock-dialog .message-expand-button:hover,
.unlock-dialog .message .message-header .message-close-button:hover,
.message .message-header .unlock-dialog .message-close-button:hover,
.unlock-dialog .screenshot-ui-show-pointer-button:hover,
.unlock-dialog .login-dialog-button.cancel-button:hover,
.unlock-dialog .login-dialog-button.switch-user-button:hover,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:hover {
color: #282828;
background-color: st-mix(-st-accent-color, rgba(241, 241, 241, 0.13), 3%); }
.unlock-dialog .button:active,
.unlock-dialog .icon-button:active,
.unlock-dialog .calendar .calendar-month-header .pager-button:active,
.calendar .calendar-month-header .unlock-dialog .pager-button:active,
.unlock-dialog .message .message-header .message-expand-button:active,
.message .message-header .unlock-dialog .message-expand-button:active,
.unlock-dialog .message .message-header .message-close-button:active,
.message .message-header .unlock-dialog .message-close-button:active,
.unlock-dialog .screenshot-ui-show-pointer-button:active,
.unlock-dialog .login-dialog-button.cancel-button:active,
.unlock-dialog .login-dialog-button.switch-user-button:active,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:active {
color: #282828;
background-color: st-mix(-st-accent-color, rgba(241, 241, 241, 0.4), 3%); }
.unlock-dialog .button:active:hover,
.unlock-dialog .icon-button:active:hover,
.unlock-dialog .calendar .calendar-month-header .pager-button:active:hover,
.calendar .calendar-month-header .unlock-dialog .pager-button:active:hover,
.unlock-dialog .message .message-header .message-expand-button:active:hover,
.message .message-header .unlock-dialog .message-expand-button:active:hover,
.unlock-dialog .message .message-header .message-close-button:active:hover,
.message .message-header .unlock-dialog .message-close-button:active:hover,
.unlock-dialog .screenshot-ui-show-pointer-button:active:hover,
.unlock-dialog .login-dialog-button.cancel-button:active:hover,
.unlock-dialog .login-dialog-button.switch-user-button:active:hover,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:active:hover {
background-color: st-mix(-st-accent-color, rgba(241, 241, 241, 0.19), 3%); }
.unlock-dialog .button:active:focus,
.unlock-dialog .icon-button:active:focus,
.unlock-dialog .calendar .calendar-month-header .pager-button:active:focus,
.calendar .calendar-month-header .unlock-dialog .pager-button:active:focus,
.unlock-dialog .message .message-header .message-expand-button:active:focus,
.message .message-header .unlock-dialog .message-expand-button:active:focus,
.unlock-dialog .message .message-header .message-close-button:active:focus,
.message .message-header .unlock-dialog .message-close-button:active:focus,
.unlock-dialog .screenshot-ui-show-pointer-button:active:focus,
.unlock-dialog .login-dialog-button.cancel-button:active:focus,
.unlock-dialog .login-dialog-button.switch-user-button:active:focus,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:active:focus {
background-color: rgba(163, 195, 234, 0.202); }
.unlock-dialog .button:checked,
.unlock-dialog .icon-button:checked,
.unlock-dialog .calendar .calendar-month-header .pager-button:checked,
.calendar .calendar-month-header .unlock-dialog .pager-button:checked,
.unlock-dialog .message .message-header .message-expand-button:checked,
.message .message-header .unlock-dialog .message-expand-button:checked,
.unlock-dialog .message .message-header .message-close-button:checked,
.message .message-header .unlock-dialog .message-close-button:checked,
.unlock-dialog .screenshot-ui-show-pointer-button:checked,
.unlock-dialog .login-dialog-button.cancel-button:checked,
.unlock-dialog .login-dialog-button.switch-user-button:checked,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:checked {
color: #282828;
background-color: st-mix(-st-accent-color, rgba(241, 241, 241, 0.4), 3%); }
.unlock-dialog .button:checked:hover,
.unlock-dialog .icon-button:checked:hover,
.unlock-dialog .calendar .calendar-month-header .pager-button:checked:hover,
.calendar .calendar-month-header .unlock-dialog .pager-button:checked:hover,
.unlock-dialog .message .message-header .message-expand-button:checked:hover,
.message .message-header .unlock-dialog .message-expand-button:checked:hover,
.unlock-dialog .message .message-header .message-close-button:checked:hover,
.message .message-header .unlock-dialog .message-close-button:checked:hover,
.unlock-dialog .screenshot-ui-show-pointer-button:checked:hover,
.unlock-dialog .login-dialog-button.cancel-button:checked:hover,
.unlock-dialog .login-dialog-button.switch-user-button:checked:hover,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:checked:hover {
background-color: st-mix(-st-accent-color, rgba(241, 241, 241, 0.4), 3%); }
.unlock-dialog .button:checked:active,
.unlock-dialog .icon-button:checked:active,
.unlock-dialog .calendar .calendar-month-header .pager-button:checked:active,
.calendar .calendar-month-header .unlock-dialog .pager-button:checked:active,
.unlock-dialog .message .message-header .message-expand-button:checked:active,
.message .message-header .unlock-dialog .message-expand-button:checked:active,
.unlock-dialog .message .message-header .message-close-button:checked:active,
.message .message-header .unlock-dialog .message-close-button:checked:active,
.unlock-dialog .screenshot-ui-show-pointer-button:checked:active,
.unlock-dialog .login-dialog-button.cancel-button:checked:active,
.unlock-dialog .login-dialog-button.switch-user-button:checked:active,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:checked:active {
background-color: st-mix(-st-accent-color, rgba(241, 241, 241, 0.4), 3%); }
.unlock-dialog .button:insensitive,
.unlock-dialog .icon-button:insensitive,
.unlock-dialog .calendar .calendar-month-header .pager-button:insensitive,
.calendar .calendar-month-header .unlock-dialog .pager-button:insensitive,
.unlock-dialog .message .message-header .message-expand-button:insensitive,
.message .message-header .unlock-dialog .message-expand-button:insensitive,
.unlock-dialog .message .message-header .message-close-button:insensitive,
.message .message-header .unlock-dialog .message-close-button:insensitive,
.unlock-dialog .screenshot-ui-show-pointer-button:insensitive,
.unlock-dialog .login-dialog-button.cancel-button:insensitive,
.unlock-dialog .login-dialog-button.switch-user-button:insensitive,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button:insensitive {
color: rgba(40, 40, 40, 0.4);
background-color: st-mix(-st-accent-color, rgba(241, 241, 241, 0.4), 3%); }
.unlock-dialog .login-dialog-prompt-entry {
background-color: rgba(40, 40, 40, 0.1);
color: rgba(40, 40, 40, 0.7); }
.unlock-dialog .login-dialog-prompt-entry:hover {
background-color: rgba(40, 40, 40, 0.1);
color: #282828; }
.unlock-dialog .login-dialog-prompt-entry:focus {
box-shadow: inset 0 0 0 2px st-transparentize(-st-accent-color, 0.5) !important;
background-color: rgba(137, 179, 231, 0.145);
color: #282828;
box-shadow: inset 0 0 0 2px rgba(40, 40, 40, 0.4) !important;
background-color: rgba(40, 40, 40, 0.115); }
.unlock-dialog .login-dialog-prompt-entry:insensitive {
background-color: rgba(37, 37, 37, 0.1);
color: rgba(40, 40, 40, 0.5); }
.unlock-dialog .login-dialog-prompt-entry StLabel.hint-text {
color: rgba(40, 40, 40, 0.7); }
/* WIDGETS */
.shell-link {
color: -st-accent-color; }
.shell-link:hover {
color: #418ce6; }
.lowres-icon {
icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); }
.icon-dropshadow {
icon-shadow: 0 2px 4px rgba(0, 0, 0, 0.4); }
/* Entries */
StEntry StIcon.capslock-warning {
icon-size: 1.091em;
warning-color: #f5c211;
padding: 0 4px; }
StEntry StIcon.peek-password {
icon-size: 1.091em;
padding: 0 4px; }
StEntry StLabel.hint-text {
margin-left: 2px; }
/* Buttons */
.button {
min-height: 1.5em; }
.icon-button, .login-dialog-button.cancel-button, .login-dialog-button.switch-user-button, .login-dialog-button.login-dialog-session-list-button, .screenshot-ui-show-pointer-button, .message .message-header .message-expand-button,
.message .message-header .message-close-button, .calendar .calendar-month-header .pager-button {
border-radius: 999px;
padding: 0.818em;
min-height: 1.091em; }
.icon-button StIcon, .login-dialog-button.cancel-button StIcon, .login-dialog-button.switch-user-button StIcon, .login-dialog-button.login-dialog-session-list-button StIcon, .screenshot-ui-show-pointer-button StIcon, .message .message-header .message-expand-button StIcon,
.message .message-header .message-close-button StIcon, .calendar .calendar-month-header .pager-button StIcon {
icon-size: 1.091em;
-st-icon-style: symbolic; }
/* Check Boxes */
.check-box StBoxLayout {
spacing: .8em; }
.check-box StBin {
border-radius: 7px;
padding: 2px; }
.check-box:focus StBin {
background-color: rgba(0, 0, 0, 0.01);
box-shadow: inset 0 0 0 2px st-transparentize(-st-accent-color, 0.65); }
.check-box StIcon {
icon-size: 14px;
padding: 1px;
color: transparent;
border-radius: 6px;
border: 2px solid rgba(0, 0, 0, 0.15); }
.check-box:hover StIcon {
border-color: rgba(0, 0, 0, 0.2); }
.check-box:active StIcon {
border-color: rgba(0, 0, 0, 0.3); }
.check-box:checked StIcon {
background-color: -st-accent-color;
color: -st-accent-fg-color;
border-color: transparent; }
.check-box:checked:hover StIcon {
background-color: st-lighten(-st-accent-color, 5%);
color: st-lighten(-st-accent-fg-color, 5%); }
.check-box:checked:active StIcon {
background-color: st-darken(-st-accent-color, 7%);
color: st-darken(-st-accent-fg-color, 7%); }
/* Switches */
.toggle-switch {
width: 46px;
border-radius: 999px;
transition-duration: 100ms;
color: #282828;
background: rgba(0, 0, 0, 0.15); }
.toggle-switch:hover {
background: rgba(0, 0, 0, 0.2); }
.toggle-switch StIcon {
icon-size: 16px; }
.toggle-switch .handle {
margin: 3px;
width: 20px;
height: 20px;
border-radius: 999px;
background: white;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
transition-duration: 100ms; }
.toggle-switch:checked {
background: -st-accent-color;
color: -st-accent-fg-color; }
.toggle-switch:checked:hover {
background-color: st-lighten(-st-accent-color, 5%);
color: st-lighten(-st-accent-fg-color, 5%); }
.toggle-switch:checked .handle {
background: white; }
/* Slider */
.slider {
color: st-mix(-st-accent-color, rgba(40, 40, 40, 0.5), 1%);
-barlevel-height: 20px;
-barlevel-background-color: st-mix(-st-accent-color, rgba(40, 40, 40, 0.1), 1%);
-barlevel-active-background-color: -st-accent-color;
-barlevel-overdrive-color: #e01b24;
-barlevel-overdrive-separator-width: 1px;
-slider-handle-radius: 0.5555em; }
.slider:hover {
color: st-mix(-st-accent-color, rgba(40, 40, 40, 0.9), 5%); }
/* Scrollbars */
StScrollView.vfade {
-st-vfade-offset: 68px; }
StScrollView.hfade {
-st-hfade-offset: 68px; }
StScrollBar {
padding: 0; }
StScrollView StScrollBar {
min-width: 8px;
min-height: 8px; }
StScrollBar StBin#trough {
border-radius: 0;
background-color: transparent; }
StScrollBar StButton#vhandle, StScrollBar StButton#hhandle {
border-radius: 8px;
background-color: #b8b8b8;
border: 3px solid transparent;
transition: 500ms all ease; }
StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover {
background-color: #8f8f8f; }
StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
background-color: #a3a3a3; }
/* Popovers/Menus */
.popup-menu-boxpointer, .candidate-popup-boxpointer {
-arrow-rise: 6px; }
.popup-menu {
min-width: 15em;
color: #282828; }
.popup-menu.panel-menu {
margin-bottom: 1.75em; }
.popup-menu-content, .candidate-popup-content {
padding: 6px;
background-color: st-mix(-st-accent-color, rgba(241, 241, 241, 0.8), 3%);
border-radius: 12px;
border: 1px solid #e3e3e3;
box-shadow: 0 2px 4px 0 rgba(255, 255, 255, 0.2); }
.popup-menu-item {
background-color: transparent;
border-color: transparent;
box-shadow: none;
border-radius: 10px; }
.popup-menu-item:insensitive {
background-color: transparent !important; }
.popup-menu-item:focus, .popup-menu-item:hover {
color: #f1f1f1;
background-color: -st-accent-color; }
.popup-menu-item:active {
color: #f1f1f1;
background-color: -st-accent-color; }
.popup-menu-item:active:hover {
background-color: st-darken(-st-accent-color, 10%); }
.popup-menu-item:active:focus {
background-color: st-darken(-st-accent-color, 15%); }
.popup-menu-item:checked {
color: #f1f1f1;
background-color: -st-accent-color; }
.popup-menu-item:checked:hover {
background-color: st-darken(-st-accent-color, 10%); }
.popup-menu-item:checked:active {
background-color: st-darken(-st-accent-color, 15%); }
.popup-menu-item:insensitive {
color: rgba(40, 40, 40, 0.4);
background-color: #d9d9d9; }
.popup-menu-item:checked {
border-radius: 10px 10px 0 0 !important; }
.popup-menu-item .toggle-switch:ltr {
margin-left: 4px; }
.popup-menu-item .toggle-switch:rtl {
margin-right: 4px; }
.popup-ornamented-menu-item:ltr {
padding-left: 6px; }
.popup-ornamented-menu-item:rtl {
padding-right: 6px; }
.popup-inactive-menu-item {
color: #282828; }
.popup-inactive-menu-item:insensitive {
color: #7a7a7a; }
.popup-menu-arrow,
.popup-menu-icon {
icon-size: 1.091em; }
.popup-sub-menu {
border-radius: 0 0 11px 11px;
margin-bottom: 6px;
border: 1px solid transparent;
background-color: #cacaca; }
.popup-sub-menu .popup-menu-item {
border-radius: 0;
border-top-width: 0;
background-color: transparent;
border-color: transparent;
box-shadow: none; }
.popup-sub-menu .popup-menu-item:insensitive {
background-color: transparent !important; }
.popup-sub-menu .popup-menu-item:focus, .popup-sub-menu .popup-menu-item:hover {
color: #282828;
background-color: #acacac; }
.popup-sub-menu .popup-menu-item:active {
color: #282828;
background-color: #9f9f9f; }
.popup-sub-menu .popup-menu-item:active:hover {
background-color: #959595; }
.popup-sub-menu .popup-menu-item:active:focus {
background-color: #989da2; }
.popup-sub-menu .popup-menu-item:checked {
color: #282828;
background-color: #a2a2a2; }
.popup-sub-menu .popup-menu-item:checked:hover {
background-color: #979797; }
.popup-sub-menu .popup-menu-item:checked:active {
background-color: #8b8b8b; }
.popup-sub-menu .popup-menu-item:insensitive {
color: rgba(40, 40, 40, 0.4);
background-color: #bebebe; }
.popup-sub-menu .popup-menu-item:last-child {
border-radius: 0 0 10px 10px;
border-bottom-width: 0; }
.popup-sub-menu .popup-menu-section .popup-menu-item:last-child:hover, .popup-sub-menu .popup-menu-section .popup-menu-item:last-child:focus {
border-radius: 0; }
.popup-sub-menu .popup-menu-section:last-child .popup-menu-item:last-child {
border-radius: 0 0 10px 10px; }
.popup-menu-ornament {
icon-size: 1.091em !important;
width: 1.091em; }
.popup-separator-menu-item {
border: none !important; }
.popup-separator-menu-item .popup-separator-menu-item-separator {
height: 1px;
background-color: rgba(40, 40, 40, 0.15); }
.popup-sub-menu .popup-separator-menu-item {
background-color: transparent; }
.popup-sub-menu .popup-separator-menu-item:ltr {
margin-right: 2.5em; }
.popup-sub-menu .popup-separator-menu-item:rtl {
margin-left: 2.5em; }
.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator {
background-color: rgba(40, 40, 40, 0.15); }
.background-menu {
-boxpointer-gap: 0px;
-arrow-rise: 0px; }
.app-menu {
max-width: 27.25em; }