From 616237c64248ef41619b8a47e7e2f524b623ad00 Mon Sep 17 00:00:00 2001 From: dilgenfritz Date: Mon, 24 Nov 2025 21:07:48 -0600 Subject: [PATCH] updated unified color palette and changed to a theme selector --- color-template.html | 573 +++ docs/color-palette-rollout.md | 57 + index-test.html | 7100 ++++++++++++++++++++++++++++++++ index.html | 129 +- index.html.old | 7096 +++++++++++++++++++++++++++++++ quick-play.html | 11 +- src/styles/color-variables.css | 269 +- src/styles/porn-cinema.css | 26 +- src/styles/styles.css | 68 +- src/utils/themeManager.js | 12 +- 10 files changed, 15168 insertions(+), 173 deletions(-) create mode 100644 color-template.html create mode 100644 index-test.html create mode 100644 index.html.old diff --git a/color-template.html b/color-template.html new file mode 100644 index 0000000..b33cf1d --- /dev/null +++ b/color-template.html @@ -0,0 +1,573 @@ + + + + + + Color Palette Template - Review + + + +
Color copied to clipboard!
+ +
+

๐ŸŽจ Cyberpunk Color Palette Collection

+ + +
+
+
+
Electric Violet
+
Palette 01
+
+
+ +
+
+
+ #8386F5 +
+
+
Light Violet
+
#8386F5
+
Primary accent, highlights
+
+
+ +
+
+ #3D43B4 +
+
+
Deep Violet
+
#3D43B4
+
Secondary accent, buttons
+
+
+ +
+
+ #041348 +
+
+
Midnight Blue
+
#041348
+
Background dark, containers
+
+
+ +
+
+ #083E12 +
+
+
Dark Forest
+
#083E12
+
Success states, dark accents
+
+
+ +
+
+ #1AFE49 +
+
+
Neon Green
+
#1AFE49
+
Success, active states, CTAs
+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
CSS VariableValueUsage
--color-primary#8386f5Main brand color, primary UI elements
--color-secondary#3d43b4Secondary accents, hover states
--bg-primary#041348Main background color
--color-success#1afe49Success messages, confirmations
--bg-success-dark#083e12Success state backgrounds
+ +
+
Preview Components
+
+ + + +
+
+
+ + +
+
+
+
Magenta Dream
+
Palette 02
+
+
+ +
+
+
+ #F887FF +
+
+
Light Magenta
+
#F887FF
+
Primary accent, highlights
+
+
+ +
+
+ #DE004E +
+
+
Deep Rose
+
#DE004E
+
Secondary accent, warnings
+
+
+ +
+
+ #860029 +
+
+
Dark Crimson
+
#860029
+
Error states, danger
+
+
+ +
+
+ #321450 +
+
+
Deep Purple
+
#321450
+
Background, containers
+
+
+ +
+
+ #29132E +
+
+
Void Purple
+
#29132E
+
Dark backgrounds, overlays
+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
CSS VariableValueUsage
--color-primary#f887ffMain brand color, primary UI elements
--color-secondary#de004eSecondary accents, hover states
--bg-primary#29132eMain background color
--bg-secondary#321450Card backgrounds, containers
--color-danger#860029Error messages, danger states
+ +
+
Preview Components
+
+ + + +
+
+
+ + +
+
+
+
Hot Pink Fury
+
Palette 03
+
+
+ +
+
+
+ #FF124F +
+
+
Hot Pink
+
#FF124F
+
Primary accent, CTAs
+
+
+ +
+
+ #FF00A0 +
+
+
Neon Magenta
+
#FF00A0
+
Secondary accent, highlights
+
+
+ +
+
+ #FE75FE +
+
+
Light Pink
+
#FE75FE
+
Soft accents, hover states
+
+
+ +
+
+ #7A04EB +
+
+
Electric Purple
+
#7A04EB
+
Tertiary accent, borders
+
+
+ +
+
+ #120458 +
+
+
Deep Void
+
#120458
+
Background, dark areas
+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
CSS VariableValueUsage
--color-primary#ff124fMain brand color, primary UI elements
--color-secondary#ff00a0Secondary accents, active states
--color-tertiary#7a04ebTertiary accents, borders
--bg-primary#120458Main background color
--color-accent-light#fe75feLight highlights, subtle accents
+ +
+
Preview Components
+
+ + + + +
+
+
+ +
+ + + + \ No newline at end of file diff --git a/docs/color-palette-rollout.md b/docs/color-palette-rollout.md index 1d5a723..fa41304 100644 --- a/docs/color-palette-rollout.md +++ b/docs/color-palette-rollout.md @@ -144,3 +144,60 @@ - Dark backgrounds: `rgba(0, 0, 0, 0.7-0.9)` - Text: `#ffffff`, `#e8e8e8`, `#ecf0f1` - Borders: Various with `rgba` transparency + +- color palette 1 +#8386f5 +#3d43b4 +#041348 +#083e12 +#1afe49 + +- color palette 2 +#f887ff +#de004e +#860029 +#321450 +#29132e + +- color palette 3 +#ff124f +#ff00a0 +#fe75fe +#7a04eb +#120458 + +- color palette 4 +#7700a6 +#fe00fe +#defe47 +#00b3fe +#0016ee + +- color palette 5 +#ff2a6d +#f70e0eff +#aa477eff +#005678 +#01012b + +- color palette 6 +#fff69f +#fdd870 +#d0902f +#a15501 +#351409 + +- color palette 7 +#b0acb0 +#e2dddf +#85ebd9 +#3d898d +#2f404d + +- color palette 8 +#ff184c +#ff577d +#ffccdc +#0a9cf5 +#003062 + diff --git a/index-test.html b/index-test.html new file mode 100644 index 0000000..42323f9 --- /dev/null +++ b/index-test.html @@ -0,0 +1,7100 @@ + + + + + + + Gooner Training Academy - Master Your Dedication + + + + + + + + + + + +
+
+ +

