pesde/website/tailwind.config.ts
Luka f0d04fc87c
feat: website
* feat(website): init

* feat(website): home page

* feat(website): make page more responsive

* feat(website): layout

* feat(website): package page

* feat(website): update PackageResponse type

* feat(website): display package readme

* feat(website): use new /latest/any endpoint

* feat(website): make website lg instead of xl

* fix(website): use NodeJS.Timeout

* feat(website): versions page

* feat(website): add latest version indicator

* feat(website): add target select menu

* feat(website): indicate current version

* feat(website): add package metadata

* feat(website): add hamburger

* fix(website): header responsiveness

* feat(website): better package layout

* feat(website): display authors on package page

* fix(website): only display relative dates on client

* feat(docs): init docs site

* chore(website): read .env from project root

* feat(website): add gemoji support

* fix(website): overflow on code blocks

* chore(docs): read .env from project root

* feat(docs): config changes

* fix: authors not displaying

* fix(website): use fallback language

* refactor(website): use predefined target names

* refactor(website): change Github to GitHub

* chore: remove starter readmes

* chore(docs): remove .vscode

* chore(docs): remove unused assets folder

* fix(website): fix missing datetime attribute

* feat(website): switch to universal loaders

* feat(docs): search

* fix(website): type errors

* fix(website): use provided fetch instead of global

* feat(website): remove isr

* chore(website): add .env.example

* feat(website): add icons and metadata

* chore(website): add debug logs

* chore(website): remove shiki temporarily

* fix(website): rehype shiki lazy load

* fix(website): use custom highlighter

* fix(website): move highlighter creation into load

* docs: write docs

* feat(website): add og image

* feat(website): fix accessibility issues

* fix(website): no target selector on mobile

* fix(website): close dialog on navigation

* fix(website): logo is not a link in hamburger menu

* feat(website): dependencies tab

* fix(website): use correct dependency target

* fix(website): navigation links

* feat(website): support wally dependencies

* feat(website): metadata + case insensitivity

* fix(website): manually implement groupBy

`Object.groupBy` isn't supported on Vercel right now.

* fix(website): code block with an unknown language

* docs(policies): explain & cover more cases

* docs: update cli reference

* docs: add self hosting registries guide

* docs: update README

* docs: add more configs to registry guide

* fix: favicon and logomark

* feat(website): package documentation

* fix(website): missing $derive for toc

* docs: change SENTRY_URL to SENTRY_DSN

* chore(website): remove unused file

* chore: remove favicon.zip

* fix(website): strip wally# prefix

* chore: add changelog entry

---------

Co-authored-by: daimond113 <72147841+daimond113@users.noreply.github.com>
2024-10-29 20:06:00 +01:00

78 lines
2.7 KiB
TypeScript

import type { Config } from "tailwindcss"
import defaultTheme from "tailwindcss/defaultTheme"
const alpha = (color: string, alpha: number = 1) => color.replace("<alpha-value>", alpha.toString())
export default {
content: ["./src/**/*.{html,js,svelte,ts}"],
theme: {
extend: {
fontFamily: {
sans: ["Nunito Sans Variable", ...defaultTheme.fontFamily.sans],
},
colors: {
background: "rgb(var(--color-background) / <alpha-value>)",
card: {
DEFAULT: "rgb(var(--color-card) / <alpha-value>)",
hover: "rgb(var(--color-card-hover) / <alpha-value>)",
},
border: "rgb(var(--color-border) / <alpha-value>)",
header: "rgb(var(--color-header) / <alpha-value>)",
body: "rgb(var(--color-body) / <alpha-value>)",
heading: "rgb(var(--color-heading) / <alpha-value>)",
light: "rgb(var(--color-light) / <alpha-value>)",
input: {
bg: "rgb(var(--color-input-bg) / <alpha-value>)",
border: "rgb(var(--color-input-border) / <alpha-value>)",
},
placeholder: "rgb(var(--color-placeholder) / <alpha-value>)",
primary: {
DEFAULT: "rgb(var(--color-primary) / <alpha-value>)",
hover: "rgb(var(--color-primary-hover) / <alpha-value>)",
bg: "rgb(var(--color-primary-bg) / <alpha-value>)",
fg: "rgb(var(--color-primary-fg) / <alpha-value>)",
},
},
animation: {
"cursor-blink": "cursor-blink 1s ease-in-out 500ms infinite",
},
borderRadius: {
none: "0",
sm: `${4 / 16}rem`,
DEFAULT: `${8 / 16}rem`,
},
borderColor: {
DEFAULT: "rgb(var(--color-border) / <alpha-value>)",
},
typography: ({ theme }) => ({
DEFAULT: {
css: {
"--tw-prose-body": alpha(theme("colors.body")),
"--tw-prose-headings": alpha(theme("colors.heading")),
"--tw-prose-lead": alpha(theme("colors.heading")),
"--tw-prose-links": alpha(theme("colors.primary").DEFAULT),
"--tw-prose-bold": alpha(theme("colors.body")),
"--tw-prose-counters": alpha(theme("colors.body")),
"--tw-prose-bullets": alpha(theme("colors.border")),
"--tw-prose-hr": alpha(theme("colors.border")),
"--tw-prose-quotes": alpha(theme("colors.body")),
"--tw-prose-quote-borders": alpha(theme("colors.border")),
"--tw-prose-captions": alpha(theme("colors.body")),
"--tw-prose-code": alpha(theme("colors.body")),
"--tw-prose-pre-code": alpha(theme("colors.body")),
"--tw-prose-pre-bg": alpha(theme("colors.card").DEFAULT),
"--tw-prose-th-borders": alpha(theme("colors.border")),
"--tw-prose-td-borders": alpha(theme("colors.border")),
},
},
}),
},
},
// eslint-disable-next-line @typescript-eslint/no-require-imports
plugins: [require("@tailwindcss/typography")],
} as Config