forked from
devins.page/devins.page
my website, hosted on wisp.place
fix: giscus theme
+153
-141
-135
public/gt.css
-135
public/gt.css
···
1
-
/* modified Fro theme */
2
-
3
-
:host, html {
4
-
--font-family-serif: Superclarendon, 'Bookman Old Style', 'URW Bookman', 'URW Bookman L', 'Georgia Pro', Georgia, serif;
5
-
--font-family-default: Seravek, 'Gill Sans Nova', Ubuntu, Calibri, 'DejaVu Sans', source-sans-pro, sans-serif;
6
-
}
7
-
8
-
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: #744253;
40
-
--text-normal-color: #744253;
41
-
--color-segmented-control-bg: transparent;
42
-
}
43
-
44
-
@media (prefers-color-scheme: dark) {
45
-
main {
46
-
--color-prettylights-syntax-comment: #bdc4cc;
47
-
--color-prettylights-syntax-constant: #91cbff;
48
-
--color-prettylights-syntax-entity: #dbb7ff;
49
-
--color-prettylights-syntax-storage-modifier-import: #f0f3f6;
50
-
--color-prettylights-syntax-entity-tag: #72f088;
51
-
--color-prettylights-syntax-keyword: #ff9492;
52
-
--color-prettylights-syntax-string: #addcff;
53
-
--color-prettylights-syntax-variable: #ffb757;
54
-
--color-prettylights-syntax-brackethighlighter-unmatched: #ff6a69;
55
-
--color-prettylights-syntax-invalid-illegal-text: #fff;
56
-
--color-prettylights-syntax-invalid-illegal-bg: #e82a2f;
57
-
--color-prettylights-syntax-carriage-return-text: #fff;
58
-
--color-prettylights-syntax-carriage-return-bg: #ff4445;
59
-
--color-prettylights-syntax-string-regexp: #72f088;
60
-
--color-prettylights-syntax-markup-list: #fbd669;
61
-
--color-prettylights-syntax-markup-heading: #409eff;
62
-
--color-prettylights-syntax-markup-italic: #f0f3f6;
63
-
--color-prettylights-syntax-markup-bold: #f0f3f6;
64
-
--color-prettylights-syntax-markup-deleted-text: #ffdedb;
65
-
--color-prettylights-syntax-markup-deleted-bg: #cc1421;
66
-
--color-prettylights-syntax-markup-inserted-text: #acf7b6;
67
-
--color-prettylights-syntax-markup-inserted-bg: #007728;
68
-
--color-prettylights-syntax-markup-changed-text: #ffe1b4;
69
-
--color-prettylights-syntax-markup-changed-bg: #a74c00;
70
-
--color-prettylights-syntax-markup-ignored-text: #f0f3f6;
71
-
--color-prettylights-syntax-markup-ignored-bg: #318bf8;
72
-
--color-prettylights-syntax-meta-diff-range: #dbb7ff;
73
-
--color-prettylights-syntax-brackethighlighter-angle: #bdc4cc;
74
-
--color-prettylights-syntax-sublimelinter-gutter-mark: #7a828e;
75
-
--color-prettylights-syntax-constant-other-reference-link: #addcff;
76
-
--text-muted-color: #f3d9dc;
77
-
--text-normal-color: #f3d9dc;
78
-
--color-segmented-control-bg: transparent;
79
-
}
80
-
}
81
-
82
-
.gsc-comments .gsc-header .gsc-left-header em a {
83
-
color: var(--text-muted-color);
84
-
text-underline-offset: 4px;
85
-
transition: all 0.2s;
86
-
}
87
-
88
-
.gsc-comments .gsc-header .gsc-left-header em a:hover {
89
-
color: var(--text-normal-color);
90
-
}
91
-
92
-
.gsc-right-header {
93
-
border-radius: none;
94
-
}
95
-
96
-
.gsc-right-header li:not(.BtnGroup-item--selected) {
97
-
border-top: none;
98
-
border-left: none;
99
-
border-right: none;
100
-
}
101
-
102
-
.gsc-right-header li:not(.BtnGroup-item--selected) .btn:hover {
103
-
background-color: transparent;
104
-
color: var(--text-normal-color);
105
-
}
106
-
107
-
.gsc-comment-box-tabs {
108
-
display: none;
109
-
}
110
-
111
-
.gsc-comment-box {
112
-
border: none;
113
-
background-color: transparent;
114
-
}
115
-
116
-
.gsc-comment-box-main .gsc-comment-box-write textarea.gsc-comment-box-textarea {
117
-
border-radius: 0;
118
-
border-bottom-style: solid;
119
-
}
120
-
121
-
.gsc-comment-box-buttons button {
122
-
border-radius: 0;
123
-
}
124
-
125
-
.gsc-comment-box-bottom button:hover {
126
-
color: var(--text-normal-color);
127
-
}
128
-
129
-
.gsc-comment-box-buttons .btn-primary {
130
-
color: var(--text-normal-color);
131
-
}
132
-
133
-
.gsc-comment-box-buttons .btn-primary:disabled {
134
-
color: var(--text-muted-color);
135
-
}
+146
public/gtheme.css
+146
public/gtheme.css
···
1
+
/* modified Fro theme */
2
+
3
+
:host,
4
+
html {
5
+
--font-family-serif:
6
+
Superclarendon, "Bookman Old Style", "URW Bookman", "URW Bookman L",
7
+
"Georgia Pro", Georgia, serif;
8
+
--font-family-default:
9
+
Seravek, "Gill Sans Nova", Ubuntu, Calibri, "DejaVu Sans", source-sans-pro,
10
+
sans-serif;
11
+
}
12
+
13
+
main {
14
+
--color-prettylights-syntax-comment: #66707b;
15
+
--color-prettylights-syntax-constant: #023b95;
16
+
--color-prettylights-syntax-entity: #622cbc;
17
+
--color-prettylights-syntax-storage-modifier-import: #0e1116;
18
+
--color-prettylights-syntax-entity-tag: #024c1a;
19
+
--color-prettylights-syntax-keyword: #a0111f;
20
+
--color-prettylights-syntax-string: #032563;
21
+
--color-prettylights-syntax-variable: #702c00;
22
+
--color-prettylights-syntax-brackethighlighter-unmatched: #6e011a;
23
+
--color-prettylights-syntax-invalid-illegal-text: #fff;
24
+
--color-prettylights-syntax-invalid-illegal-bg: #6e011a;
25
+
--color-prettylights-syntax-carriage-return-text: #fff;
26
+
--color-prettylights-syntax-carriage-return-bg: #a0111f;
27
+
--color-prettylights-syntax-string-regexp: #024c1a;
28
+
--color-prettylights-syntax-markup-list: #2e1800;
29
+
--color-prettylights-syntax-markup-heading: #023b95;
30
+
--color-prettylights-syntax-markup-italic: #0e1116;
31
+
--color-prettylights-syntax-markup-bold: #0e1116;
32
+
--color-prettylights-syntax-markup-deleted-text: #6e011a;
33
+
--color-prettylights-syntax-markup-deleted-bg: #fff0ee;
34
+
--color-prettylights-syntax-markup-inserted-text: #024c1a;
35
+
--color-prettylights-syntax-markup-inserted-bg: #d2fedb;
36
+
--color-prettylights-syntax-markup-changed-text: #702c00;
37
+
--color-prettylights-syntax-markup-changed-bg: #ffc67b;
38
+
--color-prettylights-syntax-markup-ignored-text: #e7ecf0;
39
+
--color-prettylights-syntax-markup-ignored-bg: #023b95;
40
+
--color-prettylights-syntax-meta-diff-range: #622cbc;
41
+
--color-prettylights-syntax-brackethighlighter-angle: #4b535d;
42
+
--color-prettylights-syntax-sublimelinter-gutter-mark: #88929d;
43
+
--color-prettylights-syntax-constant-other-reference-link: #032563;
44
+
--text-muted-color: #744253;
45
+
--text-normal-color: #744253;
46
+
--color-border-primary: #744253;
47
+
--color-text-primary: #744253;
48
+
--color-text-link: #bc6364;
49
+
--color-segmented-control-bg: transparent;
50
+
}
51
+
52
+
@media (prefers-color-scheme: dark) {
53
+
main {
54
+
--color-prettylights-syntax-comment: #bdc4cc;
55
+
--color-prettylights-syntax-constant: #91cbff;
56
+
--color-prettylights-syntax-entity: #dbb7ff;
57
+
--color-prettylights-syntax-storage-modifier-import: #f0f3f6;
58
+
--color-prettylights-syntax-entity-tag: #72f088;
59
+
--color-prettylights-syntax-keyword: #ff9492;
60
+
--color-prettylights-syntax-string: #addcff;
61
+
--color-prettylights-syntax-variable: #ffb757;
62
+
--color-prettylights-syntax-brackethighlighter-unmatched: #ff6a69;
63
+
--color-prettylights-syntax-invalid-illegal-text: #fff;
64
+
--color-prettylights-syntax-invalid-illegal-bg: #e82a2f;
65
+
--color-prettylights-syntax-carriage-return-text: #fff;
66
+
--color-prettylights-syntax-carriage-return-bg: #ff4445;
67
+
--color-prettylights-syntax-string-regexp: #72f088;
68
+
--color-prettylights-syntax-markup-list: #fbd669;
69
+
--color-prettylights-syntax-markup-heading: #409eff;
70
+
--color-prettylights-syntax-markup-italic: #f0f3f6;
71
+
--color-prettylights-syntax-markup-bold: #f0f3f6;
72
+
--color-prettylights-syntax-markup-deleted-text: #ffdedb;
73
+
--color-prettylights-syntax-markup-deleted-bg: #cc1421;
74
+
--color-prettylights-syntax-markup-inserted-text: #acf7b6;
75
+
--color-prettylights-syntax-markup-inserted-bg: #007728;
76
+
--color-prettylights-syntax-markup-changed-text: #ffe1b4;
77
+
--color-prettylights-syntax-markup-changed-bg: #a74c00;
78
+
--color-prettylights-syntax-markup-ignored-text: #f0f3f6;
79
+
--color-prettylights-syntax-markup-ignored-bg: #318bf8;
80
+
--color-prettylights-syntax-meta-diff-range: #dbb7ff;
81
+
--color-prettylights-syntax-brackethighlighter-angle: #bdc4cc;
82
+
--color-prettylights-syntax-sublimelinter-gutter-mark: #7a828e;
83
+
--color-prettylights-syntax-constant-other-reference-link: #addcff;
84
+
--text-muted-color: #f3d9dc;
85
+
--text-normal-color: #f3d9dc;
86
+
--color-border-primary: #f3d9dc;
87
+
--color-text-primary: #f3d9dc;
88
+
--color-text-link: #cf8182;
89
+
--color-segmented-control-bg: transparent;
90
+
}
91
+
}
92
+
93
+
.gsc-comments .gsc-header .gsc-left-header em a {
94
+
color: var(--text-muted-color);
95
+
text-underline-offset: 4px;
96
+
transition: all 0.2s;
97
+
}
98
+
99
+
.gsc-comments .gsc-header .gsc-left-header em a:hover {
100
+
color: var(--text-normal-color);
101
+
}
102
+
103
+
.gsc-right-header {
104
+
border-radius: none;
105
+
}
106
+
107
+
.gsc-right-header li:not(.BtnGroup-item--selected) {
108
+
border-top: none;
109
+
border-left: none;
110
+
border-right: none;
111
+
}
112
+
113
+
.gsc-right-header li:not(.BtnGroup-item--selected) .btn:hover {
114
+
background-color: transparent;
115
+
color: var(--text-normal-color);
116
+
}
117
+
118
+
.gsc-comment-box-tabs {
119
+
display: none;
120
+
}
121
+
122
+
.gsc-comment-box {
123
+
border: none;
124
+
background-color: transparent;
125
+
}
126
+
127
+
.gsc-comment-box-main .gsc-comment-box-write textarea.gsc-comment-box-textarea {
128
+
border-radius: 0;
129
+
border-bottom-style: solid;
130
+
}
131
+
132
+
.gsc-comment-box-buttons button {
133
+
border-radius: 0;
134
+
}
135
+
136
+
.gsc-comment-box-bottom button:hover {
137
+
color: var(--text-normal-color);
138
+
}
139
+
140
+
.gsc-comment-box-buttons .btn-primary {
141
+
color: var(--text-normal-color);
142
+
}
143
+
144
+
.gsc-comment-box-buttons .btn-primary:disabled {
145
+
color: var(--text-muted-color);
146
+
}
+1
-4
src/components/Comments.astro
+1
-4
src/components/Comments.astro
···
14
14
script.setAttribute("data-reactions-enabled", "0");
15
15
script.setAttribute("data-emit-metadata", "1");
16
16
script.setAttribute("data-input-position", "bottom");
17
-
script.setAttribute(
18
-
"data-theme",
19
-
"https://devins.page/gt.css",
20
-
);
17
+
script.setAttribute("data-theme", "https://devins.page/gtheme.css");
21
18
script.setAttribute("data-lang", "en");
22
19
script.setAttribute("data-loading", "lazy");
23
20
script.crossOrigin = "anonymous";
+6
-2
src/styles/global.css
+6
-2
src/styles/global.css
···
17
17
}
18
18
19
19
:root {
20
-
--sc-font: Seravek, 'Gill Sans Nova', Ubuntu, Calibri, 'DejaVu Sans', source-sans-pro, sans-serif;
20
+
--sc-font:
21
+
Seravek, "Gill Sans Nova", Ubuntu, Calibri, "DejaVu Sans", source-sans-pro,
22
+
sans-serif;
21
23
}
22
24
23
25
h1,
···
26
28
h4,
27
29
h5,
28
30
h6 {
29
-
font-family: Superclarendon, 'Bookman Old Style', 'URW Bookman', 'URW Bookman L', 'Georgia Pro', Georgia, serif;
31
+
font-family:
32
+
Superclarendon, "Bookman Old Style", "URW Bookman", "URW Bookman L",
33
+
"Georgia Pro", Georgia, serif;
30
34
}
31
35
32
36
body {