thallada/thallada.github.io
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add dark theme with theme switcher

Browse Source
This commit is contained in:
Tyler Hallada
2020-01-05 18:09:53 -05:00
parent 097e97b24c
commit 67bad2a2f8
9 changed files with 176 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
_layouts/home.html
View File

@@ -16,9 +16,11 @@
<!-- syntax highlighting CSS -->
<link rel="stylesheet" href="/css/syntax.css">
<link rel="stylesheet" href="/css/syntax_dark.css" media="(prefers-color-scheme: dark)">
<!-- Custom CSS -->
<link rel="stylesheet" href="/css/main.css">
<link rel="stylesheet" href="/css/main_dark.css" media="(prefers-color-scheme: dark)">
<!-- RSS Feed -->
<link href="/feed.xml" rel="alternate" type="application/atom+xml">
@@ -48,11 +50,21 @@
</script>
<!-- End Google Analytics -->
<script type="module" src="https://unpkg.com/dark-mode-toggle"></script>
{% seo %}
</head>
<body>
<canvas id="magic"></canvas>
<div class="theme-toggle">
<dark-mode-toggle
id="dark-mode-toggle-1"
appearance="switch"
dark="Dark"
light="Light"
permanent
></dark-mode-toggle>
</div>
<canvas id="magic"></canvas>
<div class="container">
{{ content }}
</div>