From d564454faa583f7db7179c78893136586b8e998b Mon Sep 17 00:00:00 2001 From: Sergey Andrievskiy Date: Mon, 29 Apr 2019 12:32:15 +0200 Subject: [PATCH] feat: update corporate theme (#1434) --- .../theme/styles/themes/_corporate.scss | 165 ++++++------------ 1 file changed, 52 insertions(+), 113 deletions(-) diff --git a/src/framework/theme/styles/themes/_corporate.scss b/src/framework/theme/styles/themes/_corporate.scss index 801007f1e8..6f10b7f99e 100644 --- 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