From 3e7b243ab8a134836cd1cec38ab0c35f0fe1d5a6 Mon Sep 17 00:00:00 2001
From: Misode <misoloo64@gmail.com>
Date: Fri, 20 Dec 2019 21:37:03 +0100
Subject: [PATCH] Style cards, fields and buttons

---
 custom.css | 81 +++++++++++++++++++++++++++++++++++++++++++++++++++++-
 1 file changed, 80 insertions(+), 1 deletion(-)

diff --git a/custom.css b/custom.css
index 92fa370f..6fa3a0a1 100644
--- a/custom.css
+++ b/custom.css
@@ -78,5 +78,84 @@ body[data-style="dark"] {
 body[data-style="dark"] #source {
   background-color: #181a1d;
   border-color: #646b72;
-  color: #eee;
+  color: #ddd;
+}
+
+body[data-style="dark"] .form-control {
+  background-color: #343a40;
+  color: #ddd;
+  border-color: #2c3136;
+}
+
+body[data-style="dark"] .input-group-text {
+  background-color: #2d3236;
+  color: #fff;
+  border-color: #2c3136;
+}
+
+body[data-style="dark"] .btn-outline-secondary {
+  background-color: #343a40 !important;
+  color: #ddd;
+  border-color: #2c3136;
+}
+
+body[data-style="dark"] .btn-outline-dark {
+  filter: invert();
+}
+
+body[data-style="dark"] .custom-control-label {
+  color: #ddd;
+}
+
+body[data-style="dark"] .dropdown-menu {
+  background-color: #343a40;
+  color: #ddd;
+}
+
+body[data-style="dark"] .dropdown-item:hover {
+  background-color: #2d3236;
+}
+
+body[data-style="dark"] .card.bg-success {
+  background-color: #2f693e !important;
+  color: white !important;
+}
+
+body[data-style="dark"] .card.bg-light {
+  background-color: #32373c !important;
+  color: white !important;
+}
+
+body[data-style="dark"] .btn-light {
+  background-color: #282d31 !important;
+  color: white !important;
+  border-color: #282d31 !important;
+}
+
+body[data-style="dark"] .card.bg-secondary {
+  background-color: #707579 !important;
+  color: white !important;
+}
+
+body[data-style="dark"] .card.bg-info {
+  background-color: #2a707a !important;
+  color: black !important;
+}
+
+body[data-style="dark"] .card.bg-info .card.bg-info {
+  background-color: #3a929e !important;
+  color: black !important;
+}
+
+body[data-style="dark"] .card.bg-dark {
+  background-color: #4b4f54 !important;
+  color: white !important;
+}
+
+body[data-style="dark"] .card.bg-dark .card.bg-dark {
+  background-color: #565b60 !important;
+}
+
+body[data-style="dark"] .card.bg-dark .card.bg-dark .card.bg-dark {
+  background-color: #646b72 !important;
 }