From 40cab74ba989c2be741c57dd2de9a8c6ec30edd3 Mon Sep 17 00:00:00 2001 From: Piotr Starzec Date: Mon, 22 Jan 2018 14:23:45 +0100 Subject: [PATCH] removed brand colors --- scss/_forms.scss | 8 ++++---- scss/_variables.scss | 8 ++++---- scss/variables/bootstrap/_buttons.scss | 12 +++++------- scss/variables/bootstrap/_nav.scss | 2 +- 4 files changed, 14 insertions(+), 16 deletions(-) diff --git a/scss/_forms.scss b/scss/_forms.scss index b7e75a51..b2da21d2 100644 --- a/scss/_forms.scss +++ b/scss/_forms.scss @@ -75,19 +75,19 @@ form { @include bmd-form-color($bmd-label-color, $bmd-label-color-focus, $input-border-color); .has-success { - @include bmd-form-color($brand-success, $brand-success, $brand-success); + @include bmd-form-color(map-get($theme-colors, success), map-get($theme-colors, success), map-get($theme-colors, success)); } .has-info { - @include bmd-form-color($brand-info, $brand-info, $brand-info); + @include bmd-form-color(map-get($theme-colors, info), map-get($theme-colors, info), map-get($theme-colors, info)); } .has-warning { - @include bmd-form-color($brand-warning, $brand-warning, $brand-warning); + @include bmd-form-color(map-get($theme-colors, warning), map-get($theme-colors, warning), map-get($theme-colors, warning)); } .has-danger { - @include bmd-form-color($brand-danger, $brand-danger, $brand-danger); + @include bmd-form-color(map-get($theme-colors, danger), map-get($theme-colors, danger), map-get($theme-colors, danger)); } // Reference http://www.google.com/design/spec/components/text-fields.html diff --git a/scss/_variables.scss b/scss/_variables.scss index cb4b40a4..ef5a9016 100644 --- a/scss/_variables.scss +++ b/scss/_variables.scss @@ -51,7 +51,7 @@ $enable-shadows: true; // enable shadows, set to false to turn off shadows @import "variables/drawer"; @import "variables/snackbar"; -$bmd-label-color-focus: $brand-primary !default; +$bmd-label-color-focus: map-get($theme-colors, primary) !default; $bmd-invalid-underline: $red-a700 !default; $bmd-readonly-underline: $input-border-color !default; @@ -100,7 +100,7 @@ $background-disabled: #eaeaea !default; $bmd-checkbox-size: 1.25rem !default; $bmd-checkbox-animation-ripple: 500ms !default; $bmd-checkbox-animation-check: 0.3s !default; -$bmd-checkbox-checked-color: $brand-primary !default; +$bmd-checkbox-checked-color: map-get($theme-colors, primary) !default; $bmd-checkbox-label-padding: .3125rem !default; // 5px $bmd-checkbox-border-size: .125rem !default; @@ -113,7 +113,7 @@ $bmd-switch-width: 2.125rem !default; // 34px $bmd-switch-height: .875rem !default; // 14px $bmd-switch-handle-size: 1.25rem !default; // 20px (was 18px) -$bmd-switch-handle-checked-bg: $brand-primary !default; +$bmd-switch-handle-checked-bg: map-get($theme-colors, primary) !default; $bmd-switch-handle-unchecked-bg: #f1f1f1 !default; $bmd-switch-handle-disabled-bg: #bdbdbd !default; $bmd-switch-unchecked-bg: $gray-light !default; @@ -134,7 +134,7 @@ $bmd-radio-ripple-offset: 1em !default; $bmd-radio-label-padding: .3125rem !default; // 5px $bmd-radio-color-off: $bmd-label-color-inner-focus !default; // FIXME seems inconsistent, check spec -$bmd-radio-color-on: $brand-primary !default; +$bmd-radio-color-on: map-get($theme-colors, primary) !default; $bmd-radio-color-disabled: $gray-light; // light theme spec: Disabled: #000000, Opacity 26% $bmd-radio-color-disabled-inverse: rgba( $white, diff --git a/scss/variables/bootstrap/_buttons.scss b/scss/variables/bootstrap/_buttons.scss index 275ca533..1f22d910 100644 --- a/scss/variables/bootstrap/_buttons.scss +++ b/scss/variables/bootstrap/_buttons.scss @@ -17,8 +17,6 @@ $bmd-inverse-btn-focus-bg: rgba(#ccc, .15) !default; // spec: dark bg Hover: 15% $bmd-inverse-btn-active-bg: rgba(#ccc, .25) !default; // spec: dark Pressed: 25% #CCCCCC $bmd-inverse-btn-disabled: rgba($white, .30) !default; // spec: dark theme: Disabled text: 30% $white -$btn-focus-box-shadow: none; - $bmd-btn-fab-size: 3.5rem !default; // 56px $bmd-btn-fab-size-sm: 2.5rem !default; // 40px $bmd-btn-fab-font-size: 1.5rem !default; // 24px @@ -40,7 +38,7 @@ $btn-active-box-shadow: none !default; // inset 0 3px 5px rgba(0,0,0,.1 // $btn-primary-color: #fff !default; -$btn-primary-bg: $brand-primary !default; +$btn-primary-bg: map-get($theme-colors, primary) !default; $btn-primary-border-color: $btn-primary-bg !default; // $btn-secondary-color: $gray-dark !default; @@ -48,19 +46,19 @@ $btn-secondary-bg: $body-bg !default; // #fff $btn-secondary-border-color: #ccc !default; // $btn-info-color: #fff !default; -$btn-info-bg: $brand-info !default; +$btn-info-bg: map-get($theme-colors, info) !default; $btn-info-border-color: $btn-info-bg !default; // $btn-success-color: #fff !default; -$btn-success-bg: $brand-success !default; +$btn-success-bg: map-get($theme-colors, success) !default; $btn-success-border-color: $btn-success-bg !default; // $btn-warning-color: #fff !default; -$btn-warning-bg: $brand-warning !default; +$btn-warning-bg: map-get($theme-colors, warning) !default; $btn-warning-border-color: $btn-warning-bg !default; // $btn-danger-color: #fff !default; -$btn-danger-bg: $brand-danger !default; +$btn-danger-bg: map-get($theme-colors, danger) !default; $btn-danger-border-color: $btn-danger-bg !default; // $btn-link-disabled-color: $gray-light !default; diff --git a/scss/variables/bootstrap/_nav.scss b/scss/variables/bootstrap/_nav.scss index f02acf64..d2e12f58 100644 --- a/scss/variables/bootstrap/_nav.scss +++ b/scss/variables/bootstrap/_nav.scss @@ -17,7 +17,7 @@ $bmd-nav-tabs-border-size: .214rem !default; // 3px $bmd-nav-tabs-color: $gray !default; $bmd-nav-tabs-active-color: $gray-dark !default; -$bmd-nav-tabs-active-border-color: $brand-primary !default; +$bmd-nav-tabs-active-border-color: map-get($theme-colors, primary) !default; $bmd-nav-tabs-disabled-link-color: $nav-disabled-link-color !default; $bmd-nav-tabs-disabled-link-color-hover: $nav-disabled-link-hover-color !default;