remove theme.css + cooler bg

This commit is contained in:
Felix Roos 2022-12-20 21:57:41 +01:00
parent b1202fcd55
commit 7a19659c9e
5 changed files with 11 additions and 165 deletions

View file

@ -1,5 +1,4 @@
---
import '../styles/theme.css';
import '../styles/index.css';
---
@ -15,23 +14,20 @@ import '../styles/index.css';
<!-- Preload Fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
href="https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:ital@0;1&display=swap"
rel="stylesheet"
/>
<link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:ital@0;1&display=swap" rel="stylesheet" />
<!-- Scrollable a11y code helper -->
<script src="/make-scrollable-code-focusable.js" is:inline></script>
<!-- This is intentionally inlined to avoid FOUC -->
<script is:inline>
const root = document.documentElement;
const theme = localStorage.getItem('theme');
if (theme === 'dark' || (!theme && window.matchMedia('(prefers-color-scheme: dark)').matches)) {
root.classList.add('theme-dark');
} else {
root.classList.remove('theme-dark');
}
/* const root = document.documentElement;
const theme = localStorage.getItem('theme');
if (theme === 'dark' || (!theme && window.matchMedia('(prefers-color-scheme: dark)').matches)) {
root.classList.add('theme-dark');
} else {
root.classList.remove('theme-dark');
} */
</script>
<!-- Global site tag (gtag.js) - Google Analytics -->

View file

@ -14,7 +14,7 @@ const showMoreSection = CONFIG.COMMUNITY_INVITE_URL;
{
editHref && (
<li>
<a class="edit-on-github flex items-center space-x-2" href={editHref} target="_blank">
<a class="flex items-center space-x-2" href={editHref} target="_blank">
<svg
aria-hidden="true"
focusable="false"
@ -65,14 +65,5 @@ const showMoreSection = CONFIG.COMMUNITY_INVITE_URL;
}
</ul>
<div style="margin: 2rem 0; text-align: center;">
<ThemeToggleButton client:visible />
<!-- <ThemeToggleButton client:visible /> -->
</div>
<style>
.edit-on-github {
text-decoration: none;
font: inherit;
color: inherit;
font-size: 1rem;
}
</style>