feat: update corporate theme (#1434)

akveo · May 27, 2019 · d564454 · d564454
1 parent e4fb525
commit d564454
Showing 1 changed file with 52 additions and 113 deletions.
diff --git a/src/framework/theme/styles/themes/_corporate.scss b/src/framework/theme/styles/themes/_corporate.scss
@@ -10,134 +10,73 @@
 
 // default the base theme
 $theme: (
- header-fg: #f7fafb,
- header-bg: #111218,
-
- layout-bg: #f1f5f8,
-
- color-fg-heading: #181818,
- color-fg-text: #4b4b4b,
- color-fg-highlight: color-fg,
-
  separator: #cdd5dc,
-
  radius: 0.17rem,
 
- scrollbar-bg: #e3e9ee,
-
- color-primary: #73a1ff,
- color-success: #5dcfe3,
- color-info: #ba7fec,
- color-warning: #ffa36b,
- color-danger: #ff6b83,
-
- color-primary-200: #8787ff,
- color-primary-300: #87aeff,
- color-primary-400: #7473ff,
- color-primary-600: #6377db,
- color-primary-700: #638adb,
- color-success-200: #74afe7,
- color-success-300: #74d6e7,
- color-success-400: #5da2e3,
- color-success-600: #509fc3,
- color-success-700: #50b2c3,
- color-info-200: #b491ef,
- color-info-300: #c491ef,
- color-info-400: #a87fec,
- color-info-600: #986dcb,
- color-info-700: #a06dcb,
- color-warning-200: #ffc580,
- color-warning-300: #ffb080,
- color-warning-400: #ffbc6b,
- color-warning-600: #db975c,
- color-warning-700: #db8c5c,
- color-danger-200: #ff80bf,
- color-danger-300: #ff8094,
- color-danger-400: #ff6bb4,
- color-danger-600: #db5c86,
- color-danger-700: #db5c71,
-
- btn-secondary-bg: #edf2f5,
- btn-secondary-border: #edf2f5,
-
- actions-fg: #d3dbe5,
- actions-bg: color-bg,
-
- sidebar-bg: #e3e9ee,
-
- menu-font-weight: font-weight-bolder,
- menu-fg: color-fg-text,
- menu-bg: #e3e9ee,
- menu-active-fg: color-fg-heading,
- menu-active-bg: menu-bg,
+ header-text-color: text-alternate-color,
+ header-background-color: #111218,
 
- menu-submenu-bg: menu-bg,
- menu-submenu-fg: color-fg-text,
- menu-submenu-active-fg: color-fg-heading,
- menu-submenu-active-bg: #cdd5dc,
- menu-submenu-active-border-color: menu-submenu-active-bg,
- menu-submenu-active-shadow: none,
- menu-submenu-hover-fg: menu-submenu-active-fg,
- menu-submenu-hover-bg: menu-bg,
- menu-submenu-item-border-width: 0.125rem,
- menu-submenu-item-border-radius: radius,
- menu-submenu-item-padding: 0.5rem 1rem,
- menu-submenu-item-container-padding: 0 1.25rem,
- menu-submenu-padding: 0.5rem,
+ button-hero-glow-size: 0 0 20px 0,
 
- btn-border-radius: btn-semi-round-border-radius,
-
- btn-hero-degree: 0deg,
- btn-hero-primary-degree: btn-hero-degree,
- btn-hero-success-degree: btn-hero-degree,
- btn-hero-warning-degree: btn-hero-degree,
- btn-hero-info-degree: btn-hero-degree,
- btn-hero-danger-degree: btn-hero-degree,
- btn-hero-secondary-degree: btn-hero-degree,
- btn-hero-glow-size: 0 0 20px 0,
- btn-hero-primary-glow-size: btn-hero-glow-size,
- btn-hero-success-glow-size: btn-hero-glow-size,
- btn-hero-warning-glow-size: btn-hero-glow-size,
- btn-hero-info-glow-size: btn-hero-glow-size,
- btn-hero-danger-glow-size: btn-hero-glow-size,
- btn-hero-secondary-glow-size: 0 0 0 0,
- btn-hero-border-radius: btn-border-radius,
-
- card-shadow: none,
  card-border-width: 1px,
- card-border-color: #d5dbe0,
- card-header-border-width: 0,
+ card-border-color: background-primary-color-4,
 
- link-color: #5dcfe3,
- link-color-hover: #7dcfe3,
- link-color-visited: link-color,
-
- actions-separator: #f1f4f5,
+ context-menu-border-color: background-primary-color-4,
+ context-menu-border-width: 0.0625rem,
 
  modal-separator: #d5dbe0,
 
- tabs-selected: color-primary,
- tabs-selected-second-color: color-primary,
- tabs-separator: #ebecee,
-
- smart-table-paging-bg-active: color-primary,
+ tabs-selected: color-primary-500,
+ tabs-selected-second-color: color-primary-500,
+ tabset-divider-color: #ebecee,
 
- route-tabs-selected: color-primary,
+ smart-table-paging-bg-active: color-primary-500,
 
- popover-border: color-primary,
+ popover-border-color: separator,
+ popover-border-width: 0.0625rem,
 
- footer-shadow: none,
  footer-separator: #d5dbe0,
- footer-fg-highlight: #2a2a2a,
-
- calendar-today-item-bg: #a2b2c7,
- calendar-active-item-bg: color-primary,
- calendar-range-bg-in-range: #e3ecfe,
- calendar-today-fg: color-white,
-
- toastr-icon-radius: radius,
+ footer-text-highlight-color: #2a2a2a,
+
+ card-border-radius: radius,
+ tabset-border-radius: radius,
+ route-tabset-border-radius: radius,
+ user-rectangle-border-radius: radius,
+ popover-border-radius: radius,
+ context-menu-border-radius: radius,
+ smart-table-border-radius: radius,
+ toastr-border-radius: radius,
+ button-rectangle-border-radius: radius,
+ input-rectangle-border-radius: radius,
+ checkbox-border-radius: radius,
+ modal-border-radius: radius,
+ badge-border-radius: radius,
+ progress-bar-border-radius: radius,
+ alert-border-radius: radius,
+ chat-border-radius: radius,
+ accordion-border-radius: radius,
+ calendar-border-radius: radius,
+ tooltip-border-radius: radius,
+ select-rectangle-border-radius: radius,
+ datepicker-border-radius: radius,
 
- datepicker-border: color-primary,
+ card-shadow: none,
+ header-shadow: none,
+ footer-shadow: none,
+ layout-window-shadow: none,
+ sidebar-shadow: none,
+ tabset-shadow: none,
+ route-tabset-shadow: none,
+ popover-shadow: none,
+ context-menu-shadow: none,
+ toastr-shadow: none,
+ button-hero-shadow: none,
+ alert-shadow: none,
+ chat-shadow: none,
+ accordion-shadow: none,
+ tooltip-shadow: none,
+ select-options-list-shadow: none,
+ datepicker-shadow: none,
 );
 
 // register the theme