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 'bounce-fast': 'bounce 0.5s infinite',
34 'pulse-fast': 'pulse 1s cubic-bezier(0.4, 0, 0.6, 1) infinite',
35 blink: 'blink 1s step-start infinite'
36 },
37 colors: {
38 ralsei: {
39 pink: {
40 regular: '#fe96e0',
41 neon: '#ff3eb7'
42 },
43 white: '#fff9fe',
44 black: '#000801',
45 green: {
46 light: '#4dcc8e',
47 dark: '#162d26'
48 }
49 }
50 }
51 },
52 fontFamily: {
53 'sans-serif': ['"Fusion Pixel 10px Proportional zh_hans", sans-serif'],
54 monospace: ['"Fusion Pixel 10px Monospaced zh_hans", monospace']
55 }
56 },
57 plugins: [typography, forms]
58};