Add themed utility classes

Author: Carl-Hugo

scss/_navbar-themed-dark.scss

@@ -0,0 +1,25 @@
+.navbar-themed {
+    @extend .bg-dark;
+    @extend .navbar-dark;
+}
+
+.bg-themed {
+    @extend .bg-dark;
+}
+.bg-themed-inverted {
+    @extend .bg-light;
+}
+
+.text-themed {
+    @extend .text-light;
+}
+.text-themed-inverted {
+    @extend .text-dark;
+}
+
+.alert-themed {
+    @extend .alert-dark;
+}
+.alert-themed-inverted {
+    @extend .alert-light;
+}

scss/_navbar-themed-light.scss

@@ -0,0 +1,25 @@
+.navbar-themed {
+    @extend .bg-light;
+    @extend .navbar-light;
+}
+
+.bg-themed {
+    @extend .bg-light;
+}
+.bg-themed-inverted {
+    @extend .bg-dark;
+}
+
+.text-themed {
+    @extend .text-dark;
+}
+.text-themed-inverted {
+    @extend .text-light;
+}
+
+.alert-themed {
+    @extend .alert-light;
+}
+.alert-themed-inverted {
+    @extend .alert-dark;
+}

scss/_themed-utilities-dark.scss

@@ -48,6 +48,6 @@
 @import 'node_modules/bootstrap/scss/utilities';
 @import 'node_modules/bootstrap/scss/print';
 
-@import 'navbar-themed-dark';
+@import 'themed-utilities-dark';
 
 @import 'dark-styles';

scss/_themed-utilities-light.scss

@@ -1,2 +1,2 @@
 @import 'node_modules/bootstrap/scss/bootstrap';
-@import 'navbar-themed-light';
+@import 'themed-utilities-light';

scss/bootstrap-dark.scss

@@ -48,6 +48,6 @@
     @import 'node_modules/bootstrap/scss/spinners';
     @import 'node_modules/bootstrap/scss/utilities';
 
-    @import 'navbar-themed-dark';
+    @import 'themed-utilities-dark';
     @import 'dark-styles';
 }

scss/bootstrap-light.scss

@@ -40,5 +40,5 @@
     @import 'node_modules/bootstrap/scss/spinners';
     @import 'node_modules/bootstrap/scss/utilities';
 
-    @import 'navbar-themed-light';
+    @import 'themed-utilities-light';
 }

scss/bootstrap-prefers-dark.scss

@@ -68,7 +68,7 @@ body.bootstrap-dark {
     @import 'node_modules/bootstrap/scss/spinners';
     @import 'node_modules/bootstrap/scss/utilities';
 
-    @import 'navbar-themed-dark';
+    @import 'themed-utilities-dark';
 
     @import 'dark-styles';
 }

scss/bootstrap-prefers-light.scss

@@ -53,5 +53,5 @@ body.bootstrap {
     @import 'node_modules/bootstrap/scss/spinners';
     @import 'node_modules/bootstrap/scss/utilities';
 
-    @import 'navbar-themed-light';
+    @import 'themed-utilities-light';
 }