diff --git a/assets/scss/common/_variables.scss b/assets/scss/common/_variables.scss
index 037b8f93..4b9411b3 100644
--- a/assets/scss/common/_variables.scss
+++ b/assets/scss/common/_variables.scss
@@ -62,6 +62,7 @@ $enable-validation-icons:     true;
 $enable-negative-margins:     true;
 $enable-deprecation-messages: true;
 $enable-important-utilities:  true;
+$enable-dark-mode:            true;
 
 /** Bootstrap navbar fix (https://git.io/fADqW) */
 $navbar-dark-toggler-icon-bg: none;
diff --git a/assets/scss/components/_alerts.scss b/assets/scss/components/_alerts.scss
index 9e4070f8..9b704927 100644
--- a/assets/scss/components/_alerts.scss
+++ b/assets/scss/components/_alerts.scss
@@ -15,8 +15,8 @@
 }
 
 .alert-doks {
-  background: $beige;
-  color: $black;
+  background: var(--bs-tertiary-bg);
+  color: var(--bs-body-color);
 }
 
 /*
@@ -31,12 +31,12 @@
 */
 
 .alert-white {
-  background-color: rgba(255, 255, 255, 0.95);
+  background-color: var(--bs-body-bg);
 }
 
 .alert-primary {
-  color: $white;
-  background-color: $primary;
+  color: var(--bs-white);
+  background-color: var(--bs-primary);
 }
 
 .alert a {
@@ -157,7 +157,7 @@
 }
 
 .alert code {
-  background: darken($beige, 5%);
-  color: $black;
+  background: var(--bs-tertiary-bg);
+  color: var(--bs-body-color);
   padding: 0.25rem 0.5rem;
 }