mirror of
https://github.com/danny-avila/LibreChat.git
synced 2025-12-18 09:20:15 +01:00
911babd3e0
* BIG UI UPDATE * fix: search bar, dialog template, new chat icon, convo icon and delete/rename button * moved some color config and a lot of files * small text fixes and tailwind config refactor * Update localization and UI styles * Update styles and add user-select:none to Tooltip component * Update mobile.css styles for navigation mask and background color * Update component imports and styles * Update DeleteButton imports and references * Update UI components * Update tooltip delay duration * Fix styling and update text in various components * fixed assistant style * minor style fixes * revert: removed CreationHeader & CreationPanel * style: match new styling for SidePanel * style: match bg-gray-800 to ChatGPT (#212121) * style: remove slate for gray where applicable to match new light theme --------- Co-authored-by: Danny Avila <messagedaniel@protonmail.com>
85 lines
2.5 KiB
JavaScript
85 lines
2.5 KiB
JavaScript
// const { fontFamily } = require('tailwindcss/defaultTheme');
|
|
|
|
/** @type {import('tailwindcss').Config} */
|
|
module.exports = {
|
|
content: ['./src/**/*.{js,jsx,ts,tsx}'],
|
|
// darkMode: 'class',
|
|
darkMode: ['class'],
|
|
theme: {
|
|
// colors: {
|
|
// 'gpt-dark-gray': '#171717',
|
|
// },
|
|
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: '#686262',
|
|
600: '#3d3d3f',
|
|
700: '#262626', // Replacing .dark .dark:bg-gray-700 and .dark .dark:hover:bg-gray-700:hover
|
|
750: '#333333',
|
|
800: '#212121', // Replacing .dark .dark:bg-gray-800, .bg-gray-800, and .dark .dark:hover:bg-gray-800\/90
|
|
900: '#0d0d0d', // Replacing .dark .dark:bg-gray-900, .bg-gray-900, and .dark .dark:hover:bg-gray-900:hover
|
|
},
|
|
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',
|
|
'text-primary': 'var(--gray-800)',
|
|
'text-secondary': 'var(--gray-600)',
|
|
'text-tertiary': 'var(--gray-500)',
|
|
'surface-primary': 'var(--white)',
|
|
'surface-secondary': 'var(--gray-50)',
|
|
'surface-tertiary': 'var(--gray-100)',
|
|
'border-light': 'var(--gray-100)',
|
|
'border-medium': 'var(--gray-200)',
|
|
'border-heavy': 'var(--gray-300)',
|
|
'border-xheavy': 'var(--gray-400',
|
|
},
|
|
},
|
|
},
|
|
plugins: [
|
|
require('tailwindcss-animate'),
|
|
require('tailwindcss-radix')(),
|
|
// require('@tailwindcss/typography'),
|
|
],
|
|
};
|