diff --git a/web/app/components/Sidebar/Login.tsx b/web/app/components/Sidebar/Login.tsx
index 10947ca..073f711 100644
--- a/web/app/components/Sidebar/Login.tsx
+++ b/web/app/components/Sidebar/Login.tsx
@@ -26,7 +26,7 @@ export function Login() {
logged in as{" "}
- {scTokenContent?.login || "user"}
+ {scTokenContent?.Login || "user"}
diff --git a/web/app/components/Sidebar/Sidebar.tsx b/web/app/components/Sidebar/Sidebar.tsx
index 8dd2e82..784deac 100644
--- a/web/app/components/Sidebar/Sidebar.tsx
+++ b/web/app/components/Sidebar/Sidebar.tsx
@@ -64,7 +64,7 @@ export function Sidebar() {
letterSpacing: "0.1em",
}}
>
- {">"} gempbot
+ gempbot
v2.0 {"// twitch bot"}
@@ -110,7 +110,6 @@ export function Sidebar() {
to={link.href}
label={
- {isActive ? "> " : " "}
{link.label}
}
diff --git a/web/app/styles/globals.css b/web/app/styles/globals.css
index 289a6c4..26f97da 100644
--- a/web/app/styles/globals.css
+++ b/web/app/styles/globals.css
@@ -5,8 +5,8 @@
:root {
/* Terminal color palette */
- --terminal-green: #00ff99;
- --terminal-green-dim: #00cc7a;
+ --terminal-green: #28c88c;
+ --terminal-green-dim: #20a070;
--terminal-blue: #339af0;
--terminal-red: #ff6b6b;
--terminal-yellow: #ffd43b;
diff --git a/web/app/theme.ts b/web/app/theme.ts
index ff3e71f..6133f91 100644
--- a/web/app/theme.ts
+++ b/web/app/theme.ts
@@ -1,17 +1,17 @@
import { createTheme, type MantineColorsTuple } from "@mantine/core";
-// Terminal green - high contrast, technical feel
+// Muted green - darker, more readable
const terminal: MantineColorsTuple = [
- "#e6fff5",
- "#ccffeb",
- "#99ffd6",
- "#66ffc2",
- "#33ffad",
- "#00ff99", // Primary terminal green
- "#00e689",
- "#00cc7a",
- "#00b36b",
- "#00995c",
+ "#d4f4e8",
+ "#a9e9d1",
+ "#7edeba",
+ "#53d3a3",
+ "#28c88c", // Primary muted green
+ "#20a070",
+ "#187854",
+ "#105038",
+ "#08281c",
+ "#000000",
];
// Steel gray - mechanical, industrial