mirror of
https://github.com/simstudioai/sim.git
synced 2026-01-24 22:38:00 -05:00
3158b62da8
* feat: aligned current unassigned hex to old globals * feat: emcn modal, help-modal; improvement(ui): emcn textarea, emcn combobox, messages-input * improvement(modal): ui, transition * improvement: terminal expand, variables styling; refactor(float): hooks * improvement(invite-modal): emcn aligned * feat(terminal): height memory * improvement(invite-modal): skeleton ui * improvement(invite-modal): badges UI * feat: deploy-modal, emcn * refactor: deleted duplicate dark styles * feat: emcn, settings, light * improvement: emcn, settings * improvement: settings-modal, emcn * improvement: SSO, light-mode * improvement: EMCN, light * fix issues, run lint * fix: reverted mock data
167 lines
4.5 KiB
TypeScript
167 lines
4.5 KiB
TypeScript
import type { Config } from 'tailwindcss'
|
|
|
|
export default {
|
|
darkMode: ['class'],
|
|
content: [
|
|
'./pages/**/*.{js,ts,jsx,tsx,mdx}',
|
|
'./components/**/*.{js,ts,jsx,tsx,mdx}',
|
|
'./app/**/*.{js,ts,jsx,tsx,mdx}',
|
|
'!./app/node_modules/**',
|
|
'!**/node_modules/**',
|
|
],
|
|
theme: {
|
|
extend: {
|
|
fontFamily: {
|
|
season: ['var(--font-season)'],
|
|
},
|
|
fontSize: {
|
|
xs: '11px',
|
|
small: '13px', // Override default 14px to 13px
|
|
base: '15px', // Override default 16px to 15px
|
|
},
|
|
colors: {
|
|
background: 'hsl(var(--background))',
|
|
foreground: 'hsl(var(--foreground))',
|
|
card: {
|
|
DEFAULT: 'hsl(var(--card))',
|
|
foreground: 'hsl(var(--card-foreground))',
|
|
},
|
|
popover: {
|
|
DEFAULT: 'hsl(var(--popover))',
|
|
foreground: 'hsl(var(--popover-foreground))',
|
|
},
|
|
primary: {
|
|
DEFAULT: 'hsl(var(--primary))',
|
|
foreground: 'hsl(var(--primary-foreground))',
|
|
},
|
|
secondary: {
|
|
DEFAULT: 'hsl(var(--secondary))',
|
|
foreground: 'hsl(var(--secondary-foreground))',
|
|
},
|
|
muted: {
|
|
DEFAULT: 'hsl(var(--muted))',
|
|
foreground: 'hsl(var(--muted-foreground))',
|
|
},
|
|
accent: {
|
|
DEFAULT: 'hsl(var(--accent))',
|
|
foreground: 'hsl(var(--accent-foreground))',
|
|
},
|
|
destructive: {
|
|
DEFAULT: 'hsl(var(--destructive))',
|
|
foreground: 'hsl(var(--destructive-foreground))',
|
|
},
|
|
border: 'hsl(var(--border))',
|
|
input: 'hsl(var(--input))',
|
|
ring: 'hsl(var(--ring))',
|
|
chart: {
|
|
'1': 'hsl(var(--chart-1))',
|
|
'2': 'hsl(var(--chart-2))',
|
|
'3': 'hsl(var(--chart-3))',
|
|
'4': 'hsl(var(--chart-4))',
|
|
'5': 'hsl(var(--chart-5))',
|
|
},
|
|
gradient: {
|
|
primary: 'hsl(var(--gradient-primary))',
|
|
secondary: 'hsl(var(--gradient-secondary))',
|
|
},
|
|
gray: {
|
|
50: '#fafafa',
|
|
100: '#f5f5f5',
|
|
200: '#e5e5e5',
|
|
300: '#d4d4d4',
|
|
400: '#a3a3a3',
|
|
500: '#737373',
|
|
600: '#525252',
|
|
700: '#404040',
|
|
800: '#262626',
|
|
900: '#171717',
|
|
950: '#0a0a0a',
|
|
},
|
|
},
|
|
fontWeight: {
|
|
base: 'var(--font-weight-base)',
|
|
medium: 'var(--font-weight-medium)',
|
|
semibold: 'var(--font-weight-semibold)',
|
|
},
|
|
borderRadius: {
|
|
lg: 'var(--radius)',
|
|
md: 'calc(var(--radius) - 2px)',
|
|
sm: 'calc(var(--radius) - 4px)',
|
|
},
|
|
transitionProperty: {
|
|
width: 'width',
|
|
left: 'left',
|
|
padding: 'padding',
|
|
},
|
|
keyframes: {
|
|
'caret-blink': {
|
|
'0%,70%,100%': {
|
|
opacity: '1',
|
|
},
|
|
'20%,50%': {
|
|
opacity: '0',
|
|
},
|
|
},
|
|
'slide-left': {
|
|
'0%': {
|
|
transform: 'translateX(0)',
|
|
},
|
|
'100%': {
|
|
transform: 'translateX(-50%)',
|
|
},
|
|
},
|
|
'slide-right': {
|
|
'0%': {
|
|
transform: 'translateX(-50%)',
|
|
},
|
|
'100%': {
|
|
transform: 'translateX(0)',
|
|
},
|
|
},
|
|
'dash-animation': {
|
|
from: {
|
|
strokeDashoffset: '0',
|
|
},
|
|
to: {
|
|
strokeDashoffset: '-24',
|
|
},
|
|
},
|
|
'code-shimmer': {
|
|
'0%': {
|
|
transform: 'translateX(-100%)',
|
|
},
|
|
'100%': {
|
|
transform: 'translateX(100%)',
|
|
},
|
|
},
|
|
'placeholder-pulse': {
|
|
'0%, 100%': {
|
|
opacity: '0.5',
|
|
},
|
|
'50%': {
|
|
opacity: '0.8',
|
|
},
|
|
},
|
|
'ring-pulse': {
|
|
'0%, 100%': {
|
|
'box-shadow': '0 0 0 1.5px var(--border-success)',
|
|
},
|
|
'50%': {
|
|
'box-shadow': '0 0 0 4px var(--border-success)',
|
|
},
|
|
},
|
|
},
|
|
animation: {
|
|
'caret-blink': 'caret-blink 1.25s ease-out infinite',
|
|
'slide-left': 'slide-left 80s linear infinite',
|
|
'slide-right': 'slide-right 80s linear infinite',
|
|
'dash-animation': 'dash-animation 1.5s linear infinite',
|
|
'code-shimmer': 'code-shimmer 1.5s infinite',
|
|
'placeholder-pulse': 'placeholder-pulse 1.5s ease-in-out infinite',
|
|
'ring-pulse': 'ring-pulse 1.5s ease-in-out infinite',
|
|
},
|
|
},
|
|
},
|
|
plugins: [require('tailwindcss-animate'), require('@tailwindcss/typography')],
|
|
} satisfies Config
|