Skip to content

Commit 71e5ca7

Browse files
x1unixx1unix
authored
fix: disable DarkReader (#347)
1 parent 2d416c2 commit 71e5ca7

File tree

1 file changed

+86
-78
lines changed

1 file changed

+86
-78
lines changed

‎web/src/pages/index.html‎

Lines changed: 86 additions & 78 deletions
Original file line numberDiff line numberDiff line change
@@ -1,27 +1,36 @@
1-
<!DOCTYPE html>
1+
<!doctype html>
22
<html lang="en">
3-
4-
<head>
5-
<meta charset="utf-8" />
6-
<link rel="icon" href="/favicon.ico" />
7-
<meta name="viewport" content="width=device-width, initial-scale=1" />
8-
<meta name="theme-color" content="#000000" />
9-
<meta name="description" content="Better Go Playground with syntax highlight support" />
10-
<meta name="viewport" content="width=device-width, initial-scale=1">
11-
<link rel="apple-touch-icon" href="/logo192.png" />
12-
<link rel="manifest" href="/manifest.json" />
13-
<title>Better Go Playground</title>
14-
<style>
15-
.app-preloader {
3+
<head>
4+
<meta charset="utf-8" />
5+
<link rel="icon" href="/favicon.ico" />
6+
<meta name="viewport" content="width=device-width, initial-scale=1" />
7+
<meta name="theme-color" content="#000000" />
8+
<meta name="description" content="Better Go Playground with syntax highlight support" />
9+
<meta name="viewport" content="width=device-width, initial-scale=1" />
10+
<meta name="darkreader-lock" />
11+
<link rel="apple-touch-icon" href="/logo192.png" />
12+
<link rel="manifest" href="/manifest.json" />
13+
<title>Better Go Playground</title>
14+
<style>
15+
.app-preloader {
1616
display: block;
1717
position: absolute;
1818
inset: 0;
1919
background: #1f1f1f;
2020
color: #f4f4f4;
21-
font: 11pt system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif;
22-
}
21+
font:
22+
11pt system-ui,
23+
-apple-system,
24+
'Segoe UI',
25+
Roboto,
26+
'Helvetica Neue',
27+
Arial,
28+
'Noto Sans',
29+
'Liberation Sans',
30+
sans-serif;
31+
}
2332

24-
.app-preloader__container {
33+
.app-preloader__container {
2534
height: 100%;
2635
width: 100%;
2736
max-height: 480px;
@@ -33,108 +42,107 @@
3342
flex-direction: column;
3443
justify-content: center;
3544
align-items: center;
36-
}
45+
}
3746

38-
.app-preloader__content {
47+
.app-preloader__content {
3948
margin-top: 32px;
40-
}
49+
}
4150

42-
.app-preloader__content p {
51+
.app-preloader__content p {
4352
margin: 2rem;
4453
text-align: center;
45-
}
54+
}
4655

47-
@keyframes progress-bar-animation {
56+
@keyframes progress-bar-animation {
4857
0% {
49-
left: -2%;
50-
width: 5%;
58+
left: -2%;
59+
width: 5%;
5160
}
5261

5362
35% {
54-
width: 25%;
63+
width: 25%;
5564
}
5665

5766
85% {
58-
width: 5%;
67+
width: 5%;
5968
}
6069

6170
100% {
62-
left: 100%;
63-
width: 5%;
71+
left: 100%;
72+
width: 5%;
6473
}
65-
}
74+
}
6675

67-
.app-preloader-progress {
76+
.app-preloader-progress {
6877
background: #333;
6978
height: 4px;
7079
position: relative;
7180
overflow: hidden;
72-
}
81+
}
7382

74-
.app-preloader-progress__bar {
83+
.app-preloader-progress__bar {
7584
position: absolute;
7685
top: 0;
7786
left: 0;
7887
transition: all 0.2s ease-out 0s;
7988
background: dodgerblue;
8089
height: 100%;
81-
}
90+
}
8291

83-
.app-preloader-progress__bar--indeterminate {
92+
.app-preloader-progress__bar--indeterminate {
8493
width: 32%;
8594
transition: all 0.5s ease-out 0s;
8695
animation: progress-bar-animation 2.3s infinite;
87-
}
96+
}
8897

89-
@media (prefers-color-scheme: light) {
98+
@media (prefers-color-scheme: light) {
9099
.app-preloader {
91-
background: #fff;
92-
color: #323130;
100+
background: #fff;
101+
color: #323130;
93102
}
94103
.app-preloader-progress {
95-
background: #ccc;
104+
background: #ccc;
96105
}
97-
}
98-
</style>
99-
</head>
106+
}
107+
</style>
108+
</head>
100109

101-
<body>
102-
<div id="root">
103-
<div class="app-preloader">
104-
<div class="app-preloader__container">
105-
<div><img src="/go-logo-blue.svg" alt="Go Logo" /></div>
106-
<div class="app-preloader__content">
107-
<noscript>
108-
<p>You need to enable JavaScript to run this app.</p>
109-
<style>
110-
.app-preloader__label {
110+
<body>
111+
<div id="root">
112+
<div class="app-preloader">
113+
<div class="app-preloader__container">
114+
<div><img src="/go-logo-blue.svg" alt="Go Logo" /></div>
115+
<div class="app-preloader__content">
116+
<noscript>
117+
<p>You need to enable JavaScript to run this app.</p>
118+
<style>
119+
.app-preloader__label {
120+
display: none;
121+
}
122+
.app-preloader-progress {
111123
display: none;
112-
}
113-
.app-preloader-progress {
114-
display: none
115-
}
116-
</style>
117-
</noscript>
118-
<p class="app-preloader__label">Loading playground...</p>
119-
<div class="app-preloader-progress">
120-
<div class="app-preloader-progress__bar app-preloader-progress__bar--indeterminate"></div>
124+
}
125+
</style>
126+
</noscript>
127+
<p class="app-preloader__label">Loading playground...</p>
128+
<div class="app-preloader-progress">
129+
<div class="app-preloader-progress__bar app-preloader-progress__bar--indeterminate"></div>
130+
</div>
121131
</div>
122132
</div>
123133
</div>
124134
</div>
125-
</div>
126-
<script type="module" async src="/src/index.tsx"></script>
127-
<% if (PROD) { %>
128-
{{ if .GoogleTagID }}
129-
<script async src="https://www.googletagmanager.com/gtag/js?id={{.GoogleTagID}}"></script>
130-
<script>
131-
window.dataLayer = window.dataLayer || [];
132-
function gtag(){dataLayer.push(arguments);}
133-
gtag('js', new Date());
134-
gtag('config', '{{.GoogleTagID}}');
135-
</script>
136-
{{ end }}
137-
<% } %>
138-
</body>
139-
140-
</html>
135+
<script type="module" async src="/src/index.tsx"></script>
136+
<% if (PROD) { %> {{ if .GoogleTagID }}
137+
<script async src="https://www.googletagmanager.com/gtag/js?id={{.GoogleTagID}}"></script>
138+
<script>
139+
window.dataLayer = window.dataLayer || []
140+
function gtag() {
141+
dataLayer.push(arguments)
142+
}
143+
gtag('js', new Date())
144+
gtag('config', '{{.GoogleTagID}}')
145+
</script>
146+
{{ end }} <% } %>
147+
</body>
148+
</html>

0 commit comments

Comments
 (0)