Add game feature: Implement Flag Quiz and Game selection page with theme support

This commit is contained in:
sHa
2025-08-11 03:04:50 +03:00
parent 39cbaa32e1
commit f9182a6867
5 changed files with 1181 additions and 30 deletions

View File

@@ -15,6 +15,16 @@
--color-accent: var(--primary-color);
--color-accent-hover: var(--primary-color-hover);
--color-default-fill: #c8aca5;
/* Game-specific variables */
--color-bg-primary: var(--background-color);
--color-bg-secondary: var(--card-background);
--color-bg-hover: #f0f0f0;
--color-text-primary: var(--text-color);
--color-text-secondary: #666;
--color-primary: var(--primary-color);
--color-primary-dark: var(--primary-color-hover);
--color-primary-light: rgba(70, 25, 194, 0.1);
}
/* Dark theme overrides - using both media query and class-based approach */
@@ -25,6 +35,13 @@
--color-text: #f5f6fa;
--color-border: #333842;
--color-accent: var(--primary-color);
/* Game-specific dark theme */
--color-bg-primary: #181a20;
--color-bg-secondary: #23272e;
--color-bg-hover: #2a2e36;
--color-text-primary: #f5f6fa;
--color-text-secondary: #9ca3af;
}
}
@@ -36,6 +53,13 @@
--color-text: #f5f6fa;
--color-border: #333842;
--color-accent: var(--primary-color);
/* Game-specific dark theme */
--color-bg-primary: #181a20;
--color-bg-secondary: #23272e;
--color-bg-hover: #2a2e36;
--color-text-primary: #f5f6fa;
--color-text-secondary: #9ca3af;
}
:root.light,
@@ -47,6 +71,13 @@
--color-border: #ddd;
--color-accent: var(--primary-color);
--color-default-fill: #524643;
/* Game-specific light theme */
--color-bg-primary: #f8f9fa;
--color-bg-secondary: #ffffff;
--color-bg-hover: #f0f0f0;
--color-text-primary: #333333;
--color-text-secondary: #666;
}
* {