mirror of
https://github.com/danny-avila/LibreChat.git
synced 2025-12-17 00:40:14 +01:00
cb1921626e
* 🎨 feat: improve file display and overflow handling in SidePanel components * 🎨 feat: enhance bookmarks management UI and improve accessibility features * 🎨 feat: enhance BookmarkTable and BookmarkTableRow components for improved layout and performance * 🎨 feat: enhance file display and interaction in FilesView and ImagePreview components * 🎨 feat: adjust minimum width for filename filter input in DataTable component * 🎨 feat: enhance file upload UI with improved layout and styling adjustments * 🎨 feat: add surface-hover-alt color and update FileContainer styling for improved UI * 🎨 feat: update ImagePreview component styling for improved visual consistency * 🎨 feat: add MaximizeChatSpace component and integrate chat space maximization feature * 🎨 feat: enhance DataTable component with transition effects and update Checkbox styling for improved accessibility * fix: enhance a11y for Bookmark buttons by adding space key support, ARIA labels, and correct html role for key presses * fix: return focus back to trigger for BookmarkEditDialog (Edit and new bookmark buttons) * refactor: ShareButton and ExportModal components children prop support; refactor DropdownPopup item handling * refactor: enhance ExportAndShareMenu and ShareButton components with improved props handling and accessibility features * refactor: add ref prop support to MenuItemProps and update ExportAndShareMenu and DropdownPopup components so focus correctly returns to menu item * refactor: enhance ConvoOptions and DeleteButton components with improved props handling and accessibility features * refactor: add triggerRef support to DeleteButton and update ConvoOptions for improved dialog handling * refactor: accessible bookmarks menu * refactor: improve styling and accessibility for bookmarks components * refactor: add focusLoop support to DropdownPopup and update BookmarkMenu with Tooltip * refactor: integrate TooltipAnchor into ExportAndShareMenu for enhanced accessibility --------- Co-authored-by: Danny Avila <danny@librechat.ai>
135 lines
4.4 KiB
JavaScript
135 lines
4.4 KiB
JavaScript
// const { fontFamily } = require('tailwindcss/defaultTheme');
|
|
|
|
/** @type {import('tailwindcss').Config} */
|
|
module.exports = {
|
|
content: ['./src/**/*.{js,jsx,ts,tsx}'],
|
|
// darkMode: 'class',
|
|
darkMode: ['class'],
|
|
theme: {
|
|
fontFamily: {
|
|
sans: ['Inter', 'sans-serif'],
|
|
mono: ['Roboto Mono', 'monospace'],
|
|
},
|
|
// fontFamily: {
|
|
// sans: ['Söhne', 'sans-serif'],
|
|
// mono: ['Söhne Mono', 'monospace'],
|
|
// },
|
|
extend: {
|
|
width: {
|
|
authPageWidth: '370px',
|
|
},
|
|
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',
|
|
},
|
|
colors: {
|
|
gray: {
|
|
20: '#ececf1',
|
|
50: '#f7f7f8',
|
|
100: '#ececec',
|
|
200: '#e3e3e3',
|
|
300: '#cdcdcd',
|
|
400: '#999696',
|
|
500: '#595959',
|
|
600: '#424242',
|
|
700: '#2f2f2f',
|
|
800: '#212121',
|
|
850: '#171717',
|
|
900: '#0d0d0d',
|
|
},
|
|
green: {
|
|
50: '#f1f9f7',
|
|
100: '#def2ed',
|
|
200: '#a6e5d6',
|
|
300: '#6dc8b9',
|
|
400: '#41a79d',
|
|
500: '#10a37f',
|
|
550: '#349072',
|
|
600: '#126e6b',
|
|
700: '#0a4f53',
|
|
800: '#06373e',
|
|
900: '#031f29',
|
|
},
|
|
'brand-purple': '#ab68ff',
|
|
'presentation': 'var(--presentation)',
|
|
'text-primary': 'var(--text-primary)',
|
|
'text-secondary': 'var(--text-secondary)',
|
|
'text-secondary-alt': 'var(--text-secondary-alt)',
|
|
'text-tertiary': 'var(--text-tertiary)',
|
|
'ring-primary': 'var(--ring-primary)',
|
|
'header-primary': 'var(--header-primary)',
|
|
'header-hover': 'var(--header-hover)',
|
|
'header-button-hover': 'var(--header-button-hover)',
|
|
'surface-active': 'var(--surface-active)',
|
|
'surface-active-alt': 'var(--surface-active-alt)',
|
|
'surface-hover': 'var(--surface-hover)',
|
|
'surface-hover-alt': 'var(--surface-hover-alt)',
|
|
'surface-primary': 'var(--surface-primary)',
|
|
'surface-primary-alt': 'var(--surface-primary-alt)',
|
|
'surface-primary-contrast': 'var(--surface-primary-contrast)',
|
|
'surface-secondary': 'var(--surface-secondary)',
|
|
'surface-secondary-alt': 'var(--surface-secondary-alt)',
|
|
'surface-tertiary': 'var(--surface-tertiary)',
|
|
'surface-tertiary-alt': 'var(--surface-tertiary-alt)',
|
|
'surface-dialog': 'var(--surface-dialog)',
|
|
'surface-submit': 'var(--surface-submit)',
|
|
'border-light': 'var(--border-light)',
|
|
'border-medium': 'var(--border-medium)',
|
|
'border-medium-alt': 'var(--border-medium-alt)',
|
|
'border-heavy': 'var(--border-heavy)',
|
|
'border-xheavy': 'var(--border-xheavy)',
|
|
/* These are test styles */
|
|
border: 'hsl(var(--border))',
|
|
input: 'hsl(var(--input))',
|
|
['switch-unchecked']: 'hsl(var(--switch-unchecked))',
|
|
ring: 'hsl(var(--ring))',
|
|
background: 'hsl(var(--background))',
|
|
foreground: 'hsl(var(--foreground))',
|
|
primary: {
|
|
DEFAULT: 'hsl(var(--primary))',
|
|
foreground: 'hsl(var(--primary-foreground))',
|
|
},
|
|
secondary: {
|
|
DEFAULT: 'hsl(var(--secondary))',
|
|
foreground: 'hsl(var(--secondary-foreground))',
|
|
},
|
|
destructive: {
|
|
DEFAULT: 'hsl(var(--destructive))',
|
|
foreground: 'hsl(var(--destructive-foreground))',
|
|
},
|
|
muted: {
|
|
DEFAULT: 'hsl(var(--muted))',
|
|
foreground: 'hsl(var(--muted-foreground))',
|
|
},
|
|
accent: {
|
|
DEFAULT: 'hsl(var(--accent))',
|
|
foreground: 'hsl(var(--accent-foreground))',
|
|
},
|
|
card: {
|
|
DEFAULT: 'hsl(var(--card))',
|
|
foreground: 'hsl(var(--card-foreground))',
|
|
},
|
|
},
|
|
borderRadius: {
|
|
lg: 'var(--radius)',
|
|
md: 'calc(var(--radius) - 2px)',
|
|
sm: 'calc(var(--radius) - 4px)',
|
|
},
|
|
},
|
|
},
|
|
plugins: [
|
|
require('tailwindcss-animate'),
|
|
require('tailwindcss-radix')(),
|
|
// require('@tailwindcss/typography'),
|
|
],
|
|
};
|