update theme styles

public/assets/styles/base.css

@@ -126,13 +126,15 @@ form, input, button, textarea {
 .bubble h3,
 .bubble h4,
 .bubble h5,
-.bubble h6{
+.bubble h6 {
     margin-top: .5rem;
     margin-bottom: 1rem;
 }
+
 .bubble table {
     width: 99%
 }
+
 .bubble td {
     border-top: 1px dotted;
     padding: .5rem .5rem .5rem .0rem;
@@ -145,7 +147,7 @@ form, input, button, textarea {
     gap: 0.75rem;
 }
 
-textarea{
+textarea {
     color: var(--muted) !important;
 }
 
@@ -229,7 +231,7 @@ button:disabled {
     /* ... vorhandene Styles ... */
 }
 
-#ai-cloud{
+#ai-cloud {
     width: 100px;
     height: 100px;
     position: absolute;
@@ -243,10 +245,66 @@ body {
     color: #e2e2e2;
 }
 
+.bg-black {
+    background-color: #16202f !important;
+}
+
+.bg-dark {
+    background-color: #101823 !important;
+}
+.bg-info {
+    --bs-bg-opacity: 1;
+    background-color: #86b7fe !important;
+}
 .card.bg-black,
 .card.bg-dark {
     color: #e2e2e2;
 }
+.text-info {
+    --bs-text-opacity: 1;
+    color: #86b7fe !important;
+}
+.btn-outline-info {
+    --bs-btn-color: #86b7fe;
+    --bs-btn-border-color: #86b7fe;
+    --bs-btn-hover-color: #000;
+    --bs-btn-hover-bg: #86b7fe;
+    --bs-btn-hover-border-color: #86b7fe;
+    --bs-btn-focus-shadow-rgb: 13, 202, 240;
+    --bs-btn-active-color: #000;
+    --bs-btn-active-bg: #86b7fe;
+    --bs-btn-active-border-color: #86b7fe;
+    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+    --bs-btn-disabled-color: #86b7fe;
+    --bs-btn-disabled-bg: transparent;
+    --bs-btn-disabled-border-color: #86b7fe;
+    --bs-gradient: none;
+}
+.text-light {
+    color: rgb(197 201 205) !important;
+}
+
+.border-secondary {
+    --bs-border-opacity: 1;
+    border-color: rgb(0, 0, 0) !important;
+}
+.table-hover>tbody>tr:hover>* {
+    --bs-table-color-state: var(--bs-table-hover-color);
+    --bs-table-bg-state: #2e3a4a;
+}
+.table-dark {
+    --bs-table-color: #fff;
+    --bs-table-bg: #101823;
+    --bs-table-border-color: #4d5154;
+    --bs-table-striped-bg: #16202f;
+    --bs-table-striped-color: #fff;
+    --bs-table-active-bg: #373b3e;
+    --bs-table-active-color: #fff;
+    --bs-table-hover-bg: #323539;
+    --bs-table-hover-color: #fff;
+    color: var(--bs-table-color);
+    border-color: var(--bs-table-border-color);
+}
 
 .list-group-item.bg-black,
 .list-group-item.bg-dark {
@@ -270,7 +328,6 @@ body {
     color: #9aa0a6 !important;
 }
 
-.card.bg-black .card-body
-{
+.card.bg-black .card-body {
     color: #e2e2e2 !important;
 }