feat: add color modes support

This commit is contained in:
mrholek
2023-06-12 23:33:29 +02:00
parent fcba592f47
commit a76226fb16
10 changed files with 176 additions and 51 deletions
+11 -4
View File
@@ -1,10 +1,10 @@
<!DOCTYPE html>
<!--
* CoreUI Vue.js Admin Template
* CoreUI Free Vue.js Admin Template
* @version v4.2.0
* @link https://coreui.io/vue/
* Copyright (c) 2021 creativeLabs Łukasz Holeczek
* License (https://coreui.io/pro/license)
* @link https://coreui.io/product/free-vue-admin-template/
* Copyright (c) 2023 creativeLabs Łukasz Holeczek
* Licensed under MIT (https://github.com/coreui/coreui-free-vue-admin-template/blob/main/LICENSE)
-->
<html>
<head>
@@ -32,6 +32,13 @@
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="/ms-icon-144x144.png">
<meta name="theme-color" content="#ffffff">
<script>
const userMode = localStorage.getItem('coreui-free-vue-admin-template-theme');
const systemDarkMode = window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches;
if (userMode === 'dark' || (userMode !== 'light' && systemDarkMode)) {
document.documentElement.dataset.coreuiTheme = 'dark';
}
</script>
</head>
<body>
<noscript>