mirror of
https://github.com/shadoll/sLogos.git
synced 2025-12-20 03:26:59 +00:00
Add game feature: Implement Flag Quiz and Game selection page with theme support
This commit is contained in:
@@ -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;
|
||||
}
|
||||
|
||||
* {
|
||||
|
||||
Reference in New Issue
Block a user