From 37ffa484232ed8f29a376182b459d63c113951b8 Mon Sep 17 00:00:00 2001
From: dewanakl <dewanakretarta29@gmail.com>
Date: Mon, 7 Oct 2024 12:04:14 +0700
Subject: [PATCH] fix: color

---
 dashboard.html | 2 +-
 index.html     | 2 +-
 js/theme.js    | 4 ----
 3 files changed, 2 insertions(+), 6 deletions(-)

diff --git a/dashboard.html b/dashboard.html
index 09a4468..5595d30 100644
--- 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
index caa7114..30f9f81 100644
--- 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
index bf2688c..300a989 100644
--- 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) => {