Docker shit

frontend/src/styles/_variables.scss

@@ -11,6 +11,8 @@
   --color: #000000;
   --color-container: #f0f0f0;
   --color-text: #000000;
+  --color-placeholder: #757575;
+  --color-input: #1a1a1a;
 }
 
 [data-theme='dark'] {
@@ -26,4 +28,7 @@
   --color: #000000;
   --color-container: #1a1a1a;
   --color-text: #000000;
+  --color-placeholder: #a0a0a0;
+  --color-input: #f0f0f0;
 }
+

frontend/src/styles/components/_darkmode.scss

@@ -6,11 +6,17 @@
 	  padding: 0.75rem;
 	  font-size: 1rem;
 	  border-radius: 0.5rem;
-	  color: white;
+	  color: var(--color-input);
 	  border: none;
 	  cursor: pointer;
 	  margin-bottom: 15px;
 	}
+
+	input::placeholder,
+	textarea::placeholder {
+	  color: var(--color-placeholder);
+	  opacity: 1;
+	}
 	
 	button:hover  {
 	  cursor: pointer;

frontend/src/styles/components/_sidebar.scss

@@ -55,6 +55,12 @@
     cursor: pointer;
     text-align: left;
     margin-top: var(--spacing-sm);
+
+    &.theme-toggle-btn {
+      display: flex;
+      justify-content: center;
+      align-items: center;
+    }
   }
 
   .sidebar-header {

frontend/src/styles/main.scss

@@ -90,10 +90,12 @@ body {
     padding: 16px;
     font-size: 1.8rem;
     background-color: #f0f0f0;
+    color: var(--color-input);
     box-shadow: #6d6d6d;
     box-shadow: 6px 6px 8px;
   }
 
+
   input[type="checkbox"] {
     width: auto;
   }
@@ -123,4 +125,15 @@ body {
   box-sizing: border-box;
 }
 
+input, select, textarea {
+  color: var(--color-input);
+}
+
+input::placeholder,
+textarea::placeholder {
+  color: var(--color-placeholder);
+  opacity: 1;
+}
+
+