HTML document, ASCII text, with very long lines (686)
1
<!DOCTYPE html>
2
<html lang="en">
3
<head>
5
6
<meta charset="UTF-8" />
8
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
9
<title>Changing the light-mode - S0G</title>
10
<link rel="stylesheet" href="/src/global.css" />
11
12
<link rel="stylesheet" href="/src/pygments-friendly.css" />
13
</head>
15
<body>
17
<header>
18
<h2><a href="/">Steve0Greatness</a></h2>
19
<nav>
20
<a href="/blog">Blog</a>
21
</nav>
22
</header>
23
24
<ol role="navigation" class="breadcrumbs" aria-roledescription="Site breadcrumb">
25
<li>
26
<a href="/">Index</a>
27
</li>
28
29
<li >
30
<a href="/blog">
31
Blog Index
32
</a>
33
</li>
34
35
<li aria-current="location">
36
37
Changing the light-mode
38
39
</li>
40
41
</ol>
42
<main>
43
<article>
44
<h2 id="blog-post-titled">Changing the light-mode</h2>
45
<time>2021 Sep 11</time>
46
<p>As of currently, the light mode on this site doesn't live up to what I want it to be.<br>I want it to be something that is the opposite of the dark mode, and it really isn't that. Expect it to change. But, in case you do still want to view it, here are the current css variable colors:<br><div class="code">html.l {<div style="margin-left: 1em;">--navCo: #0F0089;<br>--headCo: #3700FF;<br>--linkCo: #F7E45D;<br>--maCo: #0044F7;<br>--maTxtCo: #C2FFBA;<br>--buCo: #F09;<br>--buTxtCo: #0FF;<br>--buBoCo: #fff;<br>--noteCo: #f25;<br>--noteTxtCo: #ccc;<br>--inCo: #0bf;<br>--inlinkCo: #05c;<br>--selCo: #f51;<br>--selTxtCo: #059;<br>--taCo: #cf4;<br>--taTxtCo: black;</div>}</div></p>
47
</article>
49
</main>
50
<footer role="group">
51
<div class="footer-link-list-holder">
52
<span aria-hidden="true" id="footer-label-social-accounts" class="footer-link-list-label">Social Accounts</span>
53
<ol class="footer-link-list" aria-labelledby="footer-label-social-accounts">
54
<li><a href="https://mastodon.social/@S0G" rel="me">Mastodon</a></li>
55
<li><a href="https://youtube.com/@s0g">YouTube</a></li>
56
</ol>
57
</div>
58
</footer>
59
</body>
60
</html>