resources/sass/_variables.scss


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58

// Body
$body-bg: #1a1e23;
$body-color: #e2e8f0;

// Typography
$font-family-sans-serif: 'Inter', 'Nunito', sans-serif;
$font-size-base: 0.9rem;
$line-height-base: 1.6;

// Colors - Neon Gaming Theme
$primary: #00e5d4;
$secondary: #2b313b;
$blue: #00e5d4;
$indigo: #6574cd;
$purple: #a855f7;
$pink: #ff2e63;
$red: #e3342f;
$orange: #f6993f;
$yellow: #ffed4a;
$green: #38c172;
$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;