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

Fix demo page

Browse Source
This commit is contained in:
Mohamed Akram
2019-09-21 16:49:01 +04:00
parent 3aedaf2b43
commit d38866b357
4 changed files with 19 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
icons/browserconfig.xml
View File

@@ -2,10 +2,10 @@
<browserconfig>
<msapplication>
<tile>
<square70x70logo src="/icons/mstile-70x70.png"/>
<square150x150logo src="/icons/mstile-150x150.png"/>
<square310x310logo src="/icons/mstile-310x310.png"/>
<wide310x150logo src="/icons/mstile-310x150.png"/>
<square70x70logo src="icons/mstile-70x70.png"/>
<square150x150logo src="icons/mstile-150x150.png"/>
<square310x310logo src="icons/mstile-310x310.png"/>
<wide310x150logo src="icons/mstile-310x150.png"/>
<TileColor>#00aba9</TileColor>
</tile>
</msapplication>

4
icons/site.webmanifest
View File

@@ -3,12 +3,12 @@
"short_name": "Water.css",
"icons": [
{
"src": "/icons/android-chrome-192x192.png",
"src": "icons/android-chrome-192x192.png",
"sizes": "192x192",
"type": "image/png"
},
{
"src": "/icons/android-chrome-512x512.png",
"src": "icons/android-chrome-512x512.png",
"sizes": "512x512",
"type": "image/png"
}

17
index.html
View File

@@ -1,34 +1,35 @@
<!DOCTYPE html>
<html lang='en'>
<head>
<meta charset='utf-8'>
<title>Water.css</title>
<link id='stylesheet' rel='stylesheet' href='../dist/dark.css' />
<link id='stylesheet' rel='stylesheet' href='dist/dark.css' />
<meta name='viewport' content='width=device-width, initial-scale=1.0' />
<!-- Icons generated with https://realfavicongenerator.net -->
<link
rel='apple-touch-icon'
sizes='180x180'
href='/icons/apple-touch-icon.png'
href='icons/apple-touch-icon.png'
/>
<link
rel='icon'
type='image/png'
sizes='32x32'
href='/icons/favicon-32x32.png'
href='icons/favicon-32x32.png'
/>
<link
rel='icon'
type='image/png'
sizes='16x16'
href='/icons/favicon-16x16.png'
href='icons/favicon-16x16.png'
/>
<link rel='manifest' href='/icons/site.webmanifest' />
<link rel='mask-icon' href='/icons/safari-pinned-tab.svg' color='#5bbad5' />
<link rel='shortcut icon' href='/icons/favicon.ico' />
<link rel='manifest' href='icons/site.webmanifest' />
<link rel='mask-icon' href='icons/safari-pinned-tab.svg' color='#5bbad5' />
<link rel='shortcut icon' href='icons/favicon.ico' />
<meta name='apple-mobile-web-app-title' content='Water.css' />
<meta name='application-name' content='Water.css' />
<meta name='msapplication-TileColor' content='#00aba9' />
<meta name='msapplication-config' content='/icons/browserconfig.xml' />
<meta name='msapplication-config' content='icons/browserconfig.xml' />
<meta name='theme-color' content='#ffffff' />
<script

8
script.js
View File

@@ -4,15 +4,15 @@
iconModeSwitcher([
{
element: 'link[rel="shortcut icon"]',
href: { dark: '/icons/light-favicon.ico' }
href: { dark: 'icons/light-favicon.ico' }
},
{
element: 'link[rel="icon"][sizes="16x16"]',
href: { dark: '/icons/light-favicon-16x16.png' }
href: { dark: 'icons/light-favicon-16x16.png' }
},
{
element: 'link[rel="icon"][sizes="32x32"]',
href: { dark: '/icons/light-favicon-32x32.png' }
href: { dark: 'icons/light-favicon-32x32.png' }
}
])
})()
@@ -77,7 +77,7 @@
const lightSchemeMql = matchMedia('(prefers-color-scheme: light)');
const that = this;
this.themeDir = '../dist/';
this.themeDir = 'dist/';
this.stylesheet = document.getElementById(stylesheet);
this.current = this.getThemeName(this.stylesheet.href);
this.isDark = darkSchemeMql.matches;