Andreas/ngx-admin
1
0
Fork 0
mirror of https://github.com/akveo/ngx-admin.git synced 2025-12-22 02:10:12 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

docs(scheme):how to change color scheme

Browse source
This commit is contained in:
nixa 2016-05-23 16:40:06 +03:00
parent 05a9d65d2d
commit 2dd262709a
4 changed files with 125 additions and 30 deletions
Download patch file Download diff file Expand all files Collapse all files

51
src/app/theme/theme.config.ts
View file

@ -1,5 +1,6 @@
import {Injectable} from '@angular/core';
import {BaThemeConfigProvider} from './theme.configProvider';
import {colorHelper} from './theme.constants';
@Injectable()
export class BaThemeConfig {
@ -9,14 +10,46 @@ export class BaThemeConfig {
}
private _config() {
// this._baConfig.changeTheme({blur: true});
//
// this._baConfig.changeColors({
// default: 'rgba(#000000, 0.2)',
// defaultText: '#ffffff',
// dashboard: {
// white: '#ffffff',
// },
// });
// this._baConfig.changeTheme({name: 'my-theme'});
let colorScheme = {
primary: '#209e91',
info: '#2dacd1',
success: '#90b900',
warning: '#dfb81c',
danger: '#e85656',
};
this._baConfig.changeColors({
default: '#4e4e55',
defaultText: '#e2e2e2',
border: '#dddddd',
borderDark: '#aaaaaa',
primary: colorScheme.primary,
info: colorScheme.info,
success: colorScheme.success,
warning: colorScheme.warning,
danger: colorScheme.danger,
primaryLight: colorHelper.tint(colorScheme.primary, 30),
infoLight: colorHelper.tint(colorScheme.info, 30),
successLight: colorHelper.tint(colorScheme.success, 30),
warningLight: colorHelper.tint(colorScheme.warning, 30),
dangerLight: colorHelper.tint(colorScheme.danger, 30),
primaryDark: colorHelper.shade(colorScheme.primary, 15),
infoDark: colorHelper.shade(colorScheme.info, 15),
successDark: colorHelper.shade(colorScheme.success, 15),
warningDark: colorHelper.shade(colorScheme.warning, 15),
dangerDark: colorHelper.shade(colorScheme.danger, 15),
dashboard: {
blueStone: '#005562',
surfieGreen: '#0e8174',
silverTree: '#6eba8c',
gossip: '#b9f2a1',
white: '#10c4b5',
},
});
}
}