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

Compare commits

base: opnkty:108ad19cc30a4353ed911bd7a15522e142daf6bd
Branches Tags
opnkty:main
opnkty:dev
...
compare: opnkty:20d5c6dc4dac283056ba9c841c7d588774157888
Branches Tags
opnkty:dev
opnkty:main

2 Commits
108ad19cc3 ... 20d5c6dc4d

Author SHA1 Message Date
kitty
20d5c6dc4d tidy up 2025-03-05 15:47:53 +00:00
kitty
c05dcca091 after too many hours; fonts work now... 2025-03-05 15:42:56 +00:00
4 changed files with 17 additions and 13 deletions
Show Stats 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>
<slot name="head" />
</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-JetBrainsMono p-3 sm:p-6">
<main>
<slot />
</main>

25
src/styles/global.css
View File

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

3
tailwind.config.mjs
View File

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