170 lines
3.4 KiB
SCSS
170 lines
3.4 KiB
SCSS
@import '~nes.css/scss/base/color-palette';
|
|
|
|
$game-boy-1: #e3eec0;
|
|
$game-boy-2: #aeba89;
|
|
$game-boy-3: #5e6745;
|
|
$game-boy-4: #202020;
|
|
|
|
$game-boy-pocket-1: #e0dbcd;
|
|
$game-boy-pocket-2: #a89f94;
|
|
$game-boy-pocket-3: #706b66;
|
|
$game-boy-pocket-4: #2b2b26;
|
|
|
|
$gbc-pokemon-red-1: #ffefff;
|
|
$gbc-pokemon-red-2: #f7b58c;
|
|
$gbc-pokemon-red-3: #84739c;
|
|
$gbc-pokemon-red-4: #181010;
|
|
|
|
$gbc-pokemon-blue-1: #e7e8f3;
|
|
$gbc-pokemon-blue-2: #8c83c3;
|
|
$gbc-pokemon-blue-3: #634d8f;
|
|
$gbc-pokemon-blue-4: #120b19;
|
|
|
|
$gray-scale-1: #fff;
|
|
$gray-scale-2: #b6b6b6;
|
|
$gray-scale-3: #676767;
|
|
$gray-scale-4: #000;
|
|
|
|
$custom-light: #f9f9f9;
|
|
$custom-hover: #e8e8e8;
|
|
$custom-medium: #939393;
|
|
$custom-dark: #3d3d3d;
|
|
|
|
$nes-dark: $color-black;
|
|
|
|
// $main-background-color: $custom-light;
|
|
// $main-font-primary-color: $custom-dark;
|
|
// $main-font-secondary-color: $custom-medium;
|
|
// $main-hover-color: $custom-hover;
|
|
// $main-border-color: $custom-dark;
|
|
$main-background-color: $gray-scale-1;
|
|
$main-font-primary-color: $gray-scale-4;
|
|
$main-font-secondary-color: $gray-scale-2;
|
|
$main-active-background-color: $gray-scale-3;
|
|
$main-active-font-color: $gray-scale-1;
|
|
$main-border-color: $gray-scale-4;
|
|
|
|
$main-hover-color: darken($main-background-color, 5%);
|
|
|
|
$great-league-color: #4d6ed0;
|
|
$ultra-league-color: #5e30a3;
|
|
$master-league-color: #475b5e;
|
|
$custom-league-color: #f00;
|
|
$league-colors: (
|
|
great: (
|
|
primary: $great-league-color,
|
|
border: $nes-dark,
|
|
hover: lighten($great-league-color, 10),
|
|
// active: #355aca,
|
|
blur: lighten($great-league-color, 30),
|
|
blur-border: lighten($nes-dark, 10),
|
|
shadow: #1a3ea7,
|
|
contrast: #fff
|
|
),
|
|
ultra: (
|
|
primary: $ultra-league-color,
|
|
border: $nes-dark,
|
|
hover: lighten($ultra-league-color, 10),
|
|
// active: #50298b,
|
|
blur: lighten($ultra-league-color, 30),
|
|
blur-border: lighten($nes-dark, 10),
|
|
shadow: #342085,
|
|
contrast: #fff
|
|
),
|
|
master: (
|
|
primary: $master-league-color,
|
|
border: $nes-dark,
|
|
hover: lighten($master-league-color, 10),
|
|
// active: #3a4a4d,
|
|
blur: lighten($master-league-color, 30),
|
|
blur-border: lighten($nes-dark, 10),
|
|
shadow: #2f4947,
|
|
contrast: #fff
|
|
),
|
|
custom: (
|
|
primary: $custom-league-color,
|
|
border: $nes-dark,
|
|
hover: lighten($custom-league-color, 10),
|
|
blur: lighten($custom-league-color, 30),
|
|
blur-border: lighten($nes-dark, 10),
|
|
shadow: darkred,
|
|
contrast: #fff
|
|
)
|
|
);
|
|
|
|
// https://bulbapedia.bulbagarden.net/wiki/Category:Type_color_templates
|
|
$type-colors: (
|
|
normal: (
|
|
primary: #a8a878,
|
|
contrast: #fff
|
|
),
|
|
fire: (
|
|
primary: #f08030,
|
|
contrast: #fff
|
|
),
|
|
fighting: (
|
|
primary: #c03028,
|
|
contrast: #fff
|
|
),
|
|
water: (
|
|
primary: #6890f0,
|
|
contrast: #fff
|
|
),
|
|
flying: (
|
|
primary: #a890f0,
|
|
contrast: #fff
|
|
),
|
|
grass: (
|
|
primary: #78c850,
|
|
contrast: #fff
|
|
),
|
|
poison: (
|
|
primary: #a040a0,
|
|
contrast: #fff
|
|
),
|
|
electric: (
|
|
primary: #f8d030,
|
|
contrast: #fff
|
|
),
|
|
ground: (
|
|
primary: #e0c068,
|
|
contrast: #fff
|
|
),
|
|
psychic: (
|
|
primary: #f85888,
|
|
contrast: #fff
|
|
),
|
|
rock: (
|
|
primary: #b8a038,
|
|
contrast: #fff
|
|
),
|
|
ice: (
|
|
primary: #98d8d8,
|
|
contrast: #fff
|
|
),
|
|
bug: (
|
|
primary: #a8b820,
|
|
contrast: #fff
|
|
),
|
|
dragon: (
|
|
primary: #6f35fc,
|
|
contrast: #fff
|
|
),
|
|
ghost: (
|
|
primary: #705898,
|
|
contrast: #fff
|
|
),
|
|
dark: (
|
|
primary: #705848,
|
|
contrast: #fff
|
|
),
|
|
steel: (
|
|
primary: #b8b8d0,
|
|
contrast: #fff
|
|
),
|
|
fairy: (
|
|
primary: #ee99ac,
|
|
contrast: #fff
|
|
)
|
|
);
|