diff --git a/public/fonts/JetBrainsMonoNFM-Bold.woff b/public/fonts/JetBrainsMonoNFM-Bold.woff new file mode 100644 index 0000000..9cd43ec Binary files /dev/null and b/public/fonts/JetBrainsMonoNFM-Bold.woff differ diff --git a/public/fonts/JetBrainsMonoNFM-Bold.woff2 b/public/fonts/JetBrainsMonoNFM-Bold.woff2 new file mode 100644 index 0000000..ad38dab Binary files /dev/null and b/public/fonts/JetBrainsMonoNFM-Bold.woff2 differ diff --git a/public/fonts/JetBrainsMonoNFM-Medium.woff b/public/fonts/JetBrainsMonoNFM-Medium.woff new file mode 100644 index 0000000..8b4ccd7 Binary files /dev/null and b/public/fonts/JetBrainsMonoNFM-Medium.woff differ diff --git a/public/fonts/JetBrainsMonoNFM-Medium.woff2 b/public/fonts/JetBrainsMonoNFM-Medium.woff2 new file mode 100644 index 0000000..bee0440 Binary files /dev/null and b/public/fonts/JetBrainsMonoNFM-Medium.woff2 differ diff --git a/public/fonts/JetBrainsMonoNFM-Regular.woff b/public/fonts/JetBrainsMonoNFM-Regular.woff new file mode 100644 index 0000000..11ff4fc Binary files /dev/null and b/public/fonts/JetBrainsMonoNFM-Regular.woff differ diff --git a/public/fonts/JetBrainsMonoNFM-Regular.woff2 b/public/fonts/JetBrainsMonoNFM-Regular.woff2 new file mode 100644 index 0000000..d1c3265 Binary files /dev/null and b/public/fonts/JetBrainsMonoNFM-Regular.woff2 differ diff --git a/src/styles/globals.css b/src/styles/globals.css index b5c61c9..0831d4b 100644 --- a/src/styles/globals.css +++ b/src/styles/globals.css @@ -1,3 +1,33 @@ @tailwind base; @tailwind components; @tailwind utilities; + +@font-face { + font-family: "JetBrainsMono"; + src: + url("/fonts/JetBrainsMonoNFM-Bold.woff2") format("woff2"), + url("/fonts/JetBrainsMonoNFM-Bold.woff") format("woff"); + font-weight: bold; + font-style: normal; + font-display: swap; +} + +@font-face { + font-family: "JetBrainsMono"; + src: + url("/fonts/JetBrainsMonoNFM-Regular.woff2") format("woff2"), + url("/fonts/JetBrainsMonoNFM-Regular.woff") format("woff"); + font-weight: normal; + font-style: normal; + font-display: swap; +} + +@font-face { + font-family: "JetBrainsMono"; + src: + url("/fonts/JetBrainsMonoNFM-Medium.woff2") format("woff2"), + url("/fonts/JetBrainsMonoNFM-Medium.woff") format("woff"); + font-weight: 500; + font-style: normal; + font-display: swap; +} diff --git a/tailwind.config.ts b/tailwind.config.ts index 7106934..0458e37 100644 --- a/tailwind.config.ts +++ b/tailwind.config.ts @@ -1,19 +1,54 @@ import { type Config } from "tailwindcss"; import { fontFamily } from "tailwindcss/defaultTheme"; -const config: Config = { +const config = { content: ["./src/**/*.tsx"], theme: { extend: { + fontSize: { + "sm": "0.8rem", + "base": "1rem", + "lg": "1.125rem", + "xl": "1.25rem", + "2xl": "1.563rem", + "3xl": "1.953rem", + "4xl": "2.441rem", + "5xl": "3.052rem", + }, fontFamily: { sans: ["var(--font-sans)", ...fontFamily.sans], + body: ["JetBrainsMono", "mono"], }, boxShadow: { window: "0 0 1px 1px #1a1a1a", }, + colors: { + foreground: "#cdd6f4", + background: "#1e1e2e", + borderInactive: "#595959", + borderActive: "#cdd6f4", + selectionForeground: "#1e1e2e", + selectionBackground: "#f5e0dc", + color0: "#45475a", + color1: "#f38ba8", + color2: "#a6e3a1", + color3: "#f9e2af", + color4: "#89bafa", + color5: "#f5c2e7", + color6: "#94e2d5", + color7: "#bac2de", + color8: "#585B70", + color9: "#f38ba8", + color10: "#a6e3a1", + color11: "#f9e2af", + color12: "#89bafa", + color13: "#f5c2e7", + color14: "#94e2d5", + color15: "#a6adc8", + }, }, }, plugins: [], -}; +} as const satisfies Config; export default config;