feat(tabset): update background fot tabset selected (#643)

akveo · Aug 16, 2018 · ff8e9b6 · ff8e9b6
1 parent 7939344
commit ff8e9b6
Show file tree

Hide file tree

Showing 4 changed files with 12 additions and 4 deletions.
diff --git a/src/framework/theme/components/tabset/_tabset.component.theme.scss b/src/framework/theme/components/tabset/_tabset.component.theme.scss
@@ -35,12 +35,14 @@
  }
 
  &::before {
+ $color-right: nb-theme(tabs-selected);
+ $color-left: adjust-hue(
+ nb-theme(tabs-selected-second-color),
+ nb-theme(tabs-selected-degrees));
+
  background: nb-theme(tabs-selected);
 
- @include nb-for-theme(cosmic) {
- @include btn-hero-success-gradient();
- box-shadow: 0 0 16px -2px btn-hero-success-middle-color();
- }
+ @include nb-right-gradient($color-left, $color-right);
  }
  }
 

diff --git a/src/framework/theme/styles/themes/_corporate.scss b/src/framework/theme/styles/themes/_corporate.scss
@@ -93,6 +93,7 @@ $theme: (
  modal-separator: border-color,
 
  tabs-selected: color-primary,
+ tabs-selected-second-color: color-primary,
  tabs-separator: #ebecee,
 
  smart-table-paging-bg-active: color-primary,

diff --git a/src/framework/theme/styles/themes/_cosmic.scss b/src/framework/theme/styles/themes/_cosmic.scss
@@ -150,6 +150,9 @@ $theme: (
  spinner-bg: rgba(61, 55, 128, 0.9),
  stepper-accent-color: color-success,
 
+ tabs-selected-second-color: color-success,
+ tabs-selected-degrees: 20deg,
+
  calendar-active-item-bg: color-primary,
  calendar-selected-item-bg: color-primary,
  calendar-range-bg-in-range: #4e4095,

diff --git a/src/framework/theme/styles/themes/_default.scss b/src/framework/theme/styles/themes/_default.scss
@@ -210,6 +210,8 @@ $theme: (
  tabs-fg-heading: color-fg-heading,
  tabs-bg: transparent,
  tabs-selected: color-success,
+ tabs-selected-second-color: color-success,
+ tabs-selected-degrees: 0,
  tabs-icon-only-max-width: 576px,
 
  route-tabs-font-family: font-secondary,