mirror_css/css-water.css
1
0
Fork 0
mirror of https://github.com/kognise/water.css.git synced 2025-08-14 00:54:08 +02:00
Code Issues Releases Wiki Activity

Fixed demo page references/theme switcher

Browse Source
This commit is contained in:
Kyle Pollard
2019-04-05 22:05:48 -07:00
parent 7bce456f26
commit 522fd8e41e
2 changed files with 5 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
index.html
View File

@@ -2,7 +2,7 @@
<html lang='en'>
<head>
<title>Water.css</title>
<link rel='stylesheet' href='water.css'>
<link id="watercss" rel='stylesheet' href='dist/water-dark.css'>
<meta name='viewport' content='width=device-width, initial-scale=1.0'>
<script async src='https://www.googletagmanager.com/gtag/js?id=UA-116663597-6'></script>

11
script.js
View File

@@ -1,11 +1,8 @@
document.getElementById('switch').addEventListener('click', () => {
const { body } = document
const ph = document.getElementById('ph')
if (body.classList.contains('light')) {
body.classList.remove('light')
ph.src = ph.src.replace('theme=light', 'theme=dark')
const css = document.getElementById('watercss');
if (css.getAttribute('href') == 'dist/water-dark.css') {
css.setAttribute('href', 'dist/water-light.css')
} else {
body.classList.add('light')
ph.src = ph.src.replace('theme=dark', 'theme=light')
css.setAttribute('href', 'dist/water-dark.css')
}
})