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/_background.scss | 28 ++++++++++++++++------------ 1 file changed, 16 insertions(+), 12 deletions(-) (limited to 'resources/sass/_background.scss') diff --git a/resources/sass/_background.scss b/resources/sass/_background.scss index 4ef03bd..a848474 100644 --- a/resources/sass/_background.scss +++ b/resources/sass/_background.scss @@ -5,22 +5,26 @@ html { body { width: 100%; height: auto; - min-height:35rem; - background: linear-gradient(to bottom, rgba(1,1,1,.25) 0%, rgba(1,1,1,.45) 90%, rgba(2, 11, 26, 0.65) 100%), url("/img/world-bg.jpg"); - background-color: rgba(2, 11, 26, 0.65); - background-position: center; + min-height: 35rem; + background-color: #1a1e23; + background-image: linear-gradient(to bottom, rgba(1,1,1,.35) 0%, rgba(1,1,1,.55) 90%, rgba(26, 30, 35, 0.8) 100%), url("/img/world-bg.jpg"); + background-position: center top; background-repeat: no-repeat; background-attachment: fixed; background-size: cover; + color: #e2e8f0; } -.cover-container { - color: white; - max-width: 42em; + +::-webkit-scrollbar { + width: 8px; +} +::-webkit-scrollbar-track { + background: #1a1e23; } -.cover { - padding: 0 1.5rem; +::-webkit-scrollbar-thumb { + background: #2b313b; + border-radius: 4px; } -.cover .btn-lg { - padding: .75rem 1.25rem; - font-weight: 700; +::-webkit-scrollbar-thumb:hover { + background: #2f363f; } -- cgit v1.2.3