diff --git a/src/app/theme/sass/conf/colorSchemes/_ng2.scss b/src/app/theme/sass/conf/colorSchemes/_ng2.scss new file mode 100644 index 00000000..dc22bde5 --- /dev/null +++ b/src/app/theme/sass/conf/colorSchemes/_ng2.scss @@ -0,0 +1,50 @@ +$default: #ffffff; +$body-bg: #F0F3F4; +@mixin body-bg() { + @include gradient(rgba(58, 11, 68, 0.97),rgba(82,65,143,.97),rgba(114,183,227,.97)); +} +$default-text: #ffffff; +$content-text: #292e31; +$help-text: #292e31; +$label-text: #ffffff; + +$disabled: #dddddd; +$disabled-bg: tint($disabled, 15%); +$border: #d6d6d6; +$border-light: tint($border, 15%); +$input-border: shade($border, 5%); +$input-background: #ffffff; + +$sidebar: rgba(255,255,255,0.1); +$sidebar-text: #ffffff; +$dropdown-text: #7d7d7d; +$bootstrap-panel-text: #7d7d7d; +$bootstrap-panel-bg: #ffffff; +$mail-box: whitesmoke; +$auth-panel-background: #ffffff; +$progress-background: rgba(#000000, 0.07); +$progress-default: rgba(#000000, 0.15); + +$primary: #4AA22B !default; +$info: #2dacd1 !default; +$success: #90b900 !default; +$warning: #dfb81c !default; +$danger: #e85656 !default; + +$primary-light: tint($primary, 30%); +$info-light: tint($info, 30%); +$success-light: tint($success, 30%); +$warning-light: tint($warning, 30%); +$danger-light: tint($danger, 30%); + +$primary-dark: shade($primary, 15%); +$info-dark: shade($info, 15%); +$success-dark: shade($success, 15%); +$warning-dark: shade($warning, 15%); +$danger-dark: shade($danger, 15%); + +$primary-bg: tint($primary, 20%); +$info-bg: tint($info, 20%); +$success-bg: tint($success, 20%); +$warning-bg: tint($warning, 20%); +$danger-bg: tint($danger, 20%); diff --git a/src/app/theme/sass/conf/conf.scss b/src/app/theme/sass/conf/conf.scss index d418df74..74a35795 100644 --- a/src/app/theme/sass/conf/conf.scss +++ b/src/app/theme/sass/conf/conf.scss @@ -1,3 +1,3 @@ @import 'mixins'; -@import 'colorSchemes/mint'; +@import 'colorSchemes/ng2'; @import 'variables';