From 3e970c52e6a46cf9db4f69c5bec9102da53c0744 Mon Sep 17 00:00:00 2001
From: Daniel Karbach <daniel.karbach@localhorst.tv>
Date: Wed, 7 Sep 2022 22:57:37 +0200
Subject: [PATCH] dark mode

---
 resources/sass/bootstrap.scss | 24 ++++++++++++++++++++++++
 resources/sass/form.scss      | 14 +++-----------
 resources/sass/rounds.scss    |  8 +++++---
 3 files changed, 32 insertions(+), 14 deletions(-)

diff --git a/resources/sass/bootstrap.scss b/resources/sass/bootstrap.scss
index c52f144..e80df7c 100644
--- a/resources/sass/bootstrap.scss
+++ b/resources/sass/bootstrap.scss
@@ -3,6 +3,30 @@
 @import "~bootstrap/scss/variables";
 @import "~bootstrap/scss/mixins";
 
+$body-bg: $gray-800;
+$body-color: $gray-200;
+
+$input-bg: $body-bg;
+$input-color: $body-color;
+$input-disabled-bg: $gray-700 !default;
+$input-focus-bg: $input-bg;
+$input-focus-color: $input-color;
+$form-select-bg: $input-bg;
+$form-select-color: $input-color;
+$form-select-indicator-color: $input-color;
+$form-select-indicator: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill='none' stroke='#{$form-select-indicator-color}' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/></svg>");
+
+$list-group-color: $body-color;
+$list-group-bg: $body-bg;
+$list-group-hover-bg: $gray-700;
+$list-group-action-color: $body-color;
+$list-group-action-hover-color: $body-color;
+
+$modal-content-bg: $body-bg;
+
+$table-color: $body-color;
+$table-striped-color: $table-color;
+
 $theme-colors: map-merge($theme-colors, $custom-colors);
 
 @import '~bootstrap/scss/bootstrap';
diff --git a/resources/sass/form.scss b/resources/sass/form.scss
index 8ec46a1..2202be6 100644
--- a/resources/sass/form.scss
+++ b/resources/sass/form.scss
@@ -18,20 +18,16 @@ label {
 	width: auto;
 	height: 2.25rem;
 	min-width: 58px;
-	background: #e9ecef;
-	border: 1px solid #ced4da;
+	background: $input-bg;
+	border: $input-border-width solid $input-border-color;
 	border-radius: 1.25rem;
 	transition: background 200ms ease, padding 200ms ease;
 	text-align: left;
 	padding: 3px 3px 3px 24px;
 
 	&.is-toggled {
-		background: #4f94d9;
+		background: $success;
 		padding: 3px 24px 3px 3px;
-
-		.handle-label {
-			color: #4f94d9;
-		}
 	}
 
 	&.is-invalid,
@@ -55,11 +51,7 @@ label {
 	}
 
 	&:focus {
-		background-color: #e9ecef;
 		border-color: #ced4da;
-		&.is-toggled {
-			background-color: #4f94d9;
-		}
 	}
 
 	.handle {
diff --git a/resources/sass/rounds.scss b/resources/sass/rounds.scss
index 6e3d04c..4ed1338 100644
--- a/resources/sass/rounds.scss
+++ b/resources/sass/rounds.scss
@@ -4,12 +4,14 @@
 
 	.round {
 		margin: 1rem 0;
-		border: thin solid $secondary;
-		border-radius: 1ex;
+		border: $border-width solid $secondary;
+		border-radius: $border-radius;
+		background: $gray-700;
 		padding: 1ex;
 
 		&.has-not-finished {
-			box-shadow: 0 0 0.25rem $primary;
+			border-color: $light;
+			box-shadow: 0 0 0.25rem 0.25rem $info;
 		}
 
 		.info {
-- 
2.39.2