Skip to content

Commit 33fe106

Browse files
BoshenBoshen
committed
improve text colors
1 parent 6cf080f commit 33fe106

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

41 files changed

+175
-143
lines changed

‎apps/dashboard/src/App.tsx‎

Lines changed: 34 additions & 22 deletions
Original file line numberDiff line numberDiff line change
@@ -10,35 +10,47 @@ const RolldownStatsPage = lazy(() => import('./pages/RolldownStatsPage'));
1010

1111
// Loading component for Suspense fallback
1212
const PageLoader = () => (
13-
<div className="flex items-center justify-center min-h-[400px]">
14-
<div className="text-gray-500 dark:text-gray-400">Loading...</div>
13+
<div className='flex items-center justify-center min-h-[400px]'>
14+
<div className='text-gray-500 dark:text-gray-400'>Loading...</div>
1515
</div>
1616
);
1717

1818
function App() {
1919
return (
2020
<Routes>
2121
<Route path='/' element={<Layout />}>
22-
<Route index element={
23-
<Suspense fallback={<PageLoader />}>
24-
<DashboardPage />
25-
</Suspense>
26-
} />
27-
<Route path='rolldown-stats' element={
28-
<Suspense fallback={<PageLoader />}>
29-
<RolldownStatsPage />
30-
</Suspense>
31-
} />
32-
<Route path='minification' element={
33-
<Suspense fallback={<PageLoader />}>
34-
<MinificationBenchmarksPage />
35-
</Suspense>
36-
} />
37-
<Route path='npm-downloads' element={
38-
<Suspense fallback={<PageLoader />}>
39-
<NpmDownloadsPage />
40-
</Suspense>
41-
} />
22+
<Route
23+
index
24+
element={
25+
<Suspense fallback={<PageLoader />}>
26+
<DashboardPage />
27+
</Suspense>
28+
}
29+
/>
30+
<Route
31+
path='rolldown-stats'
32+
element={
33+
<Suspense fallback={<PageLoader />}>
34+
<RolldownStatsPage />
35+
</Suspense>
36+
}
37+
/>
38+
<Route
39+
path='minification'
40+
element={
41+
<Suspense fallback={<PageLoader />}>
42+
<MinificationBenchmarksPage />
43+
</Suspense>
44+
}
45+
/>
46+
<Route
47+
path='npm-downloads'
48+
element={
49+
<Suspense fallback={<PageLoader />}>
50+
<NpmDownloadsPage />
51+
</Suspense>
52+
}
53+
/>
4254
</Route>
4355
</Routes>
4456
);

‎apps/dashboard/src/MinificationBenchmarks.tsx‎

Lines changed: 2 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,16 +1,14 @@
1+
import { libraries } from '@vibe/utils';
12
import { LibraryBenchmarkCard } from './components/minification/LibraryBenchmarkCard';
23
import { MinificationStats } from './components/minification/MinificationStats';
3-
import { libraries } from '@vibe/utils';
44

55
function MinificationBenchmarks() {
66
return (
77
<>
88
<main className='max-w-6xl mx-auto px-8 py-8 flex flex-col gap-8'>
99
{/* Combined Charts for Each Library - Time and Compression Side by Side */}
1010
<div className='flex flex-col gap-8'>
11-
{libraries.map(library => (
12-
<LibraryBenchmarkCard key={library} library={library} />
13-
))}
11+
{libraries.map(library => <LibraryBenchmarkCard key={library} library={library} />)}
1412
</div>
1513

1614
<MinificationStats />

‎apps/dashboard/src/NpmDownloads.tsx‎

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -15,7 +15,6 @@ const packages = [
1515
];
1616

1717
function NpmDownloads() {
18-
1918
return (
2019
<>
2120
<main className='max-w-6xl mx-auto px-8 py-8 flex flex-col gap-8'>

‎apps/dashboard/src/RolldownStats.tsx‎

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
1-
import { BundleSizeChart } from './components/rolldown/BundleSizeChart';
21
import { BuildTimeChart } from './components/rolldown/BuildTimeChart';
2+
import { BundleSizeChart } from './components/rolldown/BundleSizeChart';
33
import { MetricNavigation } from './components/rolldown/MetricNavigation';
44
import { StatsCards } from './components/rolldown/StatsCards';
55

@@ -9,7 +9,6 @@ interface RolldownStatsProps {
99
}
1010

1111
function RolldownStats({ selectedMetric, setSelectedMetric }: RolldownStatsProps) {
12-
1312
return (
1413
<>
1514
<MetricNavigation selectedMetric={selectedMetric} setSelectedMetric={setSelectedMetric} />

‎apps/dashboard/src/components/dashboard/PerformanceTrendChart.tsx‎

Lines changed: 5 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,8 @@
1+
import { Button, Card } from '@vibe/ui';
12
import { ArrowRight } from 'lucide-react';
23
import { Link } from 'react-router-dom';
34
import { CartesianGrid, Line, LineChart, ResponsiveContainer, Tooltip, XAxis, YAxis } from 'recharts';
45
import rolldownStats from '../../../../../rolldown-version-stats.json';
5-
import { Button, Card } from '@vibe/ui';
66

77
const performanceTrend = rolldownStats.slice(-7).map(stat => ({
88
version: `v${stat.version}`,
@@ -47,7 +47,10 @@ export function PerformanceTrendChart() {
4747
backgroundColor: 'var(--tooltip-bg)',
4848
border: '1px solid var(--tooltip-border)',
4949
borderRadius: '8px',
50+
color: 'var(--tooltip-text)',
5051
}}
52+
labelStyle={{ color: 'var(--tooltip-text)' }}
53+
itemStyle={{ color: 'var(--tooltip-text)' }}
5154
/>
5255
<Line
5356
yAxisId='left'
@@ -73,4 +76,4 @@ export function PerformanceTrendChart() {
7376
</ResponsiveContainer>
7477
</Card>
7578
);
76-
}
79+
}

‎apps/dashboard/src/components/dashboard/RecentActivityChart.tsx‎

Lines changed: 5 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
1+
import { Badge, Card } from '@vibe/ui';
12
import { Activity } from 'lucide-react';
23
import { Area, AreaChart, CartesianGrid, ResponsiveContainer, Tooltip, XAxis, YAxis } from 'recharts';
3-
import { Badge, Card } from '@vibe/ui';
44

55
const recentActivityData = [
66
{ date: 'Mon', commits: 12, issues: 5, prs: 3 },
@@ -41,7 +41,10 @@ export function RecentActivityChart() {
4141
backgroundColor: 'var(--tooltip-bg)',
4242
border: '1px solid var(--tooltip-border)',
4343
borderRadius: '8px',
44+
color: 'var(--tooltip-text)',
4445
}}
46+
labelStyle={{ color: 'var(--tooltip-text)' }}
47+
itemStyle={{ color: 'var(--tooltip-text)' }}
4548
/>
4649
<Area
4750
type='monotone'
@@ -74,4 +77,4 @@ export function RecentActivityChart() {
7477
</ResponsiveContainer>
7578
</Card>
7679
);
77-
}
80+
}

‎apps/dashboard/src/components/dashboard/RecentUpdatesCard.tsx‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
1+
import { Badge, Card } from '@vibe/ui';
12
import { Package } from 'lucide-react';
23
import rolldownStats from '../../../../../rolldown-version-stats.json';
3-
import { Badge, Card } from '@vibe/ui';
44

55
export function RecentUpdatesCard() {
66
return (
@@ -19,7 +19,7 @@ export function RecentUpdatesCard() {
1919
<p className='font-medium text-slate-900 dark:text-white'>
2020
Version {stat.version} Released
2121
</p>
22-
<p className='text-sm text-slate-500 dark:text-slate-400'>
22+
<p className='text-sm text-slate-500 dark:text-slate-300'>
2323
Bundle size: {Math.round(stat.totalSize / 1024)} KB • Build time: {stat.buildTime}ms
2424
</p>
2525
</div>
@@ -32,4 +32,4 @@ export function RecentUpdatesCard() {
3232
</div>
3333
</Card>
3434
);
35-
}
35+
}

‎apps/dashboard/src/components/dashboard/StatCard.tsx‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
1+
import { Card } from '@vibe/ui';
12
import { TrendingDown, TrendingUp } from 'lucide-react';
23
import React from 'react';
34
import { Link } from 'react-router-dom';
4-
import { Card } from '@vibe/ui';
55

66
interface StatCardProps {
77
title: string;
@@ -18,7 +18,7 @@ export function StatCard({ title, value, change, changeLabel, icon, trend, linkT
1818
<div className='group relative'>
1919
<div className='flex items-start justify-between'>
2020
<div className='flex-1'>
21-
<p className='text-sm font-medium text-slate-600 dark:text-slate-400'>{title}</p>
21+
<p className='text-sm font-medium text-slate-600 dark:text-slate-300'>{title}</p>
2222
<p className='mt-2 text-3xl font-bold text-slate-900 dark:text-white'>{value}</p>
2323
{change !== undefined && (
2424
<div className='mt-2 flex items-center gap-2'>
@@ -33,7 +33,7 @@ export function StatCard({ title, value, change, changeLabel, icon, trend, linkT
3333
{change > 0 ? '+' : ''}
3434
{change}%
3535
</span>
36-
{changeLabel && <span className='text-sm text-slate-500 dark:text-slate-400'>{changeLabel}</span>}
36+
{changeLabel && <span className='text-sm text-slate-500 dark:text-slate-300'>{changeLabel}</span>}
3737
</div>
3838
)}
3939
</div>
@@ -55,4 +55,4 @@ export function StatCard({ title, value, change, changeLabel, icon, trend, linkT
5555
{content}
5656
</Card>
5757
);
58-
}
58+
}

‎apps/dashboard/src/components/dashboard/StatsGrid.tsx‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
1+
import { CardGrid } from '@vibe/ui';
12
import { Clock, Download, Package, Zap } from 'lucide-react';
23
import minificationData from '../../../../../minification-benchmarks-data.json';
34
import rolldownStats from '../../../../../rolldown-version-stats.json';
4-
import { CardGrid } from '@vibe/ui';
55
import { StatCard } from './StatCard';
66

77
export function StatsGrid() {
@@ -58,4 +58,4 @@ export function StatsGrid() {
5858
/>
5959
</CardGrid>
6060
);
61-
}
61+
}

‎apps/dashboard/src/components/layout/AppBar.tsx‎

Lines changed: 7 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
1-
import { Bell, Search, User } from 'lucide-react';
21
import { Button } from '@vibe/ui';
2+
import { Bell, Search, User } from 'lucide-react';
33

44
interface AppBarProps {
55
title?: string;
@@ -18,7 +18,7 @@ export function AppBar({ title, subtitle }: AppBarProps) {
1818
</h2>
1919
)}
2020
{subtitle && (
21-
<p className='text-sm text-slate-500 dark:text-slate-400'>
21+
<p className='text-sm text-slate-500 dark:text-slate-300'>
2222
{subtitle}
2323
</p>
2424
)}
@@ -29,7 +29,10 @@ export function AppBar({ title, subtitle }: AppBarProps) {
2929
{/* Search */}
3030
<div className='hidden md:flex items-center'>
3131
<div className='relative'>
32-
<Search size={18} className='absolute left-3 top-1/2 -translate-y-1/2 text-slate-400' />
32+
<Search
33+
size={18}
34+
className='absolute left-3 top-1/2 -translate-y-1/2 text-slate-400 dark:text-slate-500'
35+
/>
3336
<input
3437
type='text'
3538
placeholder='Search...'
@@ -55,7 +58,7 @@ export function AppBar({ title, subtitle }: AppBarProps) {
5558
<div className='flex items-center gap-3 pl-3 border-l border-slate-200 dark:border-slate-700'>
5659
<div className='hidden sm:block text-right'>
5760
<p className='text-sm font-medium text-slate-900 dark:text-white'>Admin User</p>
58-
<p className='text-xs text-slate-500 dark:text-slate-400'>[email protected]</p>
61+
<p className='text-xs text-slate-500 dark:text-slate-300'>[email protected]</p>
5962
</div>
6063
<button className='w-10 h-10 bg-gradient-to-br from-blue-500 to-purple-600 rounded-full flex items-center justify-center'>
6164
<User size={18} className='text-white' />

0 commit comments

Comments
 (0)