mirror of
https://github.com/Combodo/iTop.git
synced 2026-02-13 07:24:13 +01:00
80 lines
27 KiB
SCSS
80 lines
27 KiB
SCSS
$ibo-color-success-50: common-adjust-lightness($ibo-color-success-100, $ibo-color-base-lightness-100) !default;
|
|
$ibo-color-danger-50: common-adjust-lightness($ibo-color-success-100, $ibo-color-danger-100) !default;
|
|
$ibo-color-information-50: common-adjust-lightness($ibo-color-success-100, $ibo-color-information-100) !default;
|
|
$ibo-color-warning-50: common-adjust-lightness($ibo-color-success-100, $ibo-color-warning-100) !default;
|
|
|
|
$ibo-navigation-menu--menu-group-title--text-color--is-active: $ibo-color-blue-grey-900;
|
|
$ibo-navigation-menu--menu-group--background-color--is-active: $ibo-color-white-100;
|
|
$ibo-navigation-menu--menu-node--background-color: $ibo-color-grey-100;
|
|
$ibo-navigation-menu--drawer--border-right: 2px solid $ibo-color-grey-900;
|
|
$ibo-navigation-menu--bottom-part--background-color: $ibo-color-blue-grey-800;
|
|
$ibo-navigation-menu--body--text-color: $ibo-color-white-100;
|
|
|
|
$ibo-navigation-menu--menu-filter-input--text-color: $ibo-color-blue-grey-900;
|
|
$ibo-navigation-menu--menu-filter-input--border: 1px solid $ibo-color-grey-800;
|
|
$ibo-navigation-menu--menu-filter-hotkey--border: 1px solid $ibo-color-grey-900;
|
|
$ibo-navigation-menu--menu-filter-input--placeholder-color: $ibo-color-blue-grey-900;
|
|
$ibo-navigation-menu--menu-filter-hint--text-color: $ibo-color-blue-grey-900;
|
|
|
|
$ibo-navigation-menu--notifications-toggler--color: $ibo-color-white-200;
|
|
$ibo-navigation-menu--notifications-toggler--color--is-loaded: $ibo-color-white-200;
|
|
$ibo-navigation-menu--notifications-toggler--new-messages--background-color: $ibo-color-red-400;
|
|
|
|
$ibo-body-background-color: $ibo-color-white-100;
|
|
$ibo-content-block--border: 2px solid $ibo-color-grey-900;
|
|
|
|
$ibo-global-search--icon--color: $ibo-color-primary-800;
|
|
$ibo-quick-create--icon--color: $ibo-color-primary-800;
|
|
$ibo-hyperlink-color: $ibo-color-primary-900;
|
|
|
|
$ibo-breadcrumbs--item--text-color: $ibo-color-grey-900;
|
|
$ibo-breadcrumbs--item-icon--text-color: $ibo-color-grey-800;
|
|
|
|
$ibo-dashlet-header-static--body--separator--border: 2px solid $ibo-color-grey-800;
|
|
$ibo-dashlet-badge--border: 1px solid $ibo-color-grey-900;
|
|
|
|
$ibo-panel--base-border-color: $ibo-color-grey-800;
|
|
$ibo-panel--subtitle--color: $ibo-color-grey-800;
|
|
$ibo-panel--icon--background-color--as-medallion: $ibo-color-white-100;
|
|
$ibo-panel--icon--border--as-medallion: 2px solid $ibo-color-grey-900;
|
|
$ibo-tab-container--tab-header--text-color: $ibo-color-grey-900;
|
|
$ibo-tab-container--tabs-list--background-color: $ibo-color-grey-100;
|
|
$ibo-tab-container--extra-tab-toggler--text-color: $ibo-color-grey-900;
|
|
$ibo-toolbar-vertical-separator--border-color: $ibo-color-grey-900;
|
|
|
|
$ibo-input--border-color: $ibo-color-grey-900;
|
|
$ibo-field--value--color: $ibo-color-grey-900;
|
|
$ibo-fieldset--legend--border-bottom-color: $ibo-color-grey-900;
|
|
$ibo-input-select--action-button--color: $ibo-color-grey-900;
|
|
|
|
$ibo-vendors-datatables--row--background-color--is-even: $ibo-color-grey-100;
|
|
|
|
$ibo-activity-panel--tab-toggler--is-active--background-color: $ibo-color-grey-100;
|
|
$ibo-activity-panel--header--background-color: $ibo-color-grey-100;
|
|
$ibo-activity-entry--main-information--background-color: $ibo-color-grey-100;
|
|
$ibo-activity-entry--sub-information--text-color: $ibo-color-grey-900;
|
|
$ibo-activity-entry--main-information-icon--text-color: $ibo-color-grey-900;
|
|
$ibo-activity-entry--main-information--text-color: $ibo-color-grey-900;
|
|
$ibo-activity-entry--main-information--is-current-user--background-color: $ibo-color-white-100;
|
|
|
|
$ibo-search-form-panel--criteria--border-color: $ibo-color-grey-900;
|
|
$ibo-search-form-panel--more-criteria--border-color: $ibo-color-grey-900;
|
|
$ibo-search-form-panel--criteria--background-color: $ibo-color-white-100;
|
|
|
|
$ibo-popover-menu--item-separator--background-color: $ibo-color-grey-900;
|
|
|
|
$ibo-alert-colors: ('primary': ($ibo-color-primary-100, $ibo-color-primary-900, $ibo-color-primary-900),'secondary': ($ibo-color-secondary-100, $ibo-color-secondary-900, $ibo-color-secondary-900),'neutral': ($ibo-color-secondary-100, $ibo-color-secondary-900, $ibo-color-secondary-900),'information': ($ibo-color-information-100, $ibo-color-information-950, $ibo-color-information-950),'success': ($ibo-color-success-100, $ibo-color-success-950, $ibo-color-success-950),'failure': ($ibo-color-danger-100, $ibo-color-danger-950, $ibo-color-danger-950),'warning': ($ibo-color-warning-100, $ibo-color-warning-950, $ibo-color-warning-950),'danger': ($ibo-color-danger-100, $ibo-color-danger-950, $ibo-color-danger-950),'grey' : ($ibo-color-grey-100, $ibo-color-grey-900, $ibo-color-grey-900),'blue-grey': ($ibo-color-blue-grey-100, $ibo-color-blue-grey-900, $ibo-color-blue-grey-900),'blue': ($ibo-color-blue-100, $ibo-color-blue-950, $ibo-color-blue-950),'cyan': ($ibo-color-cyan-100, $ibo-color-blue-950, $ibo-color-cyan-900),'green': ($ibo-color-green-100, $ibo-color-green-950, $ibo-color-green-950),'orange' : ($ibo-color-orange-100, $ibo-color-orange-900, $ibo-color-orange-900),'red': ($ibo-color-red-100, $ibo-color-red-950, $ibo-color-red-950),'pink': ($ibo-color-pink-100, $ibo-color-pink-900, $ibo-color-pink-900),);
|
|
|
|
$ibo-button-colors: ( 'regular': ( /* Semantics */ 'neutral': ( '': ( $ibo-color-secondary-100, $ibo-color-grey-900, $ibo-button--box-shadow-bottom $ibo-color-secondary-200, $ibo-color-secondary-200, ), ':hover': ( $ibo-color-secondary-200, $ibo-color-grey-900, $ibo-button--box-shadow-bottom $ibo-color-secondary-300, $ibo-color-secondary-300, ), ':active': ( $ibo-color-secondary-200, $ibo-color-grey-900, $ibo-button--box-shadow-top $ibo-color-secondary-300 #{','} $ibo-button--box-shadow-bottom $ibo-color-secondary-200, $ibo-color-secondary-200, ), ':disabled': ( $ibo-color-grey-300, $ibo-color-grey-700, $ibo-button--box-shadow-top $ibo-color-grey-300, $ibo-color-grey-500, ), ), /* Primary action does not have the colors from the primary brand color, at least not for now */ 'primary': ( '': ( $ibo-color-cyan-900, $ibo-color-white-100, $ibo-button--box-shadow-bottom $ibo-color-cyan-950, $ibo-color-cyan-900, ), ':hover': ( $ibo-color-cyan-950, $ibo-color-white-100, $ibo-button--box-shadow-bottom $ibo-color-cyan-900, $ibo-color-cyan-950, ), ':active': ( $ibo-color-cyan-950, $ibo-color-white-100, $ibo-button--box-shadow-top $ibo-color-cyan-900 #{','} $ibo-button--box-shadow-bottom $ibo-color-cyan-950, $ibo-color-cyan-950, ), ':disabled': ( $ibo-color-grey-300, $ibo-color-grey-700, $ibo-button--box-shadow-top $ibo-color-grey-300, $ibo-color-grey-500, ), ), 'secondary': ( '': ( $ibo-color-secondary-100, $ibo-color-grey-900, $ibo-button--box-shadow-bottom $ibo-color-secondary-200, $ibo-color-secondary-200, ), ':hover': ( $ibo-color-secondary-200, $ibo-color-grey-900, $ibo-button--box-shadow-bottom $ibo-color-secondary-300, $ibo-color-secondary-300, ), ':active': ( $ibo-color-secondary-200, $ibo-color-grey-900, $ibo-button--box-shadow-top $ibo-color-secondary-300 #{','} $ibo-button--box-shadow-bottom $ibo-color-secondary-200, $ibo-color-secondary-200, ), ':disabled': ( $ibo-color-grey-300, $ibo-color-grey-700, $ibo-button--box-shadow-top $ibo-color-grey-300, $ibo-color-grey-500, ), ), 'danger': ( '': ( $ibo-color-danger-900, $ibo-color-white-100, $ibo-button--box-shadow-bottom $ibo-color-danger-950, $ibo-color-danger-950, ), ':hover': ( $ibo-color-danger-950, $ibo-color-white-100, $ibo-button--box-shadow-bottom $ibo-color-danger-900, $ibo-color-danger-900, ), ':active': ( $ibo-color-danger-950, $ibo-color-white-100, $ibo-button--box-shadow-top $ibo-color-danger-950 #{','} $ibo-button--box-shadow-bottom $ibo-color-danger-900, $ibo-color-danger-900, ), ':disabled': ( $ibo-color-grey-300, $ibo-color-grey-700, $ibo-button--box-shadow-top $ibo-color-grey-300, $ibo-color-grey-500, ), ), 'success': ( '': ( $ibo-color-success-900, $ibo-color-white-100, $ibo-button--box-shadow-bottom $ibo-color-success-950, $ibo-color-success-900, ), ':hover': ( $ibo-color-success-950, $ibo-color-white-100, $ibo-button--box-shadow-bottom $ibo-color-success-900, $ibo-color-success-950, ), ':active': ( $ibo-color-success-950, $ibo-color-white-100, $ibo-button--box-shadow-top $ibo-color-success-900 #{','} $ibo-button--box-shadow-bottom $ibo-color-success-950, $ibo-color-success-950, ), ':disabled': ( $ibo-color-grey-300, $ibo-color-grey-700, $ibo-button--box-shadow-top $ibo-color-grey-300, $ibo-color-grey-500, ), ), /* Colors */ 'red': ( '': ( $ibo-color-red-900, $ibo-color-white-100, $ibo-button--box-shadow-bottom $ibo-color-red-900, $ibo-color-red-950, ), ':hover': ( $ibo-color-red-950, $ibo-color-white-100, $ibo-button--box-shadow-bottom $ibo-color-red-900, $ibo-color-red-950, ), ':active': ( $ibo-color-red-950, $ibo-color-white-100, $ibo-button--box-shadow-top $ibo-color-red-900 #{','} $ibo-button--box-shadow-bottom $ibo-color-red-950, $ibo-color-red-950, ), ':disabled': ( $ibo-color-grey-300, $ibo-color-grey-700, $ibo-button--box-shadow-top $ibo-color-grey-300, $ibo-color-grey-500, ), ), 'green': ( '': ( $ibo-color-green-900, $ibo-color-white-100, $ibo-button--box-shadow-bottom $ibo-color-green-950, $ibo-color-green-950, ), ':hover': ( $ibo-color-green-950, $ibo-color-white-100, $ibo-button--box-shadow-bottom $ibo-color-green-950, $ibo-color-green-950, ), ':active': ( $ibo-color-green-950, $ibo-color-white-100, $ibo-button--box-shadow-top $ibo-color-green-950 #{','} $ibo-button--box-shadow-bottom $ibo-color-green-950, $ibo-color-green-950, ), ':disabled': ( $ibo-color-grey-300, $ibo-color-grey-700, $ibo-button--box-shadow-top $ibo-color-grey-300, $ibo-color-grey-500, ), ), 'cyan': ( '': ( $ibo-color-cyan-900, $ibo-color-white-100, $ibo-button--box-shadow-bottom $ibo-color-cyan-950, $ibo-color-cyan-950, ), ':hover': ( $ibo-color-cyan-950, $ibo-color-white-100, $ibo-button--box-shadow-bottom $ibo-color-cyan-950, $ibo-color-cyan-950, ), ':active': ( $ibo-color-cyan-950, $ibo-color-white-100, $ibo-button--box-shadow-top $ibo-color-cyan-950 #{','} $ibo-button--box-shadow-bottom $ibo-color-cyan-950, $ibo-color-cyan-950, ), ':disabled': ( $ibo-color-grey-300, $ibo-color-grey-700, $ibo-button--box-shadow-top $ibo-color-grey-300, $ibo-color-grey-500, ), ) ), 'alternative': ( /* Semantics */ 'neutral': ( '': ( transparent, $ibo-color-grey-900, $ibo-button--box-shadow-bottom transparent, $ibo-color-grey-800, ), ':hover': ( $ibo-color-secondary-100, $ibo-color-grey-900, $ibo-button--box-shadow-bottom $ibo-color-secondary-100, $ibo-color-grey-800, ), ':active': ( $ibo-color-secondary-100, $ibo-color-grey-900, $ibo-button--box-shadow-top $ibo-color-secondary-200 #{','} $ibo-button--box-shadow-bottom $ibo-color-secondary-100, $ibo-color-grey-800, ), ':disabled': ( transparent, $ibo-color-grey-600, $ibo-button--box-shadow-top transparent, $ibo-color-grey-500, ), ), /* Primary action does not have the colors from the primary brand color, at least not for now */ 'primary': ( '': ( transparent, $ibo-color-cyan-950, $ibo-button--box-shadow-bottom transparent, $ibo-color-cyan-900, ), ':hover': ( $ibo-color-white-100, $ibo-color-grey-900, $ibo-button--box-shadow-bottom $ibo-color-white-100, $ibo-color-grey-800, ), ':active': ( $ibo-color-white-100, $ibo-color-grey-900, $ibo-button--box-shadow-top $ibo-color-white-100 #{','} $ibo-button--box-shadow-bottom $ibo-color-white-100, $ibo-color-grey-800, ), ':disabled': ( transparent, $ibo-color-grey-600, $ibo-button--box-shadow-top transparent, $ibo-color-grey-500, ), ), 'secondary': ( '': ( transparent, $ibo-color-grey-900, $ibo-button--box-shadow-bottom transparent, $ibo-color-grey-800, ), ':hover': ( $ibo-color-secondary-100, $ibo-color-grey-900, $ibo-button--box-shadow-bottom $ibo-color-secondary-100, $ibo-color-grey-800, ), ':active': ( $ibo-color-secondary-100, $ibo-color-grey-900, $ibo-button--box-shadow-top $ibo-color-secondary-200 #{','} $ibo-button--box-shadow-bottom $ibo-color-secondary-100, $ibo-color-grey-800, ), ':disabled': ( transparent, $ibo-color-grey-600, $ibo-button--box-shadow-top transparent, $ibo-color-grey-500, ), ), 'danger': ( '': ( transparent, $ibo-color-danger-950, $ibo-button--box-shadow-bottom transparent, $ibo-color-danger-600, ), ':hover': ( $ibo-color-danger-100, $ibo-color-danger-950, $ibo-button--box-shadow-bottom $ibo-color-danger-200, $ibo-color-danger-800, ), ':active': ( $ibo-color-danger-200, $ibo-color-danger-900, $ibo-button--box-shadow-top $ibo-color-danger-950 #{','} $ibo-button--box-shadow-bottom $ibo-color-danger-200, $ibo-color-danger-800, ), ':disabled': ( transparent, $ibo-color-grey-600, $ibo-button--box-shadow-top transparent, $ibo-color-grey-500, ), ), 'success': ( '': ( transparent, $ibo-color-success-950, $ibo-button--box-shadow-bottom transparent, $ibo-color-success-800, ), ':hover': ( $ibo-color-success-100, $ibo-color-success-950, $ibo-button--box-shadow-bottom $ibo-color-success-100, $ibo-color-success-950, ), ':active': ( $ibo-color-success-100, $ibo-color-success-900, $ibo-button--box-shadow-top $ibo-color-success-700 #{','} $ibo-button--box-shadow-bottom $ibo-color-success-100, $ibo-color-success-800, ), ':disabled': ( transparent, $ibo-color-grey-600, $ibo-button--box-shadow-top transparent, $ibo-color-grey-500, ), ), /* Colors */ 'red': ( '': ( transparent, $ibo-color-red-900, $ibo-button--box-shadow-bottom transparent, $ibo-color-red-600, ), ':hover': ( $ibo-color-red-200, $ibo-color-red-900, $ibo-button--box-shadow-bottom $ibo-color-red-200, $ibo-color-red-950, ), ':active': ( $ibo-color-red-200, $ibo-color-red-900, $ibo-button--box-shadow-top $ibo-color-red-900 #{','} $ibo-button--box-shadow-bottom $ibo-color-red-200, $ibo-color-red-950, ), ':disabled': ( transparent, $ibo-color-grey-600, $ibo-button--box-shadow-top transparent, $ibo-color-grey-500, ), ), 'green': ( '': ( transparent, $ibo-color-green-950, $ibo-button--box-shadow-bottom transparent, $ibo-color-green-900, ), ':hover': ( $ibo-color-green-100, $ibo-color-green-950, $ibo-button--box-shadow-bottom $ibo-color-green-100, $ibo-color-green-900, ), ':active': ( $ibo-color-green-100, $ibo-color-green-950, $ibo-button--box-shadow-top $ibo-color-green-700 #{','} $ibo-button--box-shadow-bottom $ibo-color-green-100, $ibo-color-green-900, ), ':disabled': ( transparent, $ibo-color-grey-600, $ibo-button--box-shadow-top transparent, $ibo-color-grey-500, ), ), 'cyan': ( '': ( transparent, $ibo-color-cyan-950, $ibo-button--box-shadow-bottom transparent, $ibo-color-cyan-900, ), ':hover': ( $ibo-color-cyan-100, $ibo-color-cyan-950, $ibo-button--box-shadow-bottom $ibo-color-cyan-100, $ibo-color-cyan-900, ), ':active': ( $ibo-color-cyan-100, $ibo-color-cyan-950, $ibo-button--box-shadow-top $ibo-color-cyan-900 #{','} $ibo-button--box-shadow-bottom $ibo-color-cyan-100, $ibo-color-cyan-900, ), ':disabled': ( transparent, $ibo-color-grey-600, $ibo-button--box-shadow-top transparent, $ibo-color-grey-500, ), ), )) !default;
|
|
$ibo-panel-colors: ('primary': $ibo-color-primary-800,'secondary': $ibo-color-secondary-800,'neutral': $ibo-color-grey-800,'information': $ibo-color-information-800,'success': $ibo-color-success-800,'failure': $ibo-color-danger-800,'warning': $ibo-color-warning-800,'danger': $ibo-color-danger-800,'grey' : $ibo-color-grey-800,'blue-grey': $ibo-color-blue-grey-800,'blue': $ibo-color-blue-800,'cyan': $ibo-color-cyan-800,'green': $ibo-color-green-800,'orange' : $ibo-color-orange-800,'red': $ibo-color-red-800,'pink': $ibo-color-pink-800,);
|
|
|
|
$ibo-welcome-popup--stack-item--border-color: $ibo-color-grey-950;
|
|
$ibo-welcome-popup--stack-item--is-active--border-color: $ibo-color-grey-900;
|
|
|
|
$ibo-user-rights--is-success--background-color: $ibo-color-success-50 !default;
|
|
$ibo-user-rights--is-success--color: $ibo-color-success-950 !default;
|
|
$ibo-user-rights--is-success--border-color: $ibo-color-success-950 !default;
|
|
|
|
$ibo-user-rights--is-failure--background-color: $ibo-color-danger-100 !default;
|
|
$ibo-user-rights--is-failure--color: $ibo-color-danger-950 !default;
|
|
$ibo-user-rights--is-failure--border-color: $ibo-color-danger-950 !default; |