highperfocused/danswer
1
0
Fork 0
mirror of https://github.com/danswer-ai/danswer.git synced 2025-09-18 19:43:26 +02:00
Code Issues Packages Projects Releases Wiki Activity

COMPLETE USER EXPERIENCE OVERHAUL (#1822)

Browse Source
This commit is contained in:
pablodanswer
2024-07-17 19:44:21 -07:00
committed by GitHub
parent 2b07c102f9
commit 87fadb07ea
122 changed files with 6814 additions and 2204 deletions
Download Patch File Download Diff File Expand all files Collapse all files

73
web/tailwind-themes/tailwind.config.js
View File

@@ -1,4 +1,5 @@
/** @type {import('tailwindcss').Config} */
module.exports = {
darkMode: "class",
content: [
@@ -12,13 +13,34 @@ module.exports = {
// tremor
"./node_modules/@tremor/**/*.{js,ts,jsx,tsx}",
],
theme: {
transparent: "transparent",
current: "currentColor",
extend: {
transitionProperty: {
spacing: "margin, padding",
},
keyframes: {
pulse: {
"0%, 100%": { opacity: 0.9 },
"50%": { opacity: 0.4 },
},
},
animation: {
"fade-in-up": "fadeInUp 0.5s ease-out",
pulse: "pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite",
},
gradientColorStops: {
"neutral-10": "#e5e5e5 5%",
},
screens: {
"2xl": "1420px",
"3xl": "1700px",
"4xl": "2000px",
},
fontFamily: {
sans: ["var(--font-inter)"],
@@ -35,32 +57,53 @@ module.exports = {
},
maxWidth: {
"document-sidebar": "1000px",
"message-max": "725px",
"searchbar-max": "750px",
},
colors: {
// background
background: "#f9fafb", // gray-50
"background-subtle": "#e5e7eb", // gray-200
"background-search": "#ffffff", // white
background: "#fafafa", // 50
"background-100": "#f5f5f5", // neutral-100
"background-125": "#F1F2F4", // gray-125
"background-150": "#EAEAEA", // gray-150
"background-200": "#e5e5e5", // neutral-200
"background-300": "#d4d4d4", // neutral-300
"background-400": "#a3a3a3", // neutral-400
"background-800": "#262626", // neutral-800
"background-900": "#111827", // gray-900
"background-inverted": "#000000", // black
"background-emphasis": "#f6f7f8",
"background-strong": "#eaecef",
"background-search": "#ffffff",
"background-custom-header": "#f3f4f6",
"background-inverted": "#000000",
"background-weak": "#f3f4f6", // gray-100
"background-dark": "#111827", // gray-900
// text or icons
light: "#e5e7eb", // gray-200
link: "#3b82f6", // blue-500
"link-hover": "#1d4ed8", // blue-700
"text-50": "#fafafa", // 50, neutral-50
"text-100": "#f5f5f5", // lighter, neutral-100
"text-200": "#e5e5e5", // light, neutral-200
"text-300": "#d4d4d4", // stronger, neutral-300
"text-400": "#a3a3a3", // medium, neutral-400
"text-500": "#737373", // darkMedium, neutral-500
"text-600": "#525252", // dark, neutral-600
"text-700": "#404040", // solid, neutral-700
"text-800": "#262626", // solidDark, neutral-800
subtle: "#6b7280", // gray-500
default: "#4b5563", // gray-600
emphasis: "#374151", // gray-700
strong: "#111827", // gray-900
link: "#3b82f6", // blue-500
"link-hover": "#1d4ed8", // blue-700
inverted: "#ffffff", // white
// one offs
error: "#ef4444", // red-500
success: "#059669", // emerald-600
alert: "#f59e0b", // amber-600
accent: "#6671d0",
accent: "#6366F1", // indigo-500
// borders
border: "#e5e7eb", // gray-200
@@ -70,9 +113,11 @@ module.exports = {
// hover
"hover-light": "#f3f4f6", // gray-100
"hover-lightish": "#EAEBEF", // gray-160
hover: "#e5e7eb", // gray-200
"hover-emphasis": "#d1d5db", // gray-300
"accent-hover": "#5964c2",
"accent-hover": "#4F46E5",
// keyword highlighting
highlight: {
@@ -92,11 +137,11 @@ module.exports = {
},
// bubbles in chat for each "user"
user: "#fb7185", // yellow-400
user: "#F1F2F4", // near gray-100
ai: "#60a5fa", // blue-400
// for display documents
document: "#ec4899", // pink-500
document: "#f43f5e", // pink-500
// light mode
tremor: {