1
+ : root {
2
+ --color-bg : # EBEBEB ;
3
+ --color-modal-bg : white;
4
+ --color-text : black;
5
+ --color-border : darkgrey;
6
+ --color-table-border : # DDDDDD ;
7
+ --color-white : white;
8
+ --color-light-bg : # FAFAFA ;
9
+ --color-light-border : # CCC ;
10
+ --color-border-2 : # d4d4d4 ;
11
+ --color-border-3 : # eee ;
12
+ --color-bg-2 : white;
13
+ --color-bg-3 : # f5f5f5 ;
14
+ --color-light-text : # 000 ;
15
+ --color-light-text-2 : # 333 ;
16
+ --color-hover-bg : # 555 ;
17
+ --color-hover-bg-light : # e9e9e9 ;
18
+ --color-hover-bg-dark : # 111 ;
19
+ --color-hover-text : white;
20
+ --color-active-bg : # 4CAF50 ;
21
+ --color-link : blue;
22
+ --color-success : # 3a3 ;
23
+ --color-success-hover : # 494 ;
24
+ --color-progress-bar : # B4F5B4 ;
25
+ --color-row-hover : # E0E0E0 ;
26
+ --color-header-bg : # EFF3F8 ;
27
+ --color-menu-bg : # 333 ;
28
+ --color-tooltip-bg : # ffffe6 ;
29
+ --color-error-bg : # f2dede ;
30
+ --color-error-text : # a94442 ;
31
+ --color-warning-bg : # fcf8e3 ;
32
+ --color-warning-text : # c09853 ;
33
+ --color-info-bg : # d9edf7 ;
34
+ --color-info-text : # 3a87ad ;
35
+ --color-button-accept : # d6f5d6 ;
36
+ --color-button-decline : # ffe6e6 ;
37
+ --color-button-other : # f5eaea ;
38
+ --color-button-default : # d3f2bf ;
39
+ --color-button-accept-hover : # b8e6b8 ;
40
+ --color-button-decline-hover : # ffcccc ;
41
+ --color-button-other-hover : # e8d5d5 ;
42
+ --color-button-default-hover : # b8e0a0 ;
43
+ --color-description-bg : # F5F5F5 ;
44
+ --color-description-text : # aaa ;
45
+ --color-calendar-bg : # ddd ;
46
+ --color-calendar-hover : # ccc ;
47
+ --color-weekend : red;
48
+ --color-disabled : gray;
49
+ --color-input-bg : white;
50
+ --color-error-border : # ebccd1 ;
51
+ }
52
+
53
+ : root [data-theme-color = "dark" ] {
54
+ --color-bg : # 1a1a1a ;
55
+ --color-modal-bg : # 2a2a2a ;
56
+ --color-text : # e0e0e0 ;
57
+ --color-border : # 444 ;
58
+ --color-table-border : # 444 ;
59
+ --color-white : # e0e0e0 ;
60
+ --color-light-bg : # 2a2a2a ;
61
+ --color-light-border : # 444 ;
62
+ --color-border-2 : # 444 ;
63
+ --color-border-3 : # 444 ;
64
+ --color-bg-2 : # 1a1a1a ;
65
+ --color-bg-3 : # 2a2a2a ;
66
+ --color-light-text : # e0e0e0 ;
67
+ --color-light-text-2 : # e0e0e0 ;
68
+ --color-hover-bg : # 555 ;
69
+ --color-hover-bg-light : # 333 ;
70
+ --color-hover-bg-dark : # 555 ;
71
+ --color-hover-text : # e0e0e0 ;
72
+ --color-active-bg : # 4CAF50 ;
73
+ --color-link : # 5d9cec ;
74
+ --color-success : # 3a5a3a ;
75
+ --color-success-hover : # 494 ;
76
+ --color-progress-bar : # 3a6b3a ;
77
+ --color-row-hover : # 333 ;
78
+ --color-header-bg : # 333 ;
79
+ --color-menu-bg : # 333 ;
80
+ --color-tooltip-bg : # 333 ;
81
+ --color-error-bg : # 5a2a2a ;
82
+ --color-error-text : # FF6B6B ;
83
+ --color-warning-bg : # 5a4a2a ;
84
+ --color-warning-text : # FFD700 ;
85
+ --color-info-bg : # 2a3a5a ;
86
+ --color-info-text : # 7FBFFF ;
87
+ /* --color-button-accept: #2E7D32; */
88
+ /* --color-button-decline: #C62828; */
89
+
90
+ --color-button-accept : # 4CAF50 ;
91
+ --color-button-decline : # F44336 ;
92
+ --color-button-accept-hover : # 66BB6A ;
93
+ --color-button-decline-hover : # EF5350 ;
94
+
95
+ /* --color-button-accept: #003500; */
96
+ /* --color-button-decline: #3A0000; */
97
+ /* --color-button-accept-hover: #005000; */
98
+ /* --color-button-decline-hover: #5a0000; */
99
+
100
+ --color-button-other : # 424242 ;
101
+ --color-button-default : # 3a5a3a ;
102
+ --color-button-other-hover : # 5a5a5a ;
103
+ --color-button-default-hover : # 4a7a4a ;
104
+ --color-description-bg : # 2a2a2a ;
105
+ --color-description-text : # 999 ;
106
+ --color-calendar-bg : # 2a2a2a ;
107
+ --color-calendar-hover : # 333 ;
108
+ --color-weekend : # FF6B6B ;
109
+ --color-disabled : # 777 ;
110
+ --color-input-bg : # 333 ;
111
+ --color-error-border : # ebccd1 ;
112
+ }
113
+
1
114
pre {
2
115
margin : 0px 0px ;
3
116
}
@@ -231,7 +344,6 @@ body {
231
344
border : 0px solid # 2a2 ;
232
345
color : var (--color-white );
233
346
font-weight : bold;
234
- text-transform : uppercase;
235
347
font-size : 14px ;
236
348
outline : none;
237
349
cursor : pointer;
@@ -499,6 +611,9 @@ body {
499
611
margin-bottom : 5px ;
500
612
width : 130px ;
501
613
}
614
+ .form-button : hover {
615
+ background-color : var (--color-button-default-hover );
616
+ }
502
617
.button-accept {
503
618
background-color : var (--color-button-accept );
504
619
color : var (--color-text );
@@ -508,6 +623,9 @@ body {
508
623
margin-bottom : 5px ;
509
624
width : 130px ;
510
625
}
626
+ .button-accept : hover {
627
+ background-color : var (--color-button-accept-hover );
628
+ }
511
629
.button-decline {
512
630
background-color : var (--color-button-decline );
513
631
color : var (--color-text );
@@ -517,6 +635,9 @@ body {
517
635
margin-bottom : 5px ;
518
636
width : 130px ;
519
637
}
638
+ .button-decline : hover {
639
+ background-color : var (--color-button-decline-hover );
640
+ }
520
641
.button-other {
521
642
background-color : var (--color-button-other );
522
643
color : var (--color-text );
@@ -526,6 +647,9 @@ body {
526
647
margin-bottom : 5px ;
527
648
width : 130px ;
528
649
}
650
+ .button-other : hover {
651
+ background-color : var (--color-button-other-hover );
652
+ }
529
653
.form-error {
530
654
padding : 5px ;
531
655
margin-bottom : 5px ;
0 commit comments