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