wasp-lang · cprecioso · Oct 7, 2025 · Oct 2, 2025
diff --git a/...late/app/public/fonts/Satoshi-Black.woff2 → ...iff/public/fonts/Satoshi-Black.woff2.copy b/...late/app/public/fonts/Satoshi-Black.woff2 → ...iff/public/fonts/Satoshi-Black.woff2.copy
diff --git a/template/app/public/fonts/Satoshi-Bold.woff2 → ...diff/public/fonts/Satoshi-Bold.woff2.copy b/template/app/public/fonts/Satoshi-Bold.woff2 → ...diff/public/fonts/Satoshi-Bold.woff2.copy
diff --git a/...late/app/public/fonts/Satoshi-Light.woff2 → ...iff/public/fonts/Satoshi-Light.woff2.copy b/...late/app/public/fonts/Satoshi-Light.woff2 → ...iff/public/fonts/Satoshi-Light.woff2.copy
diff --git a/...ate/app/public/fonts/Satoshi-Medium.woff2 → ...ff/public/fonts/Satoshi-Medium.woff2.copy b/...ate/app/public/fonts/Satoshi-Medium.woff2 → ...ff/public/fonts/Satoshi-Medium.woff2.copy
diff --git a/...te/app/public/fonts/Satoshi-Regular.woff2 → ...f/public/fonts/Satoshi-Regular.woff2.copy b/...te/app/public/fonts/Satoshi-Regular.woff2 → ...f/public/fonts/Satoshi-Regular.woff2.copy
diff --git a/opensaas-sh/app_diff/src/admin/dashboards/analytics/RevenueAndProfitChart.tsx.diff b/opensaas-sh/app_diff/src/admin/dashboards/analytics/RevenueAndProfitChart.tsx.diff
@@ -0,0 +1,11 @@
+--- template/app/src/admin/dashboards/analytics/RevenueAndProfitChart.tsx
++++ opensaas-sh/app/src/admin/dashboards/analytics/RevenueAndProfitChart.tsx
+@@ -11,7 +11,7 @@
+   },
+   colors: ["#3C50E0", "#80CAEE"],
+   chart: {
+-    fontFamily: "system-ui, sans-serif",
++    fontFamily: "Satoshi, system-ui, sans-serif",
+     height: 335,
+     type: "area",
+     dropShadow: {
diff --git a/opensaas-sh/app_diff/src/client/Main.css.diff b/opensaas-sh/app_diff/src/client/Main.css.diff
@@ -1,6 +1,6 @@
 --- template/app/src/client/Main.css
 +++ opensaas-sh/app/src/client/Main.css
-@@ -56,6 +56,23 @@
+@@ -56,6 +56,64 @@
    .border-gradient-primary > * {
      background: hsl(var(--background));
    }
@@ -21,13 +21,7 @@
 +      hsl(var(--card)) 100%
 +    );
 +  }
- }
-
- /* Here is an example of how to add a custom font. 
-@@ -63,6 +80,16 @@
- * They are defined first here, then need to be referenced in the tailwind.config.js file
- * under `theme.extend.fontFamily`, and then can be used as a tailwind class, e.g. className='font-satoshi'.
- */
++}
 +
 +/* Satoshi Font Family */
 +@font-face {
@@ -38,13 +32,14 @@
 +  font-display: swap;
 +}
 +
- @font-face {
-   font-family: "Satoshi";
-   src: url("/fonts/Satoshi-Regular.woff2") format("woff2");
-@@ -71,6 +98,30 @@
-   font-display: swap;
- }
-
++@font-face {
++  font-family: "Satoshi";
++  src: url("/fonts/Satoshi-Regular.woff2") format("woff2");
++  font-weight: normal;
++  font-style: normal;
++  font-display: swap;
++}
++
 +@font-face {
 +  font-family: "Satoshi";
 +  src: url("/fonts/Satoshi-Medium.woff2") format("woff2");
@@ -67,12 +62,10 @@
 +  font-weight: 900;
 +  font-style: normal;
 +  font-display: swap;
-+}
-+
- /* third-party libraries CSS */
+ }
 
