diff --git a/frontend/src/GameList.tsx b/frontend/src/GameList.tsx
index 5ff1cff..0817f70 100644
--- a/frontend/src/GameList.tsx
+++ b/frontend/src/GameList.tsx
@@ -128,7 +128,7 @@ export function GameList() {
};
const formHeaderStyles: React.CSSProperties = {
- background: "linear-gradient(135deg, var(--accent-color) 0%, #0a4f8c 100%)",
+ background: "linear-gradient(135deg, var(--accent-color) 0%, var(--secondary-accent) 100%)",
padding: "1.5rem 2rem",
display: "flex",
alignItems: "center",
@@ -195,7 +195,7 @@ export function GameList() {
const submitButtonStyles: React.CSSProperties = {
width: "100%",
padding: "1rem",
- background: "linear-gradient(135deg, var(--accent-color) 0%, #0a4f8c 100%)",
+ background: "linear-gradient(135deg, var(--accent-color) 0%, var(--secondary-accent) 100%)",
border: "none",
borderRadius: "12px",
color: "white",
diff --git a/frontend/src/ShaderBackground.tsx b/frontend/src/ShaderBackground.tsx
index f089020..b7ba933 100644
--- a/frontend/src/ShaderBackground.tsx
+++ b/frontend/src/ShaderBackground.tsx
@@ -200,6 +200,18 @@ export const ShaderBackground = () => {
});
return (
-
+
);
};
diff --git a/frontend/src/index.css b/frontend/src/index.css
index cde6255..c9e5ae7 100644
--- a/frontend/src/index.css
+++ b/frontend/src/index.css
@@ -4,6 +4,7 @@
--secondary-alt-bg: #191f2e;
--tertiary-bg: #101320;
--accent-color: #096dc0;
+ --secondary-accent: #0a4f8c;
--text-color: #ffffff;
--text-muted: #a0a0a0;
--border-color: #2a3045;
@@ -101,6 +102,8 @@ ul {
--tertiary-bg: rgba(40, 40, 40, 0.8);
--border-color: rgba(255, 255, 255, 0.15);
--text-color: #ffffff;
+ --accent-color: #121212;
+ --secondary-accent: #212121;
}
.shader-theme body {