fix typos, change global colors

Author: isabella

crates/ui/global.css

@@ -41,9 +41,9 @@
 
 @media (prefers-color-scheme: dark) {
 	:root {
-		--background-color: #111111;
-		--border-color: #212121;
-		--header-color: #232323;
+		--background-color: #000000;
+		--border-color: #151515;
+		--header-color: #161616;
 		--hover-color: #333333;
 		--surface-color: #181818;
 		--muted-text-color: #aaaaaa;
@@ -67,4 +67,4 @@ body {
 	font-family: JetBrains Mono, monospace, sans-serif;
 	margin: 0;
 	line-height: 1;
-}
+}

crates/www/routes/about/server/page.rs

@@ -1,6 +1,6 @@
-use pinwheel::prelude::*;
 use modelfox_ui as ui;
 use modelfox_www_layouts::{document::Document, page_layout::PageLayout};
+use pinwheel::prelude::*;
 
 pub struct Page;
 
@@ -12,7 +12,7 @@ impl Component for Page {
 			.title("[email protected]".to_string())
 			.child("[email protected]");
 		let p2 = ui::P::new()
-			.child("We would love to hear from you, please don't hesistate to reach out! ")
+			.child("We would love to hear from you, please don't hesitate to reach out! ")
 			.child(link);
 		let modelfox = ui::S2::new()
 			.child(ui::H1::new("About"))

crates/www/routes/index/server/production_metrics.rs

@@ -1,11 +1,11 @@
-use pinwheel::prelude::*;
 use modelfox_charts::{
 	common::GridLineInterval,
 	components::LineChart,
 	line_chart::{LineChartPoint, LineChartSeries, LineStyle, PointStyle},
 };
 use modelfox_finite::Finite;
 use modelfox_ui as ui;
+use pinwheel::prelude::*;
 
 pub struct ProductionMetrics;
 
@@ -253,7 +253,7 @@ impl Component for ProductionMetrics {
 				title: Some("Production".to_owned()),
 			},
 		];
-		let text = "After logging true values, you can view metrics comparing your model's performance in production vs. training. The app will automatically alert you if a signficant difference is detected.";
+		let text = "After logging true values, you can view metrics comparing your model's performance in production vs. training. The app will automatically alert you if a significant difference is detected.";
 		let left = div()
 			.child(div().class("index-step-title").child("Monitor metrics."))
 			.child(div().class("index-step-text").child(text));