[chrome] sane default colors

Author: velzie

packages/chrome/src/App.tsx

@@ -2,7 +2,7 @@ import type { ComponentContext } from "dreamland/core";
 import { css } from "dreamland/core";
 import { TabStrip } from "./components/TabStrip/TabStrip";
 import { browser } from "./Browser";
-import type { Tab } from "./Tab";
+import { Tab } from "./Tab";
 import { BookmarksStrip } from "./components/BookmarksStrip";
 import { Omnibar } from "./components/Omnibar/Omnibar";
 
@@ -34,21 +34,28 @@ export function App(props: {}, cx: ComponentContext) {
 	use(browser.settings.theme).listen(applyTheme);
 
 	const theme = {
-		toolbar: "rgb(45, 41, 59)",
-		toolbar_text: "rgb(236, 191, 189)",
-		frame: "rgb(30, 30, 40)",
-		tab_background_text: "rgb(215, 218, 224)",
-		toolbar_field: "rgb(30, 30, 40)",
-		toolbar_field_text: "rgb(236, 191, 189)",
-		tab_line: "rgb(236, 191, 189)",
-		popup: "rgb(30, 30, 40)",
-		popup_text: "rgb(236, 191, 189)",
-		icons: "rgb(198, 170, 232)",
-		ntp_background: "rgb(21, 18, 28)",
-		ntp_text: "rgb(164, 185, 239)",
-		popup_border: "rgb(236, 191, 189)",
-		toolbar_top_separator: "rgb(30, 30, 40)",
-		tab_loading: "rgb(236, 191, 189)",
+		frame: "#1c1b22",
+		tab_selected: "#42414d",
+		tab_background_text: "white",
+		toolbar: "#2b2a33",
+		toolbar_text: "white",
+		toolbar_field: "#1C1B22",
+		toolbar_field_text: "white",
+		icons: "white",
+		// toolbar_text: "rgb(236, 191, 189)",
+		// frame: "rgb(30, 30, 40)",
+		// tab_background_text: "rgb(215, 218, 224)",
+		// toolbar_field: "rgb(30, 30, 40)",
+		// toolbar_field_text: "rgb(236, 191, 189)",
+		// tab_line: "rgb(236, 191, 189)",
+		// popup: "rgb(30, 30, 40)",
+		// popup_text: "rgb(236, 191, 189)",
+		// icons: "rgb(198, 170, 232)",
+		// ntp_background: "rgb(21, 18, 28)",
+		// ntp_text: "rgb(164, 185, 239)",
+		// popup_border: "rgb(236, 191, 189)",
+		// toolbar_top_separator: "rgb(30, 30, 40)",
+		// tab_loading: "rgb(236, 191, 189)",
 	};
 
 	cx.mount = () => {