From 9b312d495c65d6fc6dbd6ded217fd190558590a3 Mon Sep 17 00:00:00 2001
From: f <f@users.noreply.github.com>
Date: Wed, 5 Feb 2025 00:02:29 +0000
Subject: [PATCH] deploy: 3a1d66c8ca083ca340df11ed4c46e765181c50ae

---
 index.html | 28 +++++++++++++++++++++++++++-
 1 file changed, 27 insertions(+), 1 deletion(-)

diff --git a/index.html b/index.html
index 1175058..0249aa5 100644
--- a/index.html
+++ b/index.html
@@ -21,7 +21,7 @@
 {"@context":"https://schema.org","@type":"WebSite","description":"This repo includes ChatGPT prompt curation to use ChatGPT and other LLM tools better.","headline":"Awesome ChatGPT Prompts","name":"Awesome ChatGPT Prompts","url":"/"}</script>
 <!-- End Jekyll SEO tag -->
 
-    <link rel="stylesheet" href="/assets/css/style.css?v=ffcfd9c0749e52a36de2a1c29edf153f9b23f1b8">
+    <link rel="stylesheet" href="/assets/css/style.css?v=3a1d66c8ca083ca340df11ed4c46e765181c50ae">
     <style>
       :root {
         --bg-color-light: #ffffff;
@@ -1139,6 +1139,10 @@
         transition: .4s;
       }
 
+      .dark-mode .slider {
+        background-color: #555;
+      }
+
       .slider:before {
         position: absolute;
         content: "";
@@ -1150,14 +1154,26 @@
         transition: .4s;
       }
 
+      .dark-mode .slider:before {
+        background-color: #e1e1e1;
+      }
+
       input:checked + .slider {
         background-color: var(--accent-color);
       }
 
+      .dark-mode input:checked + .slider {
+        background-color: var(--accent-color);
+      }
+
       input:focus + .slider {
         box-shadow: 0 0 1px var(--accent-color);
       }
 
+      .dark-mode input:focus + .slider {
+        box-shadow: 0 0 1px var(--accent-color);
+      }
+
       input:checked + .slider:before {
         transform: translateX(20px);
       }
@@ -1170,6 +1186,16 @@
         border-radius: 50%;
       }
 
+      .dev-mode-label {
+        color: var(--text-color-light);
+        margin-left: 8px;
+        font-size: 0.9rem;
+      }
+
+      .dark-mode .dev-mode-label {
+        color: var(--text-color-dark);
+      }
+
       @media (max-width: 768px) {
         .dev-mode-label {
           display: none;