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
<a href="/link-tree.html">Link Tree</a>
22
</nav>
23
</header>
24
25
<ol role="navigation" class="breadcrumbs" aria-roledescription="Site breadcrumb">
26
<li>
27
<a href="/">Index</a>
28
</li>
29
30
<li >
31
<a href="/blog">
32
Blog Index
33
</a>
34
</li>
35
36
<li aria-current="location">
37
38
Changing the light-mode
39
40
</li>
41
42
</ol>
43
<main>
44
<article>
45
<h2 id="blog-post-titled">Changing the light-mode</h2>
46
<time>2021 Sep 11</time>
47
<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>
48
</article>
50
</main>
51
<footer role="group">
52
<div class="footer-link-list-holder">
53
<span aria-hidden="true" id="footer-label-social-accounts" class="footer-link-list-label">Social Accounts</span>
54
<ol class="footer-link-list" aria-labelledby="footer-label-social-accounts">
55
<li><a href="https://mastodon.social/@S0G" rel="me">Mastodon</a></li>
56
<li><a href="https://youtube.com/@s0g">YouTube</a></li>
57
</ol>
58
</div>
59
</footer>
60
</body>
61
</html>