granblue.team/hensei-web
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Added new themes and variables

Browse source
This commit is contained in:
Justin Edmund 2023-06-29 00:48:34 -07:00
parent 7c1b97d4ad
commit 37e0525243
2 changed files with 11 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
styles/themes.scss
View file

@ -64,6 +64,7 @@
--select-modal-bg: #{$select--modal--bg--light}; --select-modal-bg: #{$select--modal--bg--light};
--select-modal-bg-hover: #{$select--modal--bg--light--hover}; --select-modal-bg-hover: #{$select--modal--bg--light--hover};
--select-separator: #{$select--separator--light}; --select-separator: #{$select--separator--light};
--select-content-contained-bg: #{$select--content--contained--bg--light};
--option-bg-hover: #{$option--bg--light--hover}; --option-bg-hover: #{$option--bg--light--hover};
// Light - Sliders // Light - Sliders
@ -221,6 +222,7 @@
--select-modal-bg: #{$select--modal--bg--dark}; --select-modal-bg: #{$select--modal--bg--dark};
--select-modal-bg-hover: #{$select--modal--bg--dark--hover}; --select-modal-bg-hover: #{$select--modal--bg--dark--hover};
--select-separator: #{$select--separator--dark}; --select-separator: #{$select--separator--dark};
--select-content-contained-bg: #{$select--content--contained--bg--dark};
--option-bg-hover: #{$option--bg--dark--hover}; --option-bg-hover: #{$option--bg--dark--hover};
// Dark - Sliders // Dark - Sliders

14
styles/variables.scss
View file

@ -48,6 +48,7 @@ $grey-50: #777;
$grey-55: #888; $grey-55: #888;
$grey-60: #a9a9a9; $grey-60: #a9a9a9;
$grey-70: #c6c6c6; $grey-70: #c6c6c6;
$grey-75: #dcdcdc;
$grey-80: #e9e9e9; $grey-80: #e9e9e9;
$grey-85: #efefef; $grey-85: #efefef;
$grey-90: #f5f5f5; $grey-90: #f5f5f5;
@ -210,10 +211,10 @@ $input--bound--bg--dark--hover: $grey-10;
$select--bg--light: $grey-100; $select--bg--light: $grey-100;
$select--bg--dark: $grey-10; $select--bg--dark: $grey-10;
$select--contained--bg--light: $grey-90; $select--contained--bg--light: $grey-85;
$select--contained--bg--light--hover: $grey-80; $select--contained--bg--light--hover: $grey-80;
$select--contained--bg--dark: $grey-05; $select--contained--bg--dark: $grey-15;
$select--contained--bg--dark--hover: $grey-00; $select--contained--bg--dark--hover: $grey-10;
$select--modal--bg--light: $grey-85; $select--modal--bg--light: $grey-85;
$select--modal--bg--light--hover: $grey-80; $select--modal--bg--light--hover: $grey-80;
@ -223,15 +224,18 @@ $select--modal--bg--dark--hover: $grey-30;
$select--separator--light: $grey-90; $select--separator--light: $grey-90;
$select--separator--dark: $grey-05; $select--separator--dark: $grey-05;
$option--bg--light--hover: $grey-90; $option--bg--light--hover: $grey-75;
$option--bg--dark--hover: $grey-00; $option--bg--dark--hover: $grey-00;
$grid--rep--hover--light: $grey-100; $grid--rep--hover--light: $grey-100;
$grid--rep--hover--dark: $grey-10; $grid--rep--hover--dark: $grey-10;
$grid--border--color--light: $grey-80; $grid--border--color--light: $grey-85;
$grid--border--color--dark: $grey-40; $grid--border--color--dark: $grey-40;
$select--content--contained--bg--light: $grey-85;
$select--content--contained--bg--dark: $grey-15;
// Color Definitions: Slider // Color Definitions: Slider
$slider--thumb--bg--light: $grey-100; $slider--thumb--bg--light: $grey-100;
$slider--thumb--bg--dark: $grey-100; $slider--thumb--bg--dark: $grey-100;