holly.mlem.systems
forked from
devins.page/devins.page
my website, hosted on wisp.place
chore: remove comments system
will replace with #1 later
devins.page
-140
public/dpgiscus.css
-140
public/dpgiscus.css
···
1
-
/* modified from fro theme */
2
-
3
-
:host,
4
-
html {
5
-
--font-family-default:
6
-
Seravek, "Gill Sans Nova", Ubuntu, Calibri, "DejaVu Sans", source-sans-pro,
7
-
sans-serif;
8
-
}
9
-
10
-
main {
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;
48
-
}
49
-
50
-
@media (prefers-color-scheme: dark) {
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
-
}
86
-
87
-
/* mobile devices: make background darker for oled screens */
88
-
@media (max-width: 32rem) {
89
-
:root {
90
-
--text-muted-color: #ababab !important;
91
-
--text-normal-color: #ffffff !important;
92
-
}
93
-
}
94
-
}
95
-
96
-
.gsc-comments .gsc-header .gsc-left-header em a {
97
-
color: var(--text-muted-color);
98
-
text-underline-offset: 4px;
99
-
transition: all 0.2s;
100
-
}
101
-
102
-
.gsc-comments .gsc-header .gsc-left-header em a:hover {
103
-
color: var(--text-normal-color);
104
-
}
105
-
106
-
.gsc-right-header {
107
-
border-radius: none;
108
-
}
109
-
110
-
.gsc-right-header li:not(.BtnGroup-item--selected) {
111
-
border-top: none;
112
-
border-left: none;
113
-
border-right: none;
114
-
}
115
-
116
-
.gsc-right-header li:not(.BtnGroup-item--selected) .btn:hover {
117
-
background-color: transparent;
118
-
color: var(--text-normal-color);
119
-
}
120
-
121
-
.gsc-comment-box-tabs {
122
-
display: none;
123
-
}
124
-
125
-
.gsc-comment-box {
126
-
border: none;
127
-
background-color: transparent;
128
-
}
129
-
130
-
.gsc-comment-box-bottom button:hover {
131
-
color: var(--text-normal-color);
132
-
}
133
-
134
-
.gsc-comment-box-buttons .btn-primary {
135
-
color: var(--text-normal-color);
136
-
}
137
-
138
-
.gsc-comment-box-buttons .btn-primary:disabled {
139
-
color: var(--text-muted-color);
140
-
}
-15
src/components/Comments.astro
-15
src/components/Comments.astro
···
1
-
<script
2
-
src="https://giscus.app/client.js"
3
-
data-repo="intergrav/devins.page"
4
-
data-repo-id="R_kgDONW1wiA"
5
-
data-category="giscus"
6
-
data-category-id="DIC_kwDONW1wiM4Cr7lb"
7
-
data-mapping="pathname"
8
-
data-strict="0"
9
-
data-reactions-enabled="1"
10
-
data-emit-metadata="0"
11
-
data-input-position="top"
12
-
data-theme="https://devins.page/dpgiscus.css"
13
-
data-lang="en"
14
-
crossorigin="anonymous"
15
-
async></script>
-2
src/layouts/Layout.astro
-2
src/layouts/Layout.astro
···
3
3
import "../styles/global.css";
4
4
import Header from "../components/Header.astro";
5
5
import Footer from "../components/Footer.astro";
6
-
import Comments from "../components/Comments.astro";
7
6
8
7
const { title, description } = Astro.props;
9
8
---
···
38
37
<main>
39
38
<slot />
40
39
</main>
41
-
<Comments />
42
40
<Footer />
43
41
</body>
44
42
</html>