some style updates

static/css/style.css

@@ -40,11 +40,34 @@
 	--bs-primary-text-emphasis: color-mix(in srgb, var(--bs-primary), white);
 }
 
+.bg-body {
+	background-color: var(--bs-body-bg) !important;
+}
+
+.placeholder {
+	border-radius: var(--bs-border-radius-sm);
+}
+
 [data-bs-theme=light] .light-invert,
 [data-bs-theme=dark] .dark-invert {
 	filter: invert();
 }
 
+.tooltip {
+	--bs-tooltip-color: var(--bs-body-color);
+	--bs-tooltip-bg: var(--bs-body-bg);
+	--bs-tooltip-opacity: 1;
+}
+
+.tooltip-inner {
+	border: 1px solid var(--bs-primary-bg-subtle);
+	box-shadow: var(--bs-box-shadow);
+}
+
+.text-primary {
+	color: var(--bs-primary) !important;
+}
+
 .btn-check:checked + .btn-secondary, .btn-check:checked + .btn-outline-secondary {
 	--bs-btn-active-bg: var(--bs-basic-btn-active-bg-strong) !important;
 	--bs-btn-active-color: var(--bs-body-color);
@@ -68,6 +91,20 @@
 .btn-outline-danger {
 	--bs-btn-color: var(--bs-danger);
 	--bs-btn-border-color: var(--bs-danger);
+	--bs-btn-hover-color: ;
+	--bs-btn-hover-bg: color-mix(in srgb, var(--bs-danger-border-subtle) 60%, transparent);
+	--bs-btn-hover-border-color: #dc3545;
+}
+[data-bs-theme=dark] .btn-outline-danger {
+	--bs-btn-active-bg: var(--bs-danger-border-subtle);
+}
+[data-bs-theme=dark] .btn-danger {
+	--bs-btn-border-color: var(--bs-danger-border-subtle);
+	--bs-btn-bg: var(--bs-danger-border-subtle);
+	--bs-btn-hover-bg: color-mix(in srgb, var(--bs-danger-border-subtle) 80%, var(--bs-body-bg));
+	--bs-btn-hover-border-color: color-mix(in srgb, var(--bs-danger-border-subtle) 80%, var(--bs-body-bg));
+	--bs-btn-active-bg: color-mix(in srgb, var(--bs-danger-border-subtle) 70%, var(--bs-body-bg));
+	--bs-btn-active-border-color: color-mix(in srgb, var(--bs-danger-border-subtle) 70%, var(--bs-body-bg));
 }
 
 .btn {
@@ -148,10 +185,6 @@
 	background-color: var(--bs-btn-active-bg) !important;
 }
 
-.btn-close {
-	--bs-btn-close-bg: none;
-}
-
 .modal {
 	--bs-modal-padding: 1.3rem;
 	--bs-modal-header-padding: 1.3rem;
@@ -217,11 +250,15 @@ a:hover {
 	--bs-dropdown-link-hover-color: var(--bs-danger);
 }
 
-.bg-hover-danger.dropdown-item.active, .bg-hover-danger.dropdown-item:active {
+/*.bg-hover-danger.dropdown-item.active, .bg-hover-danger.dropdown-item:active {
 	--bs-dropdown-link-active-bg: var(--bs-danger);
-	background-color: red !important;
+	background-color: var(--bs-danger) !important;
-	color: white !important;
+	color: var(--bs-dropdown-bg) !important;*/
-	--bs-dropdown-link-active-color: white;
+/* 	color: white !important; */
+/* 	--bs-dropdown-link-active-color: white; */
+/* } */
+.bg-hover-danger.dropdown-item.active, .bg-hover-danger.dropdown-item:active {
+	color: var(--bs-dropdown-link-active-color) !important;
 }
 
 .form-control:focus, .form-check-input:focus,
@@ -240,32 +277,6 @@ a:hover {
 	box-shadow: var(--bs-box-shadow);
 }
 
-.no-arrow.dropdown-toggle::after {
-	border: none;
-	display: none;
-}
-
-.markdown-content p {
-	margin: 0;
-}
-.markdown-content ol {
-	margin-bottom: 0;
-}
-.markdown-content blockquote {
-	border-left: 3px solid var(--bs-border-color);
-}
-.markdown-content blockquote p {
-	margin-left: .5rem;
-}
-
-.htmx-indicator {
-	display: none;
-}
-.htmx-request .htmx-indicator,
-.htmx-request.htmx-indicator {
-	display: inline-block;
-}
-
 .form-check-input:checked {
 	background-color: var(--bs-primary);
 	border-color: var(--bs-primary);
@@ -327,17 +338,7 @@ a:hover {
 }
 
 .emoji:hover {
-	scale: 1.3;
+	scale: 1.5;
-}
-
-.fw-buttons button {
-	width: 100%;
-	margin-top: .25rem;
-	margin-bottom: .25rem;
-}
-
-.markdown-content p:not(:first-child) {
-	margin-top: .5rem;
 }
 
 .scale-parent:hover .scale-child,