GifariKemal
e8355b3f62
- Dark mode: class-based theme toggle with localStorage persistence and flash prevention - Trade History (/trades): paginated table, stats cards, equity curve chart with DB API endpoints - Backtest Viewer (/backtests): log parser for 35 backtest results, sidebar + detail + comparison tabs - Model Insights: dashboard card + dialog showing feature importance, regime distribution, training history - Alert/Signal Log (/alerts): signal stats, filterable table with execution tracking - API: 8 new endpoints with psycopg2 DB connection pool - Dark mode sweep across books page, about dialog, and all dashboard components - Architecture docs rewritten with Mermaid diagrams (23 docs) - README and FEATURES.md rewritten bilingual (Indonesian + English) - main_live.py: write model_metrics.json on startup and retrain Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
148 lines
4.5 KiB
TypeScript
148 lines
4.5 KiB
TypeScript
import type { Config } from 'tailwindcss'
|
|
|
|
const config: Config = {
|
|
darkMode: 'class',
|
|
content: [
|
|
'./src/pages/**/*.{js,ts,jsx,tsx,mdx}',
|
|
'./src/components/**/*.{js,ts,jsx,tsx,mdx}',
|
|
'./src/app/**/*.{js,ts,jsx,tsx,mdx}',
|
|
],
|
|
theme: {
|
|
extend: {
|
|
colors: {
|
|
// Apple Liquid Glass theme colors
|
|
background: 'var(--color-background)',
|
|
foreground: 'var(--color-foreground)',
|
|
surface: 'var(--color-surface)',
|
|
'surface-light': 'var(--color-surface-light)',
|
|
'surface-hover': 'var(--color-surface-hover)',
|
|
|
|
card: {
|
|
DEFAULT: 'var(--color-card)',
|
|
foreground: 'var(--color-card-foreground)',
|
|
},
|
|
popover: {
|
|
DEFAULT: 'var(--color-popover)',
|
|
foreground: 'var(--color-popover-foreground)',
|
|
},
|
|
primary: {
|
|
DEFAULT: 'var(--color-primary)',
|
|
foreground: 'var(--color-primary-foreground)',
|
|
dark: 'var(--color-primary-dark)',
|
|
},
|
|
secondary: {
|
|
DEFAULT: 'var(--color-secondary)',
|
|
foreground: 'var(--color-secondary-foreground)',
|
|
},
|
|
muted: {
|
|
DEFAULT: 'var(--color-muted)',
|
|
foreground: 'var(--color-muted-foreground)',
|
|
},
|
|
accent: {
|
|
DEFAULT: 'var(--color-accent)',
|
|
foreground: 'var(--color-accent-foreground)',
|
|
},
|
|
destructive: {
|
|
DEFAULT: 'var(--color-destructive)',
|
|
foreground: 'var(--color-destructive-foreground)',
|
|
},
|
|
border: {
|
|
DEFAULT: 'var(--color-border)',
|
|
light: 'var(--color-border-light)',
|
|
},
|
|
input: 'var(--color-input)',
|
|
ring: 'var(--color-ring)',
|
|
|
|
// Semantic colors
|
|
success: {
|
|
DEFAULT: 'var(--color-success)',
|
|
bg: 'var(--color-success-bg)',
|
|
},
|
|
warning: {
|
|
DEFAULT: 'var(--color-warning)',
|
|
bg: 'var(--color-warning-bg)',
|
|
},
|
|
danger: {
|
|
DEFAULT: 'var(--color-danger)',
|
|
bg: 'var(--color-danger-bg)',
|
|
},
|
|
info: {
|
|
DEFAULT: 'var(--color-info)',
|
|
bg: 'var(--color-info-bg)',
|
|
},
|
|
|
|
// Apple system colors for direct use
|
|
apple: {
|
|
green: 'var(--apple-green)',
|
|
blue: 'var(--apple-blue)',
|
|
red: 'var(--apple-red)',
|
|
orange: 'var(--apple-orange)',
|
|
purple: 'var(--apple-purple)',
|
|
cyan: 'var(--apple-cyan)',
|
|
pink: 'var(--apple-pink)',
|
|
indigo: 'var(--apple-indigo)',
|
|
teal: 'var(--apple-teal)',
|
|
mint: 'var(--apple-mint)',
|
|
},
|
|
|
|
// Chart colors
|
|
chart: {
|
|
'1': 'var(--color-chart-1)',
|
|
'2': 'var(--color-chart-2)',
|
|
'3': 'var(--color-chart-3)',
|
|
'4': 'var(--color-chart-4)',
|
|
'5': 'var(--color-chart-5)',
|
|
},
|
|
},
|
|
borderRadius: {
|
|
lg: 'var(--radius-lg)',
|
|
md: 'var(--radius-md)',
|
|
sm: 'var(--radius-sm)',
|
|
xl: 'var(--radius-xl)',
|
|
},
|
|
fontFamily: {
|
|
sans: ['var(--font-ibm-plex-sans)', 'IBM Plex Sans', 'system-ui', 'sans-serif'],
|
|
mono: ['var(--font-ibm-plex-mono)', 'IBM Plex Mono', 'monospace'],
|
|
},
|
|
animation: {
|
|
'pulse-slow': 'pulse 3s cubic-bezier(0.4, 0, 0.6, 1) infinite',
|
|
'fade-in': 'fadeIn 0.3s ease-out',
|
|
'slide-up': 'slideUp 0.3s ease-out',
|
|
'shimmer': 'shimmer 1.5s infinite',
|
|
'flash-green': 'flashGreen 0.6s ease-out',
|
|
'flash-red': 'flashRed 0.6s ease-out',
|
|
'bar-slide-in': 'barSlideIn 0.6s cubic-bezier(0.16, 1, 0.3, 1) forwards',
|
|
},
|
|
keyframes: {
|
|
fadeIn: {
|
|
'0%': { opacity: '0', transform: 'translateY(6px)' },
|
|
'100%': { opacity: '1', transform: 'translateY(0)' },
|
|
},
|
|
slideUp: {
|
|
'0%': { transform: 'translateY(10px)', opacity: '0' },
|
|
'100%': { transform: 'translateY(0)', opacity: '1' },
|
|
},
|
|
shimmer: {
|
|
'0%': { backgroundPosition: '-200% 0' },
|
|
'100%': { backgroundPosition: '200% 0' },
|
|
},
|
|
flashGreen: {
|
|
'0%': { backgroundColor: 'rgba(52, 199, 89, 0.25)' },
|
|
'100%': { backgroundColor: 'transparent' },
|
|
},
|
|
flashRed: {
|
|
'0%': { backgroundColor: 'rgba(255, 59, 48, 0.25)' },
|
|
'100%': { backgroundColor: 'transparent' },
|
|
},
|
|
barSlideIn: {
|
|
'0%': { transform: 'scaleX(0)' },
|
|
'100%': { transform: 'scaleX(1)' },
|
|
},
|
|
},
|
|
},
|
|
},
|
|
plugins: [],
|
|
}
|
|
|
|
export default config
|