feat: add theme aware btn-outline class

Author: ReenigneArcher

_sass/styles.scss

@@ -357,3 +357,15 @@ table tr:nth-child(2n) {
 .text-muted {
   color: var(--footer-text-col) !important;
 }
+
+/* Theme-aware outline button: dark border/text in light mode, light in dark mode */
+.btn-outline-theme {
+  --bs-btn-color: var(--text-col);
+  --bs-btn-border-color: var(--text-col);
+  --bs-btn-hover-color: var(--page-col);
+  --bs-btn-hover-bg: var(--text-col);
+  --bs-btn-hover-border-color: var(--text-col);
+  --bs-btn-active-color: var(--page-col);
+  --bs-btn-active-bg: var(--text-col);
+  --bs-btn-active-border-color: var(--text-col);
+}