c47a62df5c
- Redesigned comment cards with improved spacing and typography - Added vertical line indicator for reply nesting - Implemented native details/summary toggle for reply forms (replacing JS) - Styled 'Join the conversation' section to be more distinct from existing comments - Added solid-pink shadow to Tailwind configuration - Updated E2E tests to match new UI structure and elements
37 lines
977 B
JavaScript
37 lines
977 B
JavaScript
module.exports = {
|
|
darkMode: 'class',
|
|
content: [
|
|
"../../templates/**/*.html",
|
|
"../../apps/**/templates/**/*.html",
|
|
"../../apps/blog/models.py",
|
|
],
|
|
theme: {
|
|
extend: {
|
|
fontFamily: {
|
|
sans: ['Inter', 'sans-serif'],
|
|
display: ['Space Grotesk', 'sans-serif'],
|
|
mono: ['Fira Code', 'monospace'],
|
|
},
|
|
colors: {
|
|
brand: {
|
|
cyan: '#06b6d4',
|
|
cyanGlow: 'rgba(6,182,212,0.4)',
|
|
pink: '#ec4899',
|
|
dark: '#09090b',
|
|
light: '#fafafa',
|
|
surfaceDark: '#18181b',
|
|
surfaceLight: '#ffffff',
|
|
},
|
|
},
|
|
boxShadow: {
|
|
'neon-cyan': '0 0 20px rgba(6, 182, 212, 0.3)',
|
|
'neon-pink': '0 0 20px rgba(236, 72, 153, 0.3)',
|
|
'solid-dark': '6px 6px 0px 0px #09090b',
|
|
'solid-light': '6px 6px 0px 0px #e4e4e7',
|
|
'solid-pink': '6px 6px 0px 0px #ec4899',
|
|
},
|
|
},
|
|
},
|
|
plugins: [require('@tailwindcss/typography')],
|
|
};
|