diff --git a/frontend/src/styles/components/_darkmode.scss b/frontend/src/styles/components/_darkmode.scss
new file mode 100644
index 0000000..e31aa1b
--- /dev/null
+++ b/frontend/src/styles/components/_darkmode.scss
@@ -0,0 +1,21 @@
+ body {
+	/* Formular Styles */
+	input, textarea, select, button {
+	  width: 100%;
+	  margin-top: 1rem;
+	  padding: 0.75rem;
+	  font-size: 1rem;
+	  border-radius: 0.5rem;
+	  color: white;
+	  border: none;
+	  cursor: pointer;
+	  margin-bottom: 15px;
+	}
+	
+	button:hover  {
+	  cursor: pointer;
+	  border: none;
+	  transition: all 0.2s ease-in-out;
+	  margin-bottom: 15px;
+	}
+ }
\ No newline at end of file
diff --git a/frontend/src/styles/components/_sidebar.scss b/frontend/src/styles/components/_sidebar.scss
index 1bd52a5..7850964 100644
--- a/frontend/src/styles/components/_sidebar.scss
+++ b/frontend/src/styles/components/_sidebar.scss
@@ -1,6 +1,11 @@
 @use "../variables" as *;
 @use "../mixins" as *;
 
+
+:root {
+  color-scheme: dark light;
+}
+
 .sidebar {
   width: 260px;
   background: $color-sidebar;
@@ -65,4 +70,6 @@
     display: flex;
     justify-content: center;
   }
+
 }
+