Add fonts

Author: gtsiolis

.pre-commit-config.yaml

@@ -22,7 +22,7 @@ repos:
         exclude: |
           (?x)^(
             .*example-layer.tar.gz|
-            .*\.(png|svg|ico|gpg)|
+            .*\.(png|svg|ico|gpg|woff2)|
             dev/version-manifest/version-manifest|
             .*gradle-wrapper\.jar
           )$

components/dashboard/src/fonts/inter/Inter-Regular.woff2

@@ -8,6 +8,17 @@
 @tailwind components;
 @tailwind utilities;
 
+@font-face {
+    font-family: Inter;
+    font-weight: 400;
+    src: url('fonts/inter/Inter-Regular.woff2') format('woff2');
+}
+@font-face {
+    font-family: Inter;
+    font-weight: 600;
+    src: url('fonts/inter/Inter-SemiBold.woff2') format('woff2');
+}
+
 @layer base {
     html,
     body {

components/dashboard/src/fonts/inter/Inter-SemiBold.woff2

@@ -6,6 +6,7 @@
 
 // tailwind.config.js
 const colors = require("tailwindcss/colors");
+const defaultTheme = require("tailwindcss/defaultTheme");
 
 module.exports = {
     jit: true,
@@ -28,13 +29,9 @@ module.exports = {
                 sky: colors.sky,
                 rose: colors.rose,
                 "gitpod-black": "#161616",
-                "gitpod-gray": "#8E8787",
                 "gitpod-red": "#CE4A3E",
                 "gitpod-kumquat-light": "#FFE4BC",
                 "gitpod-kumquat": "#FFB45B",
-                "gitpod-kumquat-dark": "#FF8A00",
-                "gitpod-kumquat-darker": "#f28300",
-                "gitpod-kumquat-gradient": "linear-gradient(137.41deg, #FFAD33 14.37%, #FF8A00 91.32%)",
             },
             container: {
                 center: true,
@@ -55,22 +52,7 @@ module.exports = {
             },
         },
         fontFamily: {
-            sans: [
-                "Inter",
-                "system-ui",
-                "-apple-system",
-                "BlinkMacSystemFont",
-                "Segoe UI",
-                "Roboto",
-                "Helvetica Neue",
-                "Arial",
-                "Noto Sans",
-                "sans-serif",
-                "Apple Color Emoji",
-                "Segoe UI Emoji",
-                "Segoe UI Symbol",
-                "Noto Color Emoji",
-            ],
+            sans: ["Inter", ...defaultTheme.fontFamily.sans],
             mono: [
                 "JetBrains Mono",
                 "SF Mono",