- .tableCheckbox:checked ~ div span {
-@@ -189,4 +240,22 @@
+ /* third-party libraries CSS */
+@@ -176,4 +234,22 @@
    body {
      @apply bg-background text-foreground;
    }

diff --git a/opensaas-sh/app_diff/tailwind.config.js.diff b/opensaas-sh/app_diff/tailwind.config.js.diff
@@ -1,6 +1,16 @@
 --- template/app/tailwind.config.js
 +++ opensaas-sh/app/tailwind.config.js
-@@ -254,6 +254,10 @@
+@@ -12,6 +12,9 @@
+   darkMode: "class",
+   theme: {
+     extend: {
++      fontFamily: {
++        satoshi: ["Satoshi", "system-ui", "sans-serif"],
++      },
+       colors: {
+         current: "currentColor",
+         transparent: "transparent",
+@@ -251,6 +254,10 @@
          7: "-5px 0 0 #313D4A, 5px 0 0 #313D4A",
          8: "1px 0 0 #313D4A, -1px 0 0 #313D4A, 0 1px 0 #313D4A, 0 -1px 0 #313D4A, 0 3px 13px rgb(0 0 0 / 8%)",
          default: "0px 8px 13px -3px rgba(0, 0, 0, 0.07)",

diff --git a/template/app/public/fonts/Satoshi-Black.eot b/template/app/public/fonts/Satoshi-Black.eot
diff --git a/template/app/public/fonts/Satoshi-Black.ttf b/template/app/public/fonts/Satoshi-Black.ttf
diff --git a/template/app/public/fonts/Satoshi-Black.woff b/template/app/public/fonts/Satoshi-Black.woff
diff --git a/template/app/public/fonts/Satoshi-BlackItalic.eot b/template/app/public/fonts/Satoshi-BlackItalic.eot
diff --git a/template/app/public/fonts/Satoshi-BlackItalic.ttf b/template/app/public/fonts/Satoshi-BlackItalic.ttf
diff --git a/template/app/public/fonts/Satoshi-BlackItalic.woff b/template/app/public/fonts/Satoshi-BlackItalic.woff
diff --git a/template/app/public/fonts/Satoshi-BlackItalic.woff2 b/template/app/public/fonts/Satoshi-BlackItalic.woff2
diff --git a/template/app/public/fonts/Satoshi-Bold.eot b/template/app/public/fonts/Satoshi-Bold.eot
diff --git a/template/app/public/fonts/Satoshi-Bold.ttf b/template/app/public/fonts/Satoshi-Bold.ttf
diff --git a/template/app/public/fonts/Satoshi-Bold.woff b/template/app/public/fonts/Satoshi-Bold.woff
diff --git a/template/app/public/fonts/Satoshi-BoldItalic.eot b/template/app/public/fonts/Satoshi-BoldItalic.eot
diff --git a/template/app/public/fonts/Satoshi-BoldItalic.ttf b/template/app/public/fonts/Satoshi-BoldItalic.ttf
diff --git a/template/app/public/fonts/Satoshi-BoldItalic.woff b/template/app/public/fonts/Satoshi-BoldItalic.woff
diff --git a/template/app/public/fonts/Satoshi-BoldItalic.woff2 b/template/app/public/fonts/Satoshi-BoldItalic.woff2
diff --git a/template/app/public/fonts/Satoshi-Italic.eot b/template/app/public/fonts/Satoshi-Italic.eot
diff --git a/template/app/public/fonts/Satoshi-Italic.ttf b/template/app/public/fonts/Satoshi-Italic.ttf
diff --git a/template/app/public/fonts/Satoshi-Italic.woff b/template/app/public/fonts/Satoshi-Italic.woff
diff --git a/template/app/public/fonts/Satoshi-Italic.woff2 b/template/app/public/fonts/Satoshi-Italic.woff2
diff --git a/template/app/public/fonts/Satoshi-Light.eot b/template/app/public/fonts/Satoshi-Light.eot
diff --git a/template/app/public/fonts/Satoshi-Light.ttf b/template/app/public/fonts/Satoshi-Light.ttf
diff --git a/template/app/public/fonts/Satoshi-Light.woff b/template/app/public/fonts/Satoshi-Light.woff
diff --git a/template/app/public/fonts/Satoshi-LightItalic.eot b/template/app/public/fonts/Satoshi-LightItalic.eot
diff --git a/template/app/public/fonts/Satoshi-LightItalic.ttf b/template/app/public/fonts/Satoshi-LightItalic.ttf
diff --git a/template/app/public/fonts/Satoshi-LightItalic.woff b/template/app/public/fonts/Satoshi-LightItalic.woff
diff --git a/template/app/public/fonts/Satoshi-LightItalic.woff2 b/template/app/public/fonts/Satoshi-LightItalic.woff2
diff --git a/template/app/public/fonts/Satoshi-Medium.eot b/template/app/public/fonts/Satoshi-Medium.eot
diff --git a/template/app/public/fonts/Satoshi-Medium.ttf b/template/app/public/fonts/Satoshi-Medium.ttf
diff --git a/template/app/public/fonts/Satoshi-Medium.woff b/template/app/public/fonts/Satoshi-Medium.woff
diff --git a/template/app/public/fonts/Satoshi-MediumItalic.eot b/template/app/public/fonts/Satoshi-MediumItalic.eot
diff --git a/template/app/public/fonts/Satoshi-MediumItalic.ttf b/template/app/public/fonts/Satoshi-MediumItalic.ttf
diff --git a/template/app/public/fonts/Satoshi-MediumItalic.woff b/template/app/public/fonts/Satoshi-MediumItalic.woff
diff --git a/template/app/public/fonts/Satoshi-MediumItalic.woff2 b/template/app/public/fonts/Satoshi-MediumItalic.woff2
diff --git a/template/app/public/fonts/Satoshi-Regular.eot b/template/app/public/fonts/Satoshi-Regular.eot
diff --git a/template/app/public/fonts/Satoshi-Regular.ttf b/template/app/public/fonts/Satoshi-Regular.ttf
diff --git a/template/app/public/fonts/Satoshi-Regular.woff b/template/app/public/fonts/Satoshi-Regular.woff
diff --git a/template/app/public/fonts/Satoshi-Variable.eot b/template/app/public/fonts/Satoshi-Variable.eot
diff --git a/template/app/public/fonts/Satoshi-Variable.ttf b/template/app/public/fonts/Satoshi-Variable.ttf
diff --git a/template/app/public/fonts/Satoshi-Variable.woff b/template/app/public/fonts/Satoshi-Variable.woff
diff --git a/template/app/public/fonts/Satoshi-Variable.woff2 b/template/app/public/fonts/Satoshi-Variable.woff2
diff --git a/template/app/public/fonts/Satoshi-VariableItalic.eot b/template/app/public/fonts/Satoshi-VariableItalic.eot
diff --git a/template/app/public/fonts/Satoshi-VariableItalic.ttf b/template/app/public/fonts/Satoshi-VariableItalic.ttf
diff --git a/template/app/public/fonts/Satoshi-VariableItalic.woff b/template/app/public/fonts/Satoshi-VariableItalic.woff
diff --git a/template/app/public/fonts/Satoshi-VariableItalic.woff2 b/template/app/public/fonts/Satoshi-VariableItalic.woff2
diff --git a/template/app/src/admin/dashboards/analytics/RevenueAndProfitChart.tsx b/template/app/src/admin/dashboards/analytics/RevenueAndProfitChart.tsx
@@ -11,7 +11,7 @@ const options: ApexOptions = {
   },
   colors: ["#3C50E0", "#80CAEE"],
   chart: {
-    fontFamily: "Satoshi, sans-serif",
+    fontFamily: "system-ui, sans-serif",
     height: 335,
     type: "area",
     dropShadow: {

diff --git a/template/app/src/client/Main.css b/template/app/src/client/Main.css
@@ -58,19 +58,6 @@
   }
 }
 
-/* Here is an example of how to add a custom font. 
-* Fonts are stored in the public/fonts folder.
-* They are defined first here, then need to be referenced in the tailwind.config.js file
-* under `theme.extend.fontFamily`, and then can be used as a tailwind class, e.g. className='font-satoshi'.
-*/
-@font-face {
-  font-family: "Satoshi";
-  src: url("/fonts/Satoshi-Regular.woff2") format("woff2");
-  font-weight: normal;
-  font-style: normal;
-  font-display: swap;
-}
-
 /* third-party libraries CSS */
 
 .tableCheckbox:checked ~ div span {

diff --git a/template/app/tailwind.config.js b/template/app/tailwind.config.js
@@ -12,9 +12,6 @@ export default {
   darkMode: "class",
   theme: {
     extend: {
-      fontFamily: {
-        satoshi: ["Satoshi", "system-ui", "sans-serif"],
-      },
       colors: {
         current: "currentColor",
         transparent: "transparent",