CSS: Assign special colours for architectures

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

diff --git a/src/static/css/site.scss b/src/static/css/site.scss
index ed2c7143f06e031d221fd18e4aeeda59e0212a7e..70e07c4d0c04bf8be45a31d17f92a35e57bd4a0a 100644 (file)
--- a/src/static/css/site.scss
+++ b/src/static/css/site.scss
@@ -2,6 +2,7 @@
 
 // Import some basic variables from Bulma
 @import "../../third-party/bulma/sass/utilities/initial-variables";
+@import "../../third-party/bulma/sass/utilities/functions";
 
 /*
        Global Settings
@@ -17,6 +18,13 @@ $yellow:                                             #e7e247;
 // Use the primary colour for links
 $link:                                                 $primary;
 
+// Define colors for architectures
+$custom-colors: (
+       "aarch64" : ($red,    findColorInvert($red)),
+       "riscv64" : ($yellow, findColorInvert($yellow)),
+       "x86_64"  : ($blue,   findColorInvert($blue)),
+);
+
 @import "../../third-party/bulma/sass/utilities/derived-variables";
 
 // section