From 2aadcd81aac26cbf77942675057cf3328e7c8c35 Mon Sep 17 00:00:00 2001
From: Marius <24592972+gilbN@users.noreply.github.com>
Date: Thu, 5 Aug 2021 17:31:22 +0200
Subject: [PATCH] xbb button fixes etc

---
 CSS/themes/xbackbone/xbackbone-base.css | 95 ++++++++++++++++++++++++-
 1 file changed, 94 insertions(+), 1 deletion(-)

diff --git a/CSS/themes/xbackbone/xbackbone-base.css b/CSS/themes/xbackbone/xbackbone-base.css
index ee62b533..cbcdfea2 100644
--- a/CSS/themes/xbackbone/xbackbone-base.css
+++ b/CSS/themes/xbackbone/xbackbone-base.css
@@ -107,7 +107,6 @@ code {
 /* LINKS */
 a {
     color: var(--link-color);
-    text-decoration: underline;
 }
 
 a:hover {
@@ -140,6 +139,10 @@ a:hover {
     -o-background-size: auto, cover;
 }
 
+.dropdown-header {
+    color: var(--text-hover);
+}
+
 .dropdown-item:focus,
 .dropdown-item:hover {
     color: var(--text-hover);
@@ -251,8 +254,98 @@ a:hover {
 .btn-outline-info.dropdown-toggle.show:focus,
 .btn-outline-info:active:focus {
     box-shadow: 0 0 0 0.25rem rgb(var(--accent-color), .5);
+    color: var(--button-text-hover);
+    border-color: var(--button-color-hover);
+    background-color: var(--button-color-hover);
+}
+
+.btn-outline-info:not(:disabled):not(.disabled).active:focus,
+.btn-outline-info:not(:disabled):not(.disabled):active:focus,
+.show>.btn-outline-info.dropdown-toggle:focus {
+    box-shadow: 0 0 0 0.2rem rgb(var(--accent-color) / 50%);
+}
+
+.btn-outline-info:not(:disabled):not(.disabled).active,
+.btn-outline-info:not(:disabled):not(.disabled):active,
+.show>.btn-outline-info.dropdown-toggle {
+    color: var(--button-text-hover);
+    border-color: var(--button-color-hover);
+    background-color: var(--button-color-hover);
+}
+
+.btn-outline-primary {
+    color: var(--button-color);
+    border-color: var(--button-color);
+}
+
+.btn-outline-primary:hover {
+    color: var(--button-text-hover);
+    border-color: var(--button-color-hover);
+    background-color: var(--button-color-hover);
+}
+
+.btn-outline-primary.focus,
+.btn-outline-primary:focus {
+    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)
+}
+
+.btn-outline-primary.disabled,
+.btn-outline-primary:disabled {
+    color: var(--button-color);
+    background-color: transparent
+}
+
+.btn-outline-primary:not(:disabled):not(.disabled).active,
+.btn-outline-primary:not(:disabled):not(.disabled):active,
+.show>.btn-outline-primary.dropdown-toggle {
+    color: var(--button-text-hover);
+    border-color: var(--button-color-hover);
+    background-color: var(--button-color-hover);
+}
+
+.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
+.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
+.show>.btn-outline-primary.dropdown-toggle:focus {
+    box-shadow: 0 0 0 .2rem rgba(var(--accent-color), .5)
+}
+
+.btn-outline-dark {
+    color: var(--button-text);
+    border-color: var(--button-color);
+}
+
+.btn-outline-dark:hover {
+    color: var(--button-text-hover);
+    border-color: var(--button-color-hover);
+    background-color: var(--button-color-hover);
+}
+
+.btn-outline-dark.focus,
+.btn-outline-dark:focus {
+    box-shadow: 0 0 0 .2rem rgba(var(--accent-color), .5)
+}
+
+.btn-outline-dark.disabled,
+.btn-outline-dark:disabled {
+    color: var(--button-color);
+    background-color: transparent
+}
+
+.btn-outline-dark:not(:disabled):not(.disabled).active,
+.btn-outline-dark:not(:disabled):not(.disabled):active,
+.show>.btn-outline-dark.dropdown-toggle {
+    color: var(--button-text-hover);
+    border-color: var(--button-color-hover);
+    background-color: var(--button-color-hover);
 }
 
+.btn-outline-dark:not(:disabled):not(.disabled).active:focus,
+.btn-outline-dark:not(:disabled):not(.disabled):active:focus,
+.show>.btn-outline-dark.dropdown-toggle:focus {
+    box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
+}
+
+
 /* FORMS */
 .form-control {
     color: #fff;