The theme can be easily customized to color scheme of your preference. Here's how you can do it.
The theme uses gulp and nodejs for the development purposes. You'll need Gulp and Nodejs installed globally. After that from the theme's root directory run the following commands.
$ yarn install $ yarn dev
Open up the
assets\src\styles\partials\_variables.scss file. It looks something like this -
/* COLOR SCHEME: GREEN-BLUE */ $color-primary: limegreen; $color-secondary: cornflowerblue; $color-text: #191919; $color-text-lighter: #575757; $color-links: #2196F3; $color-background: white; $color-navbar: white; $color-background-drawer: white; $color-drawer-active-link: #f3eeee; $color-postcard-background: whitesmoke; $font-primary: Helvetica, Arial, sans-serif; $font-secondary: 'Oswald', Helvetica, sans-serif; /* COLOR SCHEME: DARKBLUE-GREEN */ /* Uncomment the following code to activate this theme. $color-primary: #8BC34A; $color-secondary: cornflowerblue; $color-text: white; $color-text-lighter: white; $color-links: #6bbdff; $color-background: #000627; $color-navbar: #384052; $color-background-drawer: #384052; $color-drawer-active-link: #2d313c; $color-postcard-background: #565f73; $font-primary: Helvetica, Arial, sans-serif; $font-secondary: 'Oswald', Helvetica, sans-serif; */
Now just edit the color shades or uncomment the code for the theme you want to use.
From the root directory run the following command.
$ yarn build
you can find your customized theme in the