From 60ad770520a06e4a28017a0a5a1cde6303262898 Mon Sep 17 00:00:00 2001
From: Michael Tremer <michael.tremer@ipfire.org>
Date: Fri, 28 Sep 2018 14:38:58 +0100
Subject: [PATCH] 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>
---
 src/scss/style.scss | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/scss/style.scss b/src/scss/style.scss
index 384eb367..4361940f 100644
--- 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;
 	}
-- 
2.47.3