Skip to content

Instantly share code, notes, and snippets.

@eddiesigner
Last active March 19, 2020 22:51
Show Gist options
  • Save eddiesigner/c74dacb406a825b8b552a99b9c3de0a0 to your computer and use it in GitHub Desktop.
Save eddiesigner/c74dacb406a825b8b552a99b9c3de0a0 to your computer and use it in GitHub Desktop.
Weiss Pro - Set dark mode as default
<script>
const currentSavedTheme = localStorage.getItem('theme')
if (!currentSavedTheme) {
const checkboxes = document.querySelectorAll('.js-toggle-darkmode')
for (var i = 0; i < checkboxes.length; i++) {
checkboxes[i].checked = true
}
}
</script>
<style>
:root {
--background-color: #000000;
--primary-foreground-color: #EFEFEF;
--secondary-foreground-color: #DDDDDD;
--primary-subtle-color: #111111;
--border-color: #222222;
--empty-color: #141414;
--input-shadow: 0 5px 10px 0 rgba(20, 20, 20, 0.9);
--transparent-background: rgba(0, 0, 0, 0.8);
--article-shadow-color: rgba(128, 128, 128, 0.2);
--author-background-color: #0A0A0C;
--author-posts-background-color: #111114;
--placeholder-color: #6F6F6F;
--tag-hover-color: #161515;
--footer-background-color: #131313;
--footer-foreground-color: #FFFFFF;
--toggle-darkmode-button-color: #2A2A2A;
--toggle-darkmode-button-display-moon: none;
--toggle-darkmode-button-display-sun: block;
--full-content-shadow: 0 -17px 42px 4px rgba(5, 5, 5, 1);
--label-color: #BDBDBD;
--header-menu-gradient-first-color: rgba(0, 0, 0, 0);
--header-menu-gradient-secound-color: rgba(0, 0, 0, 0.65);
}
[data-theme="light"] {
--background-color: #FFFFFF;
--primary-foreground-color: #2A2A2A;
--secondary-foreground-color: #333333;
--primary-subtle-color: #F5F6F9;
--border-color: #CECECE;
--empty-color: #F4F4F4;
--input-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
--transparent-background: rgba(255, 255, 255, 0.8);
--article-shadow-color: rgba(0, 0, 0, 0.2);
--author-background-color: #FAFAFA;
--author-posts-background-color: #F5F5F5;
--placeholder-color: #6F6F6F;
--tag-hover-color: #E6EAF5;
--footer-background-color: #131313;
--footer-foreground-color: #FFFFFF;
--toggle-darkmode-button-color: #EFEFEF;
--toggle-darkmode-button-display-moon: block;
--toggle-darkmode-button-display-sun: none;
--full-content-shadow: 0 -17px 42px 4px rgba(0, 0, 0, 0.15);
--label-color: #616161;
--header-menu-gradient-first-color: rgba(255, 255, 255, 0);
--header-menu-gradient-secound-color: rgba(255, 255, 255, 1);
}
[data-theme="dark"] {
--background-color: #000000;
--primary-foreground-color: #EFEFEF;
--secondary-foreground-color: #DDDDDD;
--primary-subtle-color: #111111;
--border-color: #222222;
--empty-color: #141414;
--input-shadow: 0 5px 10px 0 rgba(20, 20, 20, 0.9);
--transparent-background: rgba(0, 0, 0, 0.8);
--article-shadow-color: rgba(128, 128, 128, 0.2);
--author-background-color: #0A0A0C;
--author-posts-background-color: #111114;
--placeholder-color: #6F6F6F;
--tag-hover-color: #161515;
--footer-background-color: #131313;
--footer-foreground-color: #FFFFFF;
--toggle-darkmode-button-color: #2A2A2A;
--toggle-darkmode-button-display-moon: none;
--toggle-darkmode-button-display-sun: block;
--full-content-shadow: 0 -17px 42px 4px rgba(5, 5, 5, 1);
--label-color: #BDBDBD;
--header-menu-gradient-first-color: rgba(0, 0, 0, 0);
--header-menu-gradient-secound-color: rgba(0, 0, 0, 0.65);
}
</style>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment