jake/dark-mode-example
1
Fork 0
mirror of https://github.com/jakejarvis/dark-mode-example.git synced 2026-09-11 23:25:34 -04:00
Code Releases Activity

Update dark-mode.js

Browse Source
This commit is contained in:
jake
2020-04-29 19:25:39 -04:00
committed by GitHub
parent f1a49c7f39
commit e51e00ad98
1 changed files with 7 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
dark-mode.js
+7 -6
View File
@@ -16,23 +16,24 @@
var pref_light = 'false'; var pref_light = 'false';
var pref = sto.getItem(pref_key); var pref = sto.getItem(pref_key);
// use an element with class `dark-mode-toggle` to trigger swap // change CSS via these <body> classes:
var cls_dark = 'dark';
var cls_light = 'light';
// use an element with class `dark-mode-toggle` to trigger swap when clicked
var toggle = doc.querySelector('.dark-mode-toggle'); var toggle = doc.querySelector('.dark-mode-toggle');
// keep track of current state (light by default) no matter how we got there // keep track of current state (light by default) no matter how we got there
var dark = false; var dark = false;
// change CSS via these body classes: // receives a class name and switches <body> to it
var cls_dark = 'dark';
var cls_light = 'light';
var activateTheme = function(theme) { var activateTheme = function(theme) {
cls.remove(cls_light, cls_dark); cls.remove(cls_light, cls_dark);
cls.add(theme); cls.add(theme);
dark = (theme === cls_dark); dark = (theme === cls_dark);
}; };
// if user already explicitly toggled in the past, restore their preference. // if user already explicitly toggled in the past, restore their preference
if (pref === pref_dark) activateTheme(cls_dark); if (pref === pref_dark) activateTheme(cls_dark);
if (pref === pref_light) activateTheme(cls_light); if (pref === pref_light) activateTheme(cls_light);