From: Michael Tremer <michael.tremer@ipfire.org>
Date: Thu, 19 Jun 2025 15:45:30 +0000 (+0000)
Subject: frontend: Use our primary colour and font
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=59a94336f2800608c9f163cf3dfff04bea208f3e;p=pbs.git

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 eae5b205..f73a1121 100644
--- 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;
+}