Initializing Game...

+

Loading components...

+
+
+
+
0%
+
+
+ +
+ +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + +
+
+
+
+
+

+ Gooner Training Academy + Professional Development +

+

+ Master Your Dedication + โ€ข Advanced Training System โ€ข v3.0 +

+ + +
+ + + + + +
+
+ + +
+ +
+
Current Level
+
+
Virgin
+
Level 1
+
+
+
+ 0 + XP +
+
+
+
+
+
+ 0 / 100 XP +
+
+
+
+ +
+ + +
+
+
+ +
+
+ + +
+
+
+
+
+
+
+
+
+
+
+
+ + +
+ +
+
+ + + +
+
+ +
+
+
+ ๐Ÿ”Š + + 30% +
+
+
Music: Off
+
+
+
+ + +
+ +
+ +
+ +
+ + +
+ + +
+ + +
+ + + +
+
+ + +
+

๐Ÿ–ผ๏ธ Image Library Management

+

Upload and organize image content to enhance your gaming experience

+ + +
+

๏ฟฝ๏ธ Import Image Files

+
+ + + +
+
+ ๐Ÿ’ป Desktop: Native file dialogs โ€ข Supports JPEG, PNG, GIF, WebP formats +
+ +
+ + + + ๐Ÿ“ก Auto-scan on startup +
+
+ + +
+
+

๐Ÿ–ผ๏ธ Current Image Library

+
+ + + Loading images... +
+
+ + +
+ + + + +
+ +
+
+ + +
+

๐ŸŽต Audio Library Management

+

Upload and organize audio content to enhance your gaming experience

+ + +
+

๐ŸŽต Import Audio Files

+
+ + + +
+
+ ๐Ÿ’ป Desktop: Native file dialogs โ€ข Supports MP3, WAV, OGG, M4A, AAC, FLAC formats +
+ +
+ + + + + ๐Ÿ“ก Auto-scan on startup +
+
+ + +
+
+

๐ŸŽง Current Audio Library

+
+ + Loading audio files... +
+
+ + +
+ + + + +
+ +
+
+ + +
+

๐ŸŽฌ Video Library Management

+

Upload and organize video content to enhance your gaming experience

+ + +
+

๐ŸŽฅ Video Library Management

+

+ Link external directories to build your video library. All videos are scanned recursively (including subdirectories). +

+ + +
+

๏ฟฝ Linked Directories

+
+ + + +
+
+ +
+
+ + +
+ 0 videos total + 0 directories linked +
+
+ ๐Ÿ’ป Desktop: Native file dialogs โ€ข Supports MP4, WebM, OGV, MOV formats +
+ +
+ + + + ๐Ÿ“ก Auto-scan on startup +
+
+ + +
+
+

๐Ÿ“น Video Library

+
+ + + Loading videos... +
+
+ + +
+ + + + + +
+

โš™๏ธ Video Player Settings

+
+
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ + 30% +
+
+ +
+ +
+ +
+ +
+ +
+ +
+
+ +
+ + + +
+
+ +
+ +
+
+ + + + + +
+

๐Ÿ“š Media Library

+

Manage all your media content in one place

+ + +
+ + + + +
+ + +
+
+

๐Ÿ–ผ๏ธ Image Library Management

+

Link directories from your computer to access image content

+ + +
+

๐Ÿ“ Linked Image Directories

+
+ + + + + 0 directories linked +
+
+
+
No image directories linked yet
+
+
+
+ + +
+
+

๐Ÿ–ผ๏ธ Current Image Library

+
+ + 0 images +
+
+ +
+
+
+ + +
+
+

๐ŸŽต Audio Library Management

+

Organize your background music and ambient sounds

+ + +
+

๐ŸŽต Import Audio Files

+
+ + + +
+
+ ๐Ÿ’ป Desktop: Native file dialogs โ€ข Supports MP3, WAV, OGG, M4A formats +
+
+ + + +
+
+ + +
+
+

๐ŸŽต Current Audio Library

+
+ + 0 files +
+
+ +
+
+
+ + +
+
+

๐ŸŽฌ Video Library Management

+

Manage your video content for enhanced training sessions

+ +
+

๐Ÿ“ Linked Video Directories

+

Link directories from your computer to access video content

+
+ + + + + 0 directories linked +
+
+
+
No video directories linked yet
+
+
+
+ + +
+
+

๐ŸŽฌ Current Video Library

+
+ + 0 files +
+
+ +
+
+
+ + +
+
+

๐Ÿ“ธ Photo Gallery

+

Browse and organize your photo collections

+ + +
+ + + + +
+ + +
+ + + + + + + +
+
+
+ + +
+ + +
+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/index.html b/index.html index eeed46b..42323f9 100644 --- a/index.html +++ b/index.html @@ -5,6 +5,7 @@ Gooner Training Academy - Master Your Dedication + @@ -12,20 +13,20 @@ @@ -370,9 +371,9 @@