feat(themes): Photon (dark and light) (#12)
This commit is contained in:
parent
4370a273b3
commit
5c98479d1a
5 changed files with 134 additions and 0 deletions
24
app/javascript/styles/photon_dark.scss
Normal file
24
app/javascript/styles/photon_dark.scss
Normal file
|
@ -0,0 +1,24 @@
|
|||
@import 'photon.scss';
|
||||
|
||||
$color1: $photon_grey_90; // darkest
|
||||
$color2: lighten($photon_blue_50, 20%); // lightest
|
||||
$color3: lighten($photon_blue_50, 10%); // lighter
|
||||
$color4: $photon_blue_50; // vibrant
|
||||
$color5: $photon_white; // white
|
||||
$color6: $photon_red_50; // error red
|
||||
$color7: $photon_green_50; // succ green
|
||||
$color8: $photon_grey_90; // black
|
||||
|
||||
$ui-base-color: $color1;
|
||||
$ui-secondary-color: $color2;
|
||||
$ui-primary-color: $color3;
|
||||
$ui-highlight-color: $color4;
|
||||
$base-border-color: $color5;
|
||||
$simple-background-color: $color5;
|
||||
$primary-text-color: $color5;
|
||||
$error-value-color: $color6;
|
||||
$valid-value-color: $color7;
|
||||
$base-shadow-color: $color8;
|
||||
$base-overlay-background: $color8;
|
||||
|
||||
@import 'application';
|
Loading…
Add table
Add a link
Reference in a new issue