mirrors/blur-admin
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Updated How to change color scheme (markdown)

Konstantin Danovsky
2016-04-18 17:44:44 +03:00
parent 78e3ef43a9
commit 419d8855dd
1 changed files with 18 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

38
How-to-change-color-scheme.md

@@ -1,19 +1,7 @@
If you want to template color scheme on your own, you should do 4 simple steps:
If you want to change template color scheme, you just need to do 4 simple steps:
1) Change colors in scc (`src/sass/theme/conf/_colorScheme.scss` file):
`
$default: #ffffff !default;
$primary: #209e91 !default;
$info: #2dacd1 !default;
$success: #90b900 !default;
$warning: #dfb81c !default;
$danger: #e85656 !default;
`
2) Change color scheme in javascript (`src/sass/theme/conf/_colorScheme.scss` file):
`
1) Change color scheme in javascript (`src/sass/theme/conf/_colorScheme.scss` file):
```
// main color scheme
var colorScheme = {
primary: '#209e91',
@@ -31,11 +19,21 @@ $danger: #e85656 !default;
gossip: '#b9f2a1',
white: '#ffffff',
};
`
```
- css colors and javascript colors in colorScheme object should be the same
- background color palette is used for the pie traffic chart on the dashboard page
- background color palette is used for the pie traffic chart and calendar on the dashboard page
3) Change background images: `src/app/assets/img/blur-bg.jpg` and `src/app/assets/img/blur-bg-blurred.jpg`
2) Change colors in css (`src/sass/theme/conf/_colorScheme.scss` file):
4) build source files and run application: `gulp` and `gulp serve`
```
$default: #ffffff !default;
$primary: #209e91 !default;
$info: #2dacd1 !default;
$success: #90b900 !default;
$warning: #dfb81c !default;
$danger: #e85656 !default;
```
2) Change background images: `src/app/assets/img/blur-bg.jpg` and `src/app/assets/img/blur-bg-blurred.jpg`
4) build source files and run application: `gulp` and `gulp serve`