From f3c19bdbf58ff5a6220fea40b7fd9576230564c8 Mon Sep 17 00:00:00 2001 From: dev Date: Sat, 27 Jun 2026 07:37:59 +0200 Subject: style: apply neon gaming theme from template.css - Dark palette: #1a1e23 bg, #232830 surface, #2f363f borders - Neon cyan (#00e5d4) primary, pink (#ff2e63) accent - Navbar: frosted glass with backdrop blur, border bottom - Cards: dark surface with subtle shadow and border - Custom scrollbar: dark themed - CSS variables for theme colors in inline styles - All text: light (#e2e8f0) on dark backgrounds --- resources/sass/_variables.scss | 55 ++++++++++++++++++++++++++++++++++++------ 1 file changed, 47 insertions(+), 8 deletions(-) (limited to 'resources/sass/_variables.scss') diff --git a/resources/sass/_variables.scss b/resources/sass/_variables.scss index 0407ab5..7d3fa82 100644 --- a/resources/sass/_variables.scss +++ b/resources/sass/_variables.scss @@ -1,19 +1,58 @@ // Body -$body-bg: #f8fafc; +$body-bg: #1a1e23; +$body-color: #e2e8f0; // Typography -$font-family-sans-serif: 'Nunito', sans-serif; +$font-family-sans-serif: 'Inter', 'Nunito', sans-serif; $font-size-base: 0.9rem; $line-height-base: 1.6; -// Colors -$blue: #3490dc; +// Colors - Neon Gaming Theme +$primary: #00e5d4; +$secondary: #2b313b; +$blue: #00e5d4; $indigo: #6574cd; -$purple: #9561e2; -$pink: #f66d9b; +$purple: #a855f7; +$pink: #ff2e63; $red: #e3342f; $orange: #f6993f; $yellow: #ffed4a; $green: #38c172; -$teal: #4dc0b5; -$cyan: #6cb2eb; +$teal: #00e5d4; +$cyan: #00e5d4; + +// Surface colors +$dark: #232830; +$gray-dark: #2b313b; +$gray: #2f363f; +$light: #e2e8f0; + +// Bootstrap overrides +$card-bg: #232830; +$card-border-color: #2f363f; +$card-cap-bg: rgba(0,0,0,0.2); +$card-border-radius: 0.5rem; + +$input-bg: #2b313b; +$input-color: #e2e8f0; +$input-border-color: #2f363f; + +$pagination-color: #e2e8f0; +$pagination-bg: #232830; +$pagination-border-color: #2f363f; +$pagination-active-bg: #00e5d4; +$pagination-active-border-color: #00e5d4; +$pagination-active-color: #000; + +$navbar-dark-color: #94a3b8; +$navbar-dark-active-color: #00e5d4; + +$badge-font-size: 0.8rem; +$badge-padding-y: 0.3em; +$badge-padding-x: 0.6em; + +$border-color: #2f363f; + +// Button overrides +$btn-padding-y: 0.5rem; +$btn-padding-x: 1rem; -- cgit v1.2.3