diff --git a/_sass/styles.scss b/_sass/styles.scss
index 4ea7c2d2..edacbc39 100644
--- a/_sass/styles.scss
+++ b/_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);
+}