CSS: Add simple class to swap colours

This is easy to include everywhere we need it

Signed-off-by: Michael Tremer <michael.tremer@ipfire.org>

diff --git a/src/scss/style.scss b/src/scss/style.scss
index 384eb367b65863c5df19e3642313280a79098084..4361940fcfcc7ce6a0303e2e68af3c31784684d0 100644 (file)
--- a/src/scss/style.scss
+++ b/src/scss/style.scss
@@ -37,6 +37,12 @@
 // Custom stuff
 @import '_icons';
 
+// Makes everything white with dark text on it
+.inverse {
+       background-color: $body-color;
+       color: $body-bg;
+}
+
 body {
        // For scrollspy
        position: relative;
@@ -77,7 +83,7 @@ h6 {
 }
 
 .card {
-       color: $dark;
+       @extend .inverse;
 
        .card-body {
                h1, h2, h3, h4, h5, h6 {
@@ -99,7 +105,7 @@ h6 {
 
 .navbar {
        &.scrolled {
-               background-color: white;
+               @extend .inverse;
 
                transition: background-color 200ms linear;
        }