j3s.sh
capsul.org webapp
light mode adjust
+33
-8
+25
-4
capsulflask/static/captcha.css
+25
-4
capsulflask/static/captcha.css
···
61
61
62
62
}
63
63
64
+
@media (prefers-color-scheme: light) {
65
+
66
+
.sqr-captcha-progress-bar-container {
67
+
background: #d2d2d2;
68
+
}
69
+
.sqr-captcha-progress-bar {
70
+
background: #069e5f;
71
+
}
72
+
.sqr-checkmark-icon-checkmark {
73
+
fill:none;
74
+
stroke: #069e5f;
75
+
}
76
+
.sqr-gears-icon-gear-large {
77
+
stroke: #f72;
78
+
}
79
+
.sqr-gears-icon-gear-small {
80
+
stroke: #f72;
81
+
}
82
+
}
83
+
64
84
.sqr-captcha-progress-bar {
65
-
background: #f72;
85
+
background: #ddff3e;
66
86
height: 0.3em;
67
87
width: 0;
68
88
border-radius: 0;
···
77
97
display: none;
78
98
}
79
99
100
+
80
101
.sqr-checkmark-icon-checkmark {
81
102
fill:none;
82
-
stroke: #f72;
103
+
stroke: #069e5f;
83
104
stroke-width: 3em;
84
105
stroke-dasharray: 60em;
85
106
stroke-dashoffset: 74em;
···
102
123
}
103
124
104
125
.sqr-gears-icon-gear-large {
105
-
stroke: #8a5e2e;
126
+
stroke: #f72;
106
127
fill: none;
107
128
stroke-width: 5px;
108
129
animation: 16s linear infinite sqr-spinning-gears-large;
109
130
animation-play-state: running;
110
131
}
111
132
.sqr-gears-icon-gear-small {
112
-
stroke: #8a5e2e;
133
+
stroke: #f72;
113
134
fill: none;
114
135
stroke-width: 5px;
115
136
animation: 16s linear infinite sqr-spinning-gears-small;
+8
-4
capsulflask/static/style.css
+8
-4
capsulflask/static/style.css
···
43
43
.flash {
44
44
border-radius: 0 !important;
45
45
border: none !important;
46
-
background: #fff784 !important;
46
+
background: #bcff6a69 !important;
47
47
color: black !important;
48
48
}
49
49
50
50
.orange {
51
-
color: #f72 !important;;
51
+
color: black !important;
52
52
}
53
53
.flash.orange {
54
-
color: #f72 !important;;
54
+
color: black !important;
55
55
}
56
56
57
57
a {
···
71
71
72
72
input, select, textarea {
73
73
color: #000 !important;
74
+
background-color: #eee !important;
75
+
}
76
+
77
+
input[type=submit] {
74
78
background-color: #bcff6a69 !important;
75
79
}
76
80
···
82
86
}
83
87
84
88
.code {
85
-
background: #fff784 !important;
89
+
background: #bcff6a69 !important;
86
90
}
87
91
.dim {
88
92
color: #30422b !important;