frontend: Use our primary colour and font

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

diff --git a/frontend/src/assets/main.scss b/frontend/src/assets/main.scss
index eae5b205835871b0e08db57b95bf2666fad6deec..f73a1121c8af2c4adf73cb1c487c4b8446f33c81 100644 (file)
--- a/frontend/src/assets/main.scss
+++ b/frontend/src/assets/main.scss
@@ -1,4 +1,77 @@
+/*
+       Variables
+*/
+
+// Brand Color
+$primary:                                      #ff2e52;
+
 /*
        Import all of Bulma
 */
-@use "bulma/bulma";
+@use "bulma/sass" with (
+       // Fonts
+       $family-primary: "Prompt, sans-serif",
+
+       // Colors
+       $primary : $primary,
+);
+
+/*
+       Fonts
+
+       TODO It would be nice to serve fonts in WOFF2 format
+*/
+
+/* latin-ext */
+@font-face {
+       font-family: "Prompt";
+       font-style: normal;
+       font-weight: 400;
+       src: url(@/assets/fonts/Prompt-Regular.ttf) format("truetype");
+       unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+       font-family: "Prompt";
+       font-style: normal;
+       font-weight: 400;
+       src: url(@/assets/fonts/Prompt-Regular.ttf) format("truetype");
+       unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* latin-ext */
+@font-face {
+       font-family: 'Prompt';
+       font-style: normal;
+       font-weight: 500;
+       src: url(@/assets/fonts/Prompt-Medium.ttf) format("truetype");
+       unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+       font-family: 'Prompt';
+       font-style: normal;
+       font-weight: 500;
+       src: url(@/assets/fonts/Prompt-Medium.ttf) format("truetype");
+       unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* latin-ext */
+@font-face {
+       font-family: "Prompt";
+       font-style: normal;
+       font-weight: 700;
+       src: url(@/assets/fonts/Prompt-Bold.ttf) format("truetype");
+       unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+       font-family: "Prompt";
+       font-style: normal;
+       font-weight: 700;
+       src: url(@/assets/fonts/Prompt-Bold.ttf) format("truetype");
+       unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}