opnkty/links.opnkty
1
0
Fork 0
Code Issues 3 Pull Requests Actions Packages Projects Releases Wiki Activity

after too many hours; fonts work now...

Browse Source
This commit is contained in:
kitty 2025-03-05 15:42:56 +00:00
parent 108ad19cc3
commit c05dcca091
4 changed files with 20 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

0
src/assets/JetBrainsMonoNLNerdFont-Regular.ttf → src/assets/fonts/JetBrainsMonoNLNerdFont-Regular.ttf
View File

2
src/layouts/BaseLayout.astro
View File

@ -9,7 +9,7 @@ import Footer from "@/components/Footer.astro";
<BaseHead> <BaseHead>
<slot name="head" /> <slot name="head" />
</BaseHead> </BaseHead>
<body class="mx-auto min-h-screen max-w-xs p-3 sm:p-6"> <body class="mx-auto min-h-screen max-w-xs font-jb p-3 font-jb sm:p-6">
<main> <main>
<slot /> <slot />
</main> </main>

21
src/styles/global.css
View File

@ -1,15 +1,17 @@
@font-face {
font-family: jb;
src: url("../assets/fonts/JetBrainsMonoNLNerdFont-Regular.ttf");
}
/*@theme {*/
/* --font-jb: jb;*/
/*}*/
@tailwind base; @tailwind base;
@tailwind components; @tailwind components;
@tailwind utilities; @tailwind utilities;
@font-face {
font-family: 'jb';
src: url("/src/assets/JetBrainsMonoNLNerdFont-Regular.ttf") format("ttf");
}
@layer base { @layer base {
:root { :root {
color-scheme: light dark; color-scheme: dark;
font-family: 'jb';
/* replace colors from here... */ /* replace colors from here... */
--light-mode-background: 240 240 240; --light-mode-background: 240 240 240;
--light-mode-foreground: 0 0 0; --light-mode-foreground: 0 0 0;
@ -44,12 +46,13 @@
--dark-mode-custom-link-text-hover: 255 255 255; --dark-mode-custom-link-text-hover: 255 255 255;
/* ...to here */ /* ...to here */
} }
html {
font-family: "JetB";
}
body { body {
background-color: light-dark( background-color: light-dark(
rgb(var(--light-mode-background)), rgb(var(--light-mode-background)),
rgb(var(--dark-mode-background)) rgb(var(--dark-mode-background))
); );
font-family: 'jb';
} }
} }

4
tailwind.config.mjs
View File

@ -7,6 +7,10 @@ export default {
plugins: [require("@tailwindcss/typography")], plugins: [require("@tailwindcss/typography")],
theme: { theme: {
extend: { extend: {
fontFamily: {
jb: ['jb'],
//just testing shit
},
colors: { colors: {
lightModeBackground: lightModeBackground:
"rgb(var(--light-mode-background) / <alpha-value>)", "rgb(var(--light-mode-background) / <alpha-value>)",