Files
overleaf-cep/libraries/ai/tailwind.config.js
Mathias Jakobsen 8024fe2c58 [web] Add AI workbench to alpha users (#29417)
Co-authored-by: Alf Eaton <alf.eaton@overleaf.com>
GitOrigin-RevId: 79bb329932b1e6fcc88f648bca9cc4bee215cd41
2025-11-11 09:06:08 +00:00

86 lines
2.7 KiB
JavaScript

const { dirname } = require('node:path')
const containerQueries = require('@tailwindcss/container-queries')
module.exports = {
darkMode: ['class'],
content: [
dirname(require.resolve('@overleaf/ai')) + '/tailwind.css',
dirname(require.resolve('@overleaf/ai')) + '/components/**/*.tsx',
'./modules/workbench/**/*.tsx',
require.resolve('streamdown'),
],
theme: {
extend: {
colors: {
background: 'var(--background)',
foreground: 'var(--foreground)',
card: {
DEFAULT: 'var(--card)',
foreground: 'var(--card-foreground)',
},
primary: {
DEFAULT: 'var(--primary)',
foreground: 'var(--primary-foreground)',
},
secondary: {
DEFAULT: 'var(--secondary)',
foreground: 'var(--secondary-foreground)',
},
destructive: {
DEFAULT: 'var(--destructive)',
foreground: 'var(--destructive-foreground)',
},
muted: {
DEFAULT: 'var(--muted)',
foreground: 'var(--muted-foreground)',
},
accent: {
DEFAULT: 'var(--accent)',
foreground: 'var(--accent-foreground)',
},
popover: {
DEFAULT: 'var(--popover)',
foreground: 'var(--popover-foreground)',
},
border: 'var(--border)',
input: 'var(--input)',
ring: 'var(--ring)',
'chart-1': 'var(--chart-1)',
'chart-2': 'var(--chart-2)',
'chart-3': 'var(--chart-3)',
'chart-4': 'var(--chart-4)',
'chart-5': 'var(--chart-5)',
sidebar: 'var(--sidebar)',
'sidebar-foreground': 'var(--sidebar-foreground)',
'sidebar-primary': 'var(--sidebar-primary)',
'sidebar-primary-foreground': 'var(--sidebar-primary-foreground)',
'sidebar-accent': 'var(--sidebar-accent)',
'sidebar-accent-foreground': 'var(--sidebar-accent-foreground)',
'sidebar-border': 'var(--sidebar-border)',
'sidebar-ring': 'var(--sidebar-ring)',
},
borderRadius: {
sm: 'calc(var(--radius) - 4px)',
md: 'calc(var(--radius) - 2px)',
lg: 'var(--radius)',
xl: 'calc(var(--radius) + 4px)',
},
keyframes: {
'accordion-down': {
from: { height: 0 },
to: { height: 'var(--radix-accordion-content-height)' },
},
'accordion-up': {
from: { height: 'var(--radix-accordion-content-height)' },
to: { height: 0 },
},
},
animation: {
'accordion-down': 'accordion-down 0.2s ease-out',
'accordion-up': 'accordion-up 0.2s ease-out',
},
},
},
plugins: [containerQueries],
}