forked from
devins.page/devins.page
my website, hosted on wisp.place
chore: prettier
+94
-92
+93
-91
public/devingiscus.css
+93
-91
public/devingiscus.css
···
1
1
/* modified from fro theme */
2
2
3
-
:host, html {
4
-
--font-family-default: Seravek, "Gill Sans Nova", Ubuntu, Calibri, "DejaVu Sans", source-sans-pro,
3
+
:host,
4
+
html {
5
+
--font-family-default:
6
+
Seravek, "Gill Sans Nova", Ubuntu, Calibri, "DejaVu Sans", source-sans-pro,
5
7
sans-serif;
6
8
}
7
9
8
10
main {
9
-
--color-prettylights-syntax-comment: #66707b;
10
-
--color-prettylights-syntax-constant: #023b95;
11
-
--color-prettylights-syntax-entity: #622cbc;
12
-
--color-prettylights-syntax-storage-modifier-import: #0e1116;
13
-
--color-prettylights-syntax-entity-tag: #024c1a;
14
-
--color-prettylights-syntax-keyword: #a0111f;
15
-
--color-prettylights-syntax-string: #032563;
16
-
--color-prettylights-syntax-variable: #702c00;
17
-
--color-prettylights-syntax-brackethighlighter-unmatched: #6e011a;
18
-
--color-prettylights-syntax-invalid-illegal-text: #fff;
19
-
--color-prettylights-syntax-invalid-illegal-bg: #6e011a;
20
-
--color-prettylights-syntax-carriage-return-text: #fff;
21
-
--color-prettylights-syntax-carriage-return-bg: #a0111f;
22
-
--color-prettylights-syntax-string-regexp: #024c1a;
23
-
--color-prettylights-syntax-markup-list: #2e1800;
24
-
--color-prettylights-syntax-markup-heading: #023b95;
25
-
--color-prettylights-syntax-markup-italic: #0e1116;
26
-
--color-prettylights-syntax-markup-bold: #0e1116;
27
-
--color-prettylights-syntax-markup-deleted-text: #6e011a;
28
-
--color-prettylights-syntax-markup-deleted-bg: #fff0ee;
29
-
--color-prettylights-syntax-markup-inserted-text: #024c1a;
30
-
--color-prettylights-syntax-markup-inserted-bg: #d2fedb;
31
-
--color-prettylights-syntax-markup-changed-text: #702c00;
32
-
--color-prettylights-syntax-markup-changed-bg: #ffc67b;
33
-
--color-prettylights-syntax-markup-ignored-text: #e7ecf0;
34
-
--color-prettylights-syntax-markup-ignored-bg: #023b95;
35
-
--color-prettylights-syntax-meta-diff-range: #622cbc;
36
-
--color-prettylights-syntax-brackethighlighter-angle: #4b535d;
37
-
--color-prettylights-syntax-sublimelinter-gutter-mark: #88929d;
38
-
--color-prettylights-syntax-constant-other-reference-link: #032563;
39
-
--text-muted-color: #685151;
40
-
--text-normal-color: #56393a;
41
-
--color-text-primary: var(--text-normal-color);
42
-
--color-fg-default: var(--text-normal-color);
43
-
--color-border-default: var(--text-normal-color);
44
-
--color-border-primary: var(--text-normal-color);
45
-
--color-segmented-control-bg: transparent;
11
+
--color-prettylights-syntax-comment: #66707b;
12
+
--color-prettylights-syntax-constant: #023b95;
13
+
--color-prettylights-syntax-entity: #622cbc;
14
+
--color-prettylights-syntax-storage-modifier-import: #0e1116;
15
+
--color-prettylights-syntax-entity-tag: #024c1a;
16
+
--color-prettylights-syntax-keyword: #a0111f;
17
+
--color-prettylights-syntax-string: #032563;
18
+
--color-prettylights-syntax-variable: #702c00;
19
+
--color-prettylights-syntax-brackethighlighter-unmatched: #6e011a;
20
+
--color-prettylights-syntax-invalid-illegal-text: #fff;
21
+
--color-prettylights-syntax-invalid-illegal-bg: #6e011a;
22
+
--color-prettylights-syntax-carriage-return-text: #fff;
23
+
--color-prettylights-syntax-carriage-return-bg: #a0111f;
24
+
--color-prettylights-syntax-string-regexp: #024c1a;
25
+
--color-prettylights-syntax-markup-list: #2e1800;
26
+
--color-prettylights-syntax-markup-heading: #023b95;
27
+
--color-prettylights-syntax-markup-italic: #0e1116;
28
+
--color-prettylights-syntax-markup-bold: #0e1116;
29
+
--color-prettylights-syntax-markup-deleted-text: #6e011a;
30
+
--color-prettylights-syntax-markup-deleted-bg: #fff0ee;
31
+
--color-prettylights-syntax-markup-inserted-text: #024c1a;
32
+
--color-prettylights-syntax-markup-inserted-bg: #d2fedb;
33
+
--color-prettylights-syntax-markup-changed-text: #702c00;
34
+
--color-prettylights-syntax-markup-changed-bg: #ffc67b;
35
+
--color-prettylights-syntax-markup-ignored-text: #e7ecf0;
36
+
--color-prettylights-syntax-markup-ignored-bg: #023b95;
37
+
--color-prettylights-syntax-meta-diff-range: #622cbc;
38
+
--color-prettylights-syntax-brackethighlighter-angle: #4b535d;
39
+
--color-prettylights-syntax-sublimelinter-gutter-mark: #88929d;
40
+
--color-prettylights-syntax-constant-other-reference-link: #032563;
41
+
--text-muted-color: #685151;
42
+
--text-normal-color: #56393a;
43
+
--color-text-primary: var(--text-normal-color);
44
+
--color-fg-default: var(--text-normal-color);
45
+
--color-border-default: var(--text-normal-color);
46
+
--color-border-primary: var(--text-normal-color);
47
+
--color-segmented-control-bg: transparent;
46
48
}
47
49
48
50
@media (prefers-color-scheme: dark) {
49
-
main {
50
-
--color-prettylights-syntax-comment: #bdc4cc;
51
-
--color-prettylights-syntax-constant: #91cbff;
52
-
--color-prettylights-syntax-entity: #dbb7ff;
53
-
--color-prettylights-syntax-storage-modifier-import: #f0f3f6;
54
-
--color-prettylights-syntax-entity-tag: #72f088;
55
-
--color-prettylights-syntax-keyword: #ff9492;
56
-
--color-prettylights-syntax-string: #addcff;
57
-
--color-prettylights-syntax-variable: #ffb757;
58
-
--color-prettylights-syntax-brackethighlighter-unmatched: #ff6a69;
59
-
--color-prettylights-syntax-invalid-illegal-text: #fff;
60
-
--color-prettylights-syntax-invalid-illegal-bg: #e82a2f;
61
-
--color-prettylights-syntax-carriage-return-text: #fff;
62
-
--color-prettylights-syntax-carriage-return-bg: #ff4445;
63
-
--color-prettylights-syntax-string-regexp: #72f088;
64
-
--color-prettylights-syntax-markup-list: #fbd669;
65
-
--color-prettylights-syntax-markup-heading: #409eff;
66
-
--color-prettylights-syntax-markup-italic: #f0f3f6;
67
-
--color-prettylights-syntax-markup-bold: #f0f3f6;
68
-
--color-prettylights-syntax-markup-deleted-text: #ffdedb;
69
-
--color-prettylights-syntax-markup-deleted-bg: #cc1421;
70
-
--color-prettylights-syntax-markup-inserted-text: #acf7b6;
71
-
--color-prettylights-syntax-markup-inserted-bg: #007728;
72
-
--color-prettylights-syntax-markup-changed-text: #ffe1b4;
73
-
--color-prettylights-syntax-markup-changed-bg: #a74c00;
74
-
--color-prettylights-syntax-markup-ignored-text: #f0f3f6;
75
-
--color-prettylights-syntax-markup-ignored-bg: #318bf8;
76
-
--color-prettylights-syntax-meta-diff-range: #dbb7ff;
77
-
--color-prettylights-syntax-brackethighlighter-angle: #bdc4cc;
78
-
--color-prettylights-syntax-sublimelinter-gutter-mark: #7a828e;
79
-
--color-prettylights-syntax-constant-other-reference-link: #addcff;
80
-
--text-muted-color: #e4d6cd;
81
-
--text-normal-color: #f9eae1;
82
-
--color-segmented-control-bg: transparent;
83
-
}
51
+
main {
52
+
--color-prettylights-syntax-comment: #bdc4cc;
53
+
--color-prettylights-syntax-constant: #91cbff;
54
+
--color-prettylights-syntax-entity: #dbb7ff;
55
+
--color-prettylights-syntax-storage-modifier-import: #f0f3f6;
56
+
--color-prettylights-syntax-entity-tag: #72f088;
57
+
--color-prettylights-syntax-keyword: #ff9492;
58
+
--color-prettylights-syntax-string: #addcff;
59
+
--color-prettylights-syntax-variable: #ffb757;
60
+
--color-prettylights-syntax-brackethighlighter-unmatched: #ff6a69;
61
+
--color-prettylights-syntax-invalid-illegal-text: #fff;
62
+
--color-prettylights-syntax-invalid-illegal-bg: #e82a2f;
63
+
--color-prettylights-syntax-carriage-return-text: #fff;
64
+
--color-prettylights-syntax-carriage-return-bg: #ff4445;
65
+
--color-prettylights-syntax-string-regexp: #72f088;
66
+
--color-prettylights-syntax-markup-list: #fbd669;
67
+
--color-prettylights-syntax-markup-heading: #409eff;
68
+
--color-prettylights-syntax-markup-italic: #f0f3f6;
69
+
--color-prettylights-syntax-markup-bold: #f0f3f6;
70
+
--color-prettylights-syntax-markup-deleted-text: #ffdedb;
71
+
--color-prettylights-syntax-markup-deleted-bg: #cc1421;
72
+
--color-prettylights-syntax-markup-inserted-text: #acf7b6;
73
+
--color-prettylights-syntax-markup-inserted-bg: #007728;
74
+
--color-prettylights-syntax-markup-changed-text: #ffe1b4;
75
+
--color-prettylights-syntax-markup-changed-bg: #a74c00;
76
+
--color-prettylights-syntax-markup-ignored-text: #f0f3f6;
77
+
--color-prettylights-syntax-markup-ignored-bg: #318bf8;
78
+
--color-prettylights-syntax-meta-diff-range: #dbb7ff;
79
+
--color-prettylights-syntax-brackethighlighter-angle: #bdc4cc;
80
+
--color-prettylights-syntax-sublimelinter-gutter-mark: #7a828e;
81
+
--color-prettylights-syntax-constant-other-reference-link: #addcff;
82
+
--text-muted-color: #e4d6cd;
83
+
--text-normal-color: #f9eae1;
84
+
--color-segmented-control-bg: transparent;
85
+
}
84
86
}
85
87
86
88
.gsc-comments .gsc-header .gsc-left-header em a {
87
-
color: var(--text-muted-color);
88
-
text-underline-offset: 4px;
89
-
transition: all 0.2s;
89
+
color: var(--text-muted-color);
90
+
text-underline-offset: 4px;
91
+
transition: all 0.2s;
90
92
}
91
93
92
94
.gsc-comments .gsc-header .gsc-left-header em a:hover {
93
-
color: var(--text-normal-color);
95
+
color: var(--text-normal-color);
94
96
}
95
97
96
98
.gsc-right-header {
97
-
border-radius: none;
99
+
border-radius: none;
98
100
}
99
101
100
102
.gsc-right-header li:not(.BtnGroup-item--selected) {
101
-
border-top: none;
102
-
border-left: none;
103
-
border-right: none;
103
+
border-top: none;
104
+
border-left: none;
105
+
border-right: none;
104
106
}
105
107
106
108
.gsc-right-header li:not(.BtnGroup-item--selected) .btn:hover {
107
-
background-color: transparent;
108
-
color: var(--text-normal-color);
109
+
background-color: transparent;
110
+
color: var(--text-normal-color);
109
111
}
110
112
111
113
.gsc-comment-box-tabs {
112
-
display: none;
114
+
display: none;
113
115
}
114
116
115
117
.gsc-comment-box {
116
-
border: none;
117
-
background-color: transparent;
118
+
border: none;
119
+
background-color: transparent;
118
120
}
119
121
120
122
.gsc-comment-box-bottom button:hover {
121
-
color: var(--text-normal-color);
123
+
color: var(--text-normal-color);
122
124
}
123
125
124
126
.gsc-comment-box-buttons .btn-primary {
125
-
color: var(--text-normal-color);
127
+
color: var(--text-normal-color);
126
128
}
127
129
128
130
.gsc-comment-box-buttons .btn-primary:disabled {
129
-
color: var(--text-muted-color);
130
-
}
131
+
color: var(--text-muted-color);
132
+
}
+1
-1
src/styles/global.css
+1
-1
src/styles/global.css