updates

site/src/components/charts/bandwidth-chart.tsx

@@ -16,7 +16,7 @@ const chartConfig = {
 	},
 	sent: {
 		label: 'Sent',
-		color: 'hsl(var(--chart-1))',
+		color: 'hsl(var(--chart-5))',
 	},
 } satisfies ChartConfig
 

site/src/components/charts/disk-io-chart.tsx

@@ -12,7 +12,7 @@ import Spinner from '../spinner'
 const chartConfig = {
 	read: {
 		label: 'Read',
-		color: 'hsl(var(--chart-5))',
+		color: 'hsl(var(--chart-1))',
 	},
 	write: {
 		label: 'Write',
@@ -78,13 +78,6 @@ export default function DiskIoChart({
 						/>
 					}
 				/>
-				<Area
-					dataKey="read"
-					type="monotoneX"
-					fill="var(--color-read)"
-					fillOpacity={0.4}
-					stroke="var(--color-read)"
-				/>
 				<Area
 					dataKey="write"
 					type="monotoneX"
@@ -92,6 +85,13 @@ export default function DiskIoChart({
 					fillOpacity={0.4}
 					stroke="var(--color-write)"
 				/>
+				<Area
+					dataKey="read"
+					type="monotoneX"
+					fill="var(--color-read)"
+					fillOpacity={0.4}
+					stroke="var(--color-read)"
+				/>
 			</AreaChart>
 		</ChartContainer>
 	)