fix: color

dewanakl · Oct 7, 2024 · 37ffa48 · 37ffa48
1 parent ebae23d
commit 37ffa48
Show file tree

Hide file tree

Showing 3 changed files with 2 additions and 6 deletions.
diff --git a/dashboard.html b/dashboard.html
@@ -11,7 +11,7 @@
     <meta name="mobile-web-app-capable" content="yes">
     <meta name="apple-mobile-web-app-title" content="Dashboard Ulems">
     <meta name="theme-color" content="#111111">
-    <meta name="color-scheme" content="light">
+    <meta name="color-scheme" content="dark light">
     <link rel="canonical" href="https://ulems.my.id/">
     <link rel="shortcut icon" type="image/x-icon" href="https://ulems.my.id/favicon.ico">
     <link rel="apple-touch-icon" sizes="192x192" href="https://ulems.my.id/assets/images/icon-192x192.png">

diff --git a/index.html b/index.html
@@ -31,7 +31,7 @@
     <meta name="mobile-web-app-capable" content="yes">
     <meta name="apple-mobile-web-app-title" content="Website Undangan Pernikahan Wahyu dan Riski Secara Online">
     <meta name="theme-color" content="#111111">
-    <meta name="color-scheme" content="dark">
+    <meta name="color-scheme" content="dark light">
     <link rel="canonical" href="https://ulems.my.id/">
     <link rel="shortcut icon" type="image/x-icon" href="https://ulems.my.id/favicon.ico">
     <link rel="apple-touch-icon" sizes="192x192" href="https://ulems.my.id/assets/images/icon-192x192.png">

diff --git a/js/theme.js b/js/theme.js
@@ -10,10 +10,8 @@ export const theme = (() => {
     const onLight = () => {
         theme.set('active', THEME_LIGHT);
         document.documentElement.setAttribute('data-bs-theme', THEME_LIGHT);
-
         // --bs-gray-100
         document.querySelector('meta[name="theme-color"]').setAttribute('content', '#f8f9fa');
-        document.querySelector('meta[name="color-scheme"]').setAttribute('content', THEME_LIGHT);
 
         const elements = document.querySelectorAll('.text-light, .btn-theme-light, .bg-dark, .bg-black, .bg-theme-dark, .color-theme-black, .btn-outline-light, .bg-cover-black');
         elements.forEach((element) => {
@@ -62,10 +60,8 @@ export const theme = (() => {
     const onDark = () => {
         theme.set('active', THEME_DARK);
         document.documentElement.setAttribute('data-bs-theme', THEME_DARK);
-
         // --bs-gray-800
         document.querySelector('meta[name="theme-color"]').setAttribute('content', '#343a40');
-        document.querySelector('meta[name="color-scheme"]').setAttribute('content', THEME_DARK);
 
         const elements = document.querySelectorAll('.text-dark, .btn-theme-dark, .bg-light, .bg-white, .bg-theme-light, .color-theme-white, .btn-outline-dark, .bg-cover-white');
         elements.forEach((element) => {