From: Michael Tremer <michael.tremer@ipfire.org>
Date: Fri, 28 Sep 2018 13:38:58 +0000 (+0100)
Subject: CSS: Add simple class to swap colours
X-Git-Url: http://git.ipfire.org/?a=commitdiff_plain;h=60ad770520a06e4a28017a0a5a1cde6303262898;p=ipfire.org.git

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 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;
 	}