clxxiii.dev
Two teams try and fill in any horizontal, vertical, or diagonal line on a bingo board by playing maps on osu!
osu.bingo
osu
1/** @type {import('tailwindcss').Config} */
2export default {
3 content: ['./src/**/*.{html,js,ts,svelte}'],
4 theme: {
5 extend: {
6 fontFamily: {
7 sans: ['Montserrat', 'sans-serif'],
8 display: ['Poiret One', 'display', 'sans-serif'],
9 rounded: ['Comfortaa', 'sans-serif'],
10 square: ['Geo', 'sans-serif'],
11 mono: ['CutiveMono', 'monospace']
12 },
13 animation: {
14 warning: 'warning 1s ease infinite'
15 },
16 keyframes: {
17 warning: {
18 '0%, 100%': { color: '#d5c9df' },
19 '50%': { color: '#923622' }
20 }
21 },
22 backgroundImage: {
23 pattern: `url("data:image/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%233f3f46' fill-opacity='0.4'%3E%3Cpath d='M50 50c0-5.523 4.477-10 10-10s10 4.477 10 10-4.477 10-10 10c0 5.523-4.477 10-10 10s-10-4.477-10-10 4.477-10 10-10zM10 10c0-5.523 4.477-10 10-10s10 4.477 10 10-4.477 10-10 10c0 5.523-4.477 10-10 10S0 25.523 0 20s4.477-10 10-10zm10 8c4.418 0 8-3.582 8-8s-3.582-8-8-8-8 3.582-8 8 3.582 8 8 8zm40 40c4.418 0 8-3.582 8-8s-3.582-8-8-8-8 3.582-8 8 3.582 8 8 8z' /%3E%3C/g%3E%3C/g%3E%3C/svg%3E")`
24 },
25 colors: {
26 base: {
27 50: '#f6f5f5',
28 100: '#e7e6e6',
29 200: '#d1d0d0',
30 300: '#b1afb0',
31 400: '#898788',
32 500: '#6e6c6d',
33 600: '#5e5c5d',
34 700: '#504e4e',
35 800: '#464444',
36 900: '#3d3c3c',
37 950: '#313030'
38 },
39 highlight: {
40 50: '#f0fdfc',
41 100: '#cafdf8',
42 200: '#96f9f1',
43 300: '#59efe8',
44 400: '#27dad8',
45 500: '#0eb8b9',
46 600: '#089599',
47 700: '#0b767a',
48 800: '#0e5d61',
49 900: '#114d50',
50 950: '#032c30'
51 },
52 pink: {
53 50: '#fcf3f8',
54 100: '#fae9f3',
55 200: '#f8d2e8',
56 300: '#f3aed3',
57 400: '#ee92c2',
58 500: '#e05499',
59 600: '#ce3478',
60 700: '#b2245f',
61 800: '#93214f',
62 900: '#7b2045',
63 950: '#4b0c25'
64 },
65 amber: {
66 50: '#fdf5f3',
67 100: '#fde8e3',
68 200: '#fbd5cd',
69 300: '#f7b8aa',
70 400: '#f18e78',
71 500: '#e6694d',
72 600: '#d5573b',
73 700: '#b13e24',
74 800: '#923622',
75 900: '#7a3222',
76 950: '#42170d'
77 },
78 purple: {
79 50: '#f9f7fb',
80 100: '#f4f1f6',
81 200: '#e9e5ef',
82 300: '#d5c9df',
83 400: '#c5b4d1',
84 500: '#af94be',
85 600: '#9e7bac',
86 700: '#8b6998',
87 800: '#755780',
88 900: '#604969',
89 950: '#3f2f46'
90 },
91 blue: {
92 50: '#eef3ff',
93 100: '#dfe8ff',
94 200: '#c6d4ff',
95 300: '#a3b7fe',
96 400: '#7f90fa',
97 500: '#7079f5',
98 600: '#4443e8',
99 700: '#3935cd',
100 800: '#2f2ea5',
101 900: '#2c2d83',
102 950: '#1b1a4c'
103 }
104 }
105 }
106 },
107 plugins: []
108};