ptr.pet
1import typography from '@tailwindcss/typography';
2import forms from '@tailwindcss/forms';
3
4/** @type {import('tailwindcss').Config} */
5export default {
6 content: ['./src/**/*.{html,js,svelte,ts,md}'],
7 theme: {
8 extend: {
9 typography: ({ theme }) => ({
10 ralsei: {
11 css: {
12 '--tw-prose-body': theme('colors.ralsei.white'),
13 '--tw-prose-headings': theme('colors.ralsei.pink.neon'),
14 '--tw-prose-lead': theme('colors.ralsei.white'),
15 '--tw-prose-links': theme('colors.ralsei.green.light'),
16 '--tw-prose-bold': theme('colors.ralsei.white'),
17 '--tw-prose-counters': theme('colors.ralsei.pink.regular'),
18 '--tw-prose-bullets': theme('colors.ralsei.pink.regular'),
19 '--tw-prose-hr': theme('colors.ralsei.white'),
20 '--tw-prose-quotes': theme('colors.ralsei.white'),
21 '--tw-prose-quote-borders': theme('colors.ralsei.white'),
22 '--tw-prose-captions': theme('colors.ralsei.white'),
23 '--tw-prose-code': theme('colors.ralsei.pink.regular'),
24 '--tw-prose-pre-code': theme('colors.ralsei.white'),
25 '--tw-prose-pre-bg': theme('colors.ralsei.green.dark'),
26 '--tw-prose-th-borders': theme('colors.ralsei.white'),
27 '--tw-prose-td-borders': theme('colors.ralsei.white')
28 }
29 }
30 }),
31 animation: {
32 'bounce-slow': 'bounce 3s infinite',
33 'pulse-fast': 'pulse 1s cubic-bezier(0.4, 0, 0.6, 1) infinite',
34 blink: 'blink 1s step-start infinite'
35 },
36 colors: {
37 ralsei: {
38 pink: {
39 regular: '#fe96e0',
40 neon: '#ff3eb7'
41 },
42 white: '#fff9fe',
43 black: '#000801',
44 green: {
45 light: '#4dcc8e',
46 dark: '#162d26'
47 }
48 }
49 }
50 },
51 fontFamily: {
52 'sans-serif': ['"Fusion Pixel 10px Proportional zh_hans", sans-serif'],
53 monospace: ['"Fusion Pixel 10px Monospaced zh_hans", monospace']
54 }
55 },
56 plugins: [typography, forms]
57};