@@ -36,14 +36,14 @@ const SKELETON_BAR_HEIGHTS = [
3636
3737function GraphCardSkeleton ( { title } : { title : string } ) {
3838 return (
39- < div className = 'flex flex-col overflow-hidden rounded-[6px] bg-[var(--surface-2)]' >
40- < div className = 'flex min-w-0 items-center justify-between gap-[8px] bg-[var(--surface-3)] px-[16px] py-[9px]' >
39+ < div className = 'flex flex-col overflow-hidden rounded-[6px] bg-[var(--surface-2)] dark:bg-[var(--surface-2)] ' >
40+ < div className = 'flex min-w-0 items-center justify-between gap-[8px] bg-[var(--surface-3)] px-[16px] py-[9px] dark:bg-[var(--surface-3)] ' >
4141 < span className = 'min-w-0 truncate font-medium text-[var(--text-primary)] text-sm' >
4242 { title }
4343 </ span >
4444 < Skeleton className = 'h-[20px] w-[40px]' />
4545 </ div >
46- < div className = 'flex-1 overflow-y-auto rounded-t-[6px] bg-[var(--surface-1 )] px-[14px] py-[10px]' >
46+ < div className = 'flex-1 overflow-y-auto rounded-t-[6px] bg-[var(--surface-2 )] px-[14px] py-[10px] dark:bg-[var(--surface-1) ]' >
4747 < div className = 'flex h-[166px] flex-col justify-end gap-[4px]' >
4848 < div className = 'flex items-end gap-[2px]' >
4949 { SKELETON_BAR_HEIGHTS . map ( ( height , i ) => (
@@ -81,8 +81,8 @@ function WorkflowRowSkeleton() {
8181
8282function WorkflowsListSkeleton ( { rowCount = 5 } : { rowCount ?: number } ) {
8383 return (
84- < div className = 'flex h-full flex-col overflow-hidden rounded-[6px] bg-[var(--surface-1)]' >
85- < div className = 'flex-shrink-0 rounded-t-[6px] bg-[var(--surface-3)] px-[24px] py-[10px]' >
84+ < div className = 'flex h-full flex-col overflow-hidden rounded-[6px] bg-[var(--surface-2)] dark:bg-[var(--surface- 1)]' >
85+ < div className = 'flex-shrink-0 rounded-t-[6px] bg-[var(--surface-3)] px-[24px] py-[10px] dark:bg-[var(--surface-3)] ' >
8686 < div className = 'flex items-center gap-[16px]' >
8787 < span className = 'w-[160px] flex-shrink-0 font-medium text-[12px] text-[var(--text-tertiary)]' >
8888 Workflow
@@ -570,8 +570,8 @@ export default function Dashboard({ logs, isLoading, error }: DashboardProps) {
570570 < div className = 'mt-[24px] flex min-h-0 flex-1 flex-col pb-[24px]' >
571571 < div className = 'mb-[16px] flex-shrink-0' >
572572 < div className = 'grid grid-cols-1 gap-[16px] md:grid-cols-3' >
573- < div className = 'flex flex-col overflow-hidden rounded-[6px] bg-[var(--surface-2)]' >
574- < div className = 'flex min-w-0 items-center justify-between gap-[8px] bg-[var(--surface-3)] px-[16px] py-[9px]' >
573+ < div className = 'flex flex-col overflow-hidden rounded-[6px] bg-[var(--surface-2)] dark:bg-[var(--surface-2)] ' >
574+ < div className = 'flex min-w-0 items-center justify-between gap-[8px] bg-[var(--surface-3)] px-[16px] py-[9px] dark:bg-[var(--surface-3)] ' >
575575 < span className = 'min-w-0 truncate font-medium text-[var(--text-primary)] text-sm' >
576576 Runs
577577 </ span >
@@ -581,7 +581,7 @@ export default function Dashboard({ logs, isLoading, error }: DashboardProps) {
581581 </ span >
582582 ) }
583583 </ div >
584- < div className = 'flex-1 overflow-y-auto rounded-t-[6px] bg-[var(--surface-1 )] px-[14px] py-[10px]' >
584+ < div className = 'flex-1 overflow-y-auto rounded-t-[6px] bg-[var(--surface-2 )] px-[14px] py-[10px] dark:bg-[var(--surface-1) ]' >
585585 { globalDetails ? (
586586 < LineChart
587587 data = { globalDetails . executionCounts }
@@ -597,8 +597,8 @@ export default function Dashboard({ logs, isLoading, error }: DashboardProps) {
597597 </ div >
598598 </ div >
599599
600- < div className = 'flex flex-col overflow-hidden rounded-[6px] bg-[var(--surface-2)]' >
601- < div className = 'flex min-w-0 items-center justify-between gap-[8px] bg-[var(--surface-3)] px-[16px] py-[9px]' >
600+ < div className = 'flex flex-col overflow-hidden rounded-[6px] bg-[var(--surface-2)] dark:bg-[var(--surface-2)] ' >
601+ < div className = 'flex min-w-0 items-center justify-between gap-[8px] bg-[var(--surface-3)] px-[16px] py-[9px] dark:bg-[var(--surface-3)] ' >
602602 < span className = 'min-w-0 truncate font-medium text-[var(--text-primary)] text-sm' >
603603 Errors
604604 </ span >
@@ -608,7 +608,7 @@ export default function Dashboard({ logs, isLoading, error }: DashboardProps) {
608608 </ span >
609609 ) }
610610 </ div >
611- < div className = 'flex-1 overflow-y-auto rounded-t-[6px] bg-[var(--surface-1 )] px-[14px] py-[10px]' >
611+ < div className = 'flex-1 overflow-y-auto rounded-t-[6px] bg-[var(--surface-2 )] px-[14px] py-[10px] dark:bg-[var(--surface-1) ]' >
612612 { globalDetails ? (
613613 < LineChart
614614 data = { globalDetails . failureCounts }
@@ -624,8 +624,8 @@ export default function Dashboard({ logs, isLoading, error }: DashboardProps) {
624624 </ div >
625625 </ div >
626626
627- < div className = 'flex flex-col overflow-hidden rounded-[6px] bg-[var(--surface-2)]' >
628- < div className = 'flex min-w-0 items-center justify-between gap-[8px] bg-[var(--surface-3)] px-[16px] py-[9px]' >
627+ < div className = 'flex flex-col overflow-hidden rounded-[6px] bg-[var(--surface-2)] dark:bg-[var(--surface-2)] ' >
628+ < div className = 'flex min-w-0 items-center justify-between gap-[8px] bg-[var(--surface-3)] px-[16px] py-[9px] dark:bg-[var(--surface-3)] ' >
629629 < span className = 'min-w-0 truncate font-medium text-[var(--text-primary)] text-sm' >
630630 Latency
631631 </ span >
@@ -635,7 +635,7 @@ export default function Dashboard({ logs, isLoading, error }: DashboardProps) {
635635 </ span >
636636 ) }
637637 </ div >
638- < div className = 'flex-1 overflow-y-auto rounded-t-[6px] bg-[var(--surface-1 )] px-[14px] py-[10px]' >
638+ < div className = 'flex-1 overflow-y-auto rounded-t-[6px] bg-[var(--surface-2 )] px-[14px] py-[10px] dark:bg-[var(--surface-1) ]' >
639639 { globalDetails ? (
640640 < LineChart
641641 data = { globalDetails . latencies }
0 commit comments