From 767189b5488bae0e45b4ebca647e74a8ca2cfa67 Mon Sep 17 00:00:00 2001 From: KostyaDanovsky Date: Fri, 13 May 2016 11:55:11 +0300 Subject: [PATCH] refactor(colorScheme): move color config to separate file --- src/sass/common.scss | 2 +- src/sass/theme/conf/_variables.scss | 11 ++++- .../_default.scss} | 9 ---- src/sass/theme/conf/colorScheme/_mint.scss | 46 +++++++++++++++++++ 4 files changed, 57 insertions(+), 11 deletions(-) rename src/sass/theme/conf/{_colorScheme.scss => colorScheme/_default.scss} (85%) create mode 100644 src/sass/theme/conf/colorScheme/_mint.scss diff --git a/src/sass/common.scss b/src/sass/common.scss index bd86edf..61916ec 100644 --- a/src/sass/common.scss +++ b/src/sass/common.scss @@ -1,3 +1,3 @@ @import 'theme/conf/mixins'; -@import 'theme/conf/colorScheme'; +@import 'theme/conf/colorScheme/default'; @import 'theme/conf/variables'; diff --git a/src/sass/theme/conf/_variables.scss b/src/sass/theme/conf/_variables.scss index 6d4fdbd..46ceaab 100644 --- a/src/sass/theme/conf/_variables.scss +++ b/src/sass/theme/conf/_variables.scss @@ -30,4 +30,13 @@ $font-thin: 100; $font-light: 300; $font-normal: 400; $font-bold: 700; -$font-ultraBold: 900; \ No newline at end of file +$font-ultraBold: 900; + +$facebook-color: #3b5998; +$twitter-color: #55acee; +$google-color: #dd4b39; +$linkedin-color: #0177B5; +$github-color: #6b6b6b; +$stackoverflow-color: #2F96E8; +$dribble-color: #F26798; +$behace-color: #0093FA; diff --git a/src/sass/theme/conf/_colorScheme.scss b/src/sass/theme/conf/colorScheme/_default.scss similarity index 85% rename from src/sass/theme/conf/_colorScheme.scss rename to src/sass/theme/conf/colorScheme/_default.scss index bca0adf..2139b18 100644 --- a/src/sass/theme/conf/_colorScheme.scss +++ b/src/sass/theme/conf/colorScheme/_default.scss @@ -44,12 +44,3 @@ $info-bg: tint($info, 20%); $success-bg: tint($success, 20%); $warning-bg: tint($warning, 20%); $danger-bg: tint($danger, 20%); - -$facebook-color: #3b5998; -$twitter-color: #55acee; -$google-color: #dd4b39; -$linkedin-color: #0177B5; -$github-color: #6b6b6b; -$stackoverflow-color: #2F96E8; -$dribble-color: #F26798; -$behace-color: #0093FA; diff --git a/src/sass/theme/conf/colorScheme/_mint.scss b/src/sass/theme/conf/colorScheme/_mint.scss new file mode 100644 index 0000000..c908498 --- /dev/null +++ b/src/sass/theme/conf/colorScheme/_mint.scss @@ -0,0 +1,46 @@ +$default: #ffffff; +$body-bg: #F0F3F4; +$default-text: #666666; +$help-text: #949494; +$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: #1C2B36; +$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: #209e91 !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%);