style(font): use variable font SUSE

GZTimeWalker · Sep 4, 2024 · 83d0283 · 83d0283
1 parent b0e1711
commit 83d0283
Show file tree

Hide file tree

Showing 5 changed files with 9 additions and 10 deletions.
diff --git a/src/GZCTF/ClientApp/src/components/AppFooter.tsx b/src/GZCTF/ClientApp/src/components/AppFooter.tsx
@@ -14,10 +14,10 @@ const AppFooter: FC = () => {
   const isMobile = useIsMobile()
 
   const copyright = (
-    <Text size="xs" ta="center" fw={500} c="dimmed" ff="monospace">
+    <Text size="sm" ta="center" fw={400} c="dimmed">
       Copyright&nbsp;©&nbsp;2022-now&nbsp;
       {isMobile && <br />}
-      <Anchor href="https://github.com/GZTimeWalker" c="dimmed" size="sm" fw={500} lh={1}>
+      <Anchor href="https://github.com/GZTimeWalker" c="dimmed" size="sm" fw={500}>
         @GZTimeWalker
       </Anchor>
       ,&nbsp;All&nbsp;Rights&nbsp;Reserved.

diff --git a/src/GZCTF/ClientApp/src/styles/components/Placeholder.module.css b/src/GZCTF/ClientApp/src/styles/components/Placeholder.module.css
@@ -1,7 +1,6 @@
 .board {
-  background-color: light-dark(var(--mantine-color-gray-0), var(--mantine-color-gray-8));
   justify-content: center;
-  height: calc(100vh - 3.75rem * var(--mantine-scale));
+  height: 100vh;
   padding: var(--mantine-spacing-lg);
   align-items: center;
 }

diff --git a/src/GZCTF/ClientApp/src/styles/components/ScoreboardTable.module.css b/src/GZCTF/ClientApp/src/styles/components/ScoreboardTable.module.css
@@ -6,7 +6,7 @@
   & thead tr th,
   & tbody tr td {
     text-align: center;
-    padding: 8px;
+    padding: 6px 4px;
     white-space: nowrap;
     font-size: 12px;
   }

diff --git a/src/GZCTF/ClientApp/src/utils/ThemeOverride.ts b/src/GZCTF/ClientApp/src/utils/ThemeOverride.ts
@@ -83,11 +83,11 @@ const CustomTheme: MantineThemeOverride = {
   },
   primaryColor: 'brand',
   fontFamily:
-    "'IBM Plex Sans', -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, sans-serif",
+    'SUSE, -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, sans-serif',
   fontFamilyMonospace:
-    "'JetBrains Mono', ui-monospace, SFMono-Regular, Monaco, Consolas, 'Courier New', monospace, 'IBM Plex Sans', sans-serif",
+    "'JetBrains Mono', ui-monospace, SFMono-Regular, Monaco, Consolas, 'Courier New', monospace, sans-serif",
   headings: {
-    fontFamily: "'IBM Plex Sans', sans-serif",
+    fontFamily: 'SUSE, sans-serif',
   },
   breakpoints: {
     xs: '30em',

diff --git a/src/GZCTF/ClientApp/vite.config.mts b/src/GZCTF/ClientApp/vite.config.mts
@@ -50,8 +50,8 @@ export default defineConfig(({ mode }) => {
       eslintPlugin(), // only for development
       webfontDownload(
         [
-          'https://fonts.googleapis.com/css2?family=JetBrains+Mono&display=swap',
-          'https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,400;0,500;1,400&display=swap',
+          'https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&display=swap',
+          'https://fonts.googleapis.com/css2?family=SUSE:wght@100..800&display=swap',
         ],
         { injectAsStyleTag: false, async: false }
       ),