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

Fix dark mode background across chrome and firefox

Browse Source
This commit is contained in:
Tyler Hallada
2021-08-01 01:03:13 -04:00
parent ee40b651a9
commit a617232868
4 changed files with 54 additions and 39 deletions
Download Patch File Download Diff File Expand all files Collapse all files

48
_layouts/default.html
View File

@@ -40,31 +40,33 @@
{% seo %}
</head>
<body>
<div class="container">
<div class="row clearfix header">
<h1 class="title"><a href="/blog/">{{ site.name }}</a></h1>
<a class="extra" href="/">home</a>
</div>
{{ content }}
<div class="row clearfix rss">
<a class="rss" href="/feed.xml"><img src="/img/rss.png" alt="RSS" class="icon" /></a>
</div>
<div class="row clearfix footer">
<div class="column full contact">
<p class="contact-info">
<a href="mailto:tyler@hallada.net">tyler@hallada.net</a>
</p>
<div class="root">
<div class="container">
<div class="row clearfix header">
<h1 class="title"><a href="/blog/">{{ site.name }}</a></h1>
<a class="extra" href="/">home</a>
</div>
{{ content }}
<div class="row clearfix rss">
<a class="rss" href="/feed.xml"><img src="/img/rss.png" alt="RSS" class="icon" /></a>
</div>
<div class="row clearfix footer">
<div class="column full contact">
<p class="contact-info">
<a href="mailto:tyler@hallada.net">tyler@hallada.net</a>
</p>
</div>
</div>
</div>
</div>
<div class="theme-toggle">
<dark-mode-toggle
id="dark-mode-toggle-1"
appearance="toggle"
light="Dark"
dark="Light"
permanent
></dark-mode-toggle>
<div class="theme-toggle">
<dark-mode-toggle
id="dark-mode-toggle-1"
appearance="toggle"
light="Dark"
dark="Light"
permanent
></dark-mode-toggle>
</div>
</div>
</body>
</html>

26
_layouts/home.html
View File

@@ -47,18 +47,20 @@
{% seo %}
</head>
<body>
<canvas id="magic"></canvas>
<div class="container">
{{ content }}
</div>
<div class="theme-toggle">
<dark-mode-toggle
id="dark-mode-toggle-1"
appearance="toggle"
light="Dark"
dark="Light"
permanent
></dark-mode-toggle>
<div class"root">
<canvas id="magic"></canvas>
<div class="container">
{{ content }}
</div>
<div class="theme-toggle">
<dark-mode-toggle
id="dark-mode-toggle-1"
appearance="toggle"
light="Dark"
dark="Light"
permanent
></dark-mode-toggle>
</div>
</div>
</body>
</html>