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
<link rel="stylesheet" href="/src/blog.css" />
14
</head>
16
<body>
18
<header>
19
<h2><a href="/">Steve0Greatness</a></h2>
20
<nav>
21
<a href="/blog">Blog</a>
22
<a href="/link-tree.html">Link Tree</a>
23
</nav>
24
</header>
25
26
<ol role="navigation" class="breadcrumbs" aria-roledescription="Site breadcrumb">
27
<li>
28
<a href="/">Index</a>
29
</li>
30
31
<li >
32
<a href="/blog">
33
Blog Index
34
</a>
35
</li>
36
37
<li aria-current="location">
38
39
Changing the light-mode
40
41
</li>
42
43
</ol>
44
<main>
45
<article>
46
<header>
47
<h2 id="blog-post-titled">Changing the light-mode</h2>
48
<div role="toolbar" class="toolbar">
49
<a href="https://toot.kytta.dev/?text=Take a look at this article by @S0G@mastodon.social: https://steve0greatness.github.io/blog/Changing_the_Light-mode.html" title="Share to Mastodon">
50
<img src="/toot-kytta-dev-icon.svg" width="16" height="16" aria-hidden="true" title="Share to Mastodon" />
51
</a>
52
<a href="/blog/Changing_the_Light-mode.html" title="Direct link">
53
<span aria-hidden="true">
54
🔗
55
</span>
56
</a>
57
<a href="/blog/Changing_the_Light-mode.txt" title="Markdown source">
58
<img src="/md-src.svg" width="16" height="16" />
59
</a>
60
</div>
61
<time>2021 Sep 11</time>
62
</header>
63
<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>
64
</article>
66
</main>
67
<footer role="group">
68
<div class="footer-link-list-holder">
69
<span aria-hidden="true" id="footer-label-social-accounts" class="footer-link-list-label">Social Accounts</span>
70
<ol class="footer-link-list" aria-labelledby="footer-label-social-accounts">
71
<li><a href="https://mastodon.social/@S0G" rel="me">Mastodon</a></li>
72
<li><a href="https://youtube.com/@s0g">YouTube</a></li>
73
</ol>
74
</div>
75
</footer>
76
</body>
77
</html>