commit

smthari · smthari · commit dd395ba4a4a8 · 2022-03-31T15:08:35.000+05:30
diff --git a/index.html b/index.html
@@ -7,84 +7,6 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Neumorphism Password generator</title>
     <link rel="stylesheet" href="style.css">
-    <style>
-        /* dark mode toggle  & github buttons */
-        nav {
-            display: flex;
-            justify-content: flex-end;
-            padding: 20px 24px;
-        }
-
-        .navbtn {
-            position: absolute;
-            left: 2rem;
-            margin-top: 0.3rem;
-        }
-
-        .theme-switch-wrapper {
-            display: flex;
-            align-items: center;
-        }
-
-        .theme-switch-wrapper em {
-            margin-left: 10px;
-            font-size: 1rem;
-        }
-
-        .theme-switch {
-            display: inline-block;
-            height: 34px;
-            position: relative;
-            width: 60px;
-        }
-
-        .theme-switch input {
-            display: none;
-        }
-
-        .slider {
-            background-color: var(--togglebg);
-            bottom: 0;
-            cursor: pointer;
-            left: 0;
-            position: absolute;
-            right: 0;
-            top: 0;
-            transition: 0.4s;
-            /* filter: var(--filter); */
-        }
-
-        .slider:before {
-            background-color: var(--roundcolor);
-            bottom: 4px;
-            content: "";
-            height: 26px;
-            left: 4px;
-            position: absolute;
-            transition: 0.4s;
-            width: 26px;
-        }
-
-        input:checked+.slider {
-            background-color: var(--toggleslider);
-        }
-
-        input:checked+.slider:before {
-            transform: translateX(26px);
-        }
-
-        .slider.round {
-            border-radius: 34px;
-        }
-
-        .slider.round:before {
-            border-radius: 50%;
-        }
-
-        em {
-            color: var(--togglesliderColor);
-        }
-    </style>
 </head>
 
 <body>
diff --git a/style.css b/style.css
@@ -1,6 +1,6 @@
 @import url("https://fonts.googleapis.com/css?family=Muli&display=swap");
 
-[data-theme="light"] {
+* {
   --bg-color: #eef0f4;
   --color: #333;
   --togglebg: #333;
@@ -13,7 +13,7 @@
   --filter3: drop-shadow(-2px -2px 3px #ffffff) drop-shadow(2px 2px 3px #c3c5c8);
 }
 
-[data-theme="dark"] {
+/* [data-theme="dark"] {
   --bg-color: #333;
   --color: #ccc;
   --roundcolor: #333;
@@ -25,7 +25,7 @@
     drop-shadow(4px 4px 6px #13111178);
   --filter3: drop-shadow(-2px -2px 3px #16151508)
     drop-shadow(2px 2px 3px #13111178);
-}
+} */
 
 * {
   box-sizing: border-box;
