tykayn/funky-framadate-front
1
1
Fork 1
mirror of https://framagit.org/framasoft/framadate/funky-framadate-front.git synced 2023-08-25 13:53:14 +02:00
Code Issues Projects Releases Wiki Activity

setup theme comments

Browse Source
This commit is contained in:
Tykayn 2021-04-07 14:04:58 +02:00 committed by tykayn
parent a744bf9931
commit 2562b21d2f
1 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/styles/variables.scss
View File

@ -1,8 +1,8 @@
@charset "UTF-8"; @charset "UTF-8";
// config // ****************************** config ******************************
$theme-vars: 'blue'; // violet , blue $theme-vars: 'violet'; // violet , blue
// colors from styleguide https://app.zeplin.io/project/5d4d83d68866d6522ff2ff10/styleguide/colors?cid=5d502bb032e23e3516af8154 // ****************************** colors from styleguide https://app.zeplin.io/project/5d4d83d68866d6522ff2ff10/styleguide/colors?cid=5d502bb032e23e3516af8154
$black: #000000; $black: #000000;
$white: #ffffff; $white: #ffffff;
$cool-grey: #aeafb1; $cool-grey: #aeafb1;
@ -21,7 +21,7 @@ $pale-purple: #d198d4;
$lavender-pink: #e9bdeb; $lavender-pink: #e9bdeb;
$dark-lavender: #7d6c99; $dark-lavender: #7d6c99;
// blue variation around styleguide // themes ****************************** blue variation around styleguide
$blueish-green: #64d1a9; $blueish-green: #64d1a9;
$blueish-dusty-orange: #74a389; $blueish-dusty-orange: #74a389;
$blueish-red: #9d00cd; $blueish-red: #9d00cd;
@ -39,7 +39,7 @@ $brown: #757763;
$beige-light: #d0d1cd; $beige-light: #d0d1cd;
$beige-lighter: #eff0eb; $beige-lighter: #eff0eb;
// interpretations in app // ****************************** interpretations in app
$primary_color: $ugly-purple; $primary_color: $ugly-purple;
$primary: $ugly-purple; $primary: $ugly-purple;
@ -58,7 +58,7 @@ $mini-button-color: $pale-purple;
$warning: $dusty-orange; $warning: $dusty-orange;
$danger: $red; $danger: $red;
$success: $green; $success: $green;
// ****************************** render ******************************
@if $theme-vars == 'violet' { @if $theme-vars == 'violet' {
$primary_color: $ugly-purple; $primary_color: $ugly-purple;
$primary: $ugly-purple; $primary: $ugly-purple;