mirror of
https://github.com/espocrm/espocrm.git
synced 2026-07-01 08:26:04 +00:00
240 lines
8.1 KiB
Plaintext
240 lines
8.1 KiB
Plaintext
@main-gray-value: #E8ECED;
|
|
|
|
@white-color-value: #FEFEFE;
|
|
|
|
@gray-base-value: #000;
|
|
@gray-dark-value: lighten(@gray-base-value, 20%);
|
|
@gray-value: lighten(@gray-base, 33.5%);
|
|
@gray-light-value: lighten(@gray-base, 46.7%);
|
|
@gray-lighter-value: lighten(@gray-base-value, 93.5%);
|
|
|
|
@gray-soft-value: #7c7c7c;
|
|
@gray-light-value: #999;
|
|
|
|
@body-bg-value: #f1f3f5;
|
|
|
|
@text-color-value: @gray-dark-value;
|
|
@text-white-color-value: @white-color-value;
|
|
@text-muted-color-value: @gray-light-value;
|
|
@text-gray-color-value: #6a6a6a;
|
|
|
|
@brand-primary-value: #6791c5;
|
|
@brand-danger-value: #CF605D;
|
|
@brand-info-value: #a595c9;
|
|
@brand-success-value: #6fc374;
|
|
@brand-warning-value: #eda530;
|
|
|
|
@brand-primary-text-value: #FFF;
|
|
|
|
@state-primary-bg-value: #ecf5fd;
|
|
@state-primary-text-value: #5b9aca;
|
|
|
|
@state-success-bg-value: lighten(spin(@brand-success-value, 5), 30%);
|
|
@state-success-text-value: darken(spin(@brand-success-value, 7), 17%);
|
|
|
|
@state-info-bg-value: #ece7f9;
|
|
@state-info-text-value: #83779c;
|
|
|
|
@state-warning-bg-value: #fcf8e3;
|
|
@state-warning-text-value: #9E7328;
|
|
|
|
@state-danger-text-value: #ad4846;
|
|
@state-danger-bg-value: #f2dede;
|
|
|
|
@state-default-text-value: @text-gray-color-value;
|
|
@state-default-bg-value: @gray-lighter-value;
|
|
|
|
@warning-bg-value: #fffdf2;
|
|
|
|
@default-box-shadow-value: 2px 2px 4px rgba(0, 0, 0, 0.09);
|
|
|
|
@top-bar-box-shadow-value: 2px 2px 2px rgba(0, 0, 0, 0.09);
|
|
|
|
@navbar-bg-value: @body-bg-value;
|
|
@navbar-link-color-value: @gray-light-value;
|
|
@navbar-link-hover-color-value: @gray-value;
|
|
@navbar-link-hover-bg-value: @body-bg-value;
|
|
@navbar-box-shadow-value: none;
|
|
@navbar-border-width-value: 0;
|
|
|
|
@navbar-inverse-color-value: #c5c4c4;
|
|
@navbar-inverse-bg-value: #596986;
|
|
@navbar-inverse-border-value: transparent;
|
|
@navbar-inverse-link-color-value: #EBEBEB;//#DFDFDF;
|
|
@navbar-inverse-link-hover-color-value: #fff;
|
|
@navbar-inverse-link-hover-bg-value: transparent;
|
|
@navbar-inverse-link-disabled-color-value: #444;
|
|
@navbar-inverse-link-disabled-bg-value: transparent;
|
|
@navbar-inverse-link-active-bg-value: darken(@navbar-inverse-bg-value, 10%);
|
|
|
|
|
|
@input-border-value: #D1D5D6;
|
|
@input-border-focus-value: #66afe9;
|
|
@input-color-value: @gray-value;
|
|
@input-bg-value: @white-color-value;
|
|
@input-bg-disabled-value: @gray-lighter-value;
|
|
@input-color-disabled-value: @gray-light-value;
|
|
@input-box-shadow-value: inset 0 1px 1px rgb(0 0 0 / 4%);
|
|
@input-border-width-value: 1px;
|
|
|
|
@modal-backdrop-bg-value: fade(#DBDBDB, 50%);
|
|
@modal-backdrop-filter-value: blur(1px);
|
|
@modal-header-border-color-value: trasparent;
|
|
@modal-header-bg-value: @body-bg-value;
|
|
@modal-footer-bg-value: @body-bg-value;
|
|
@modal-content-bg-value: @body-bg-value;
|
|
@modal-box-shadow-value: 0 5px 15px rgb(0 0 0 / 50%);
|
|
|
|
@link-color-value: @brand-primary-value;
|
|
@link-hover-color-value: darken(@link-color-value, 15%);
|
|
|
|
@panel-bg-value: #ffffff;
|
|
// Should be in px units to work in CSS math functions.
|
|
@panel-border-width-value: 0px;
|
|
@panel-heading-height-value: 30px;
|
|
@panel-heading-font-size-value: 15px;
|
|
|
|
@vertical-gap-value: 16px;
|
|
|
|
@table-bg-value: @panel-bg-value;
|
|
@table-bg-accent-value: #f9f9f9;
|
|
|
|
@default-border-color-value: @main-gray-value;
|
|
@default-heading-bg-color-value: @main-gray-value;
|
|
|
|
@code-bg-value: #f9f9f9;
|
|
@code-border-color-value: @default-border-color-value;
|
|
@code-color-value: @gray-dark-value;
|
|
|
|
@blockquote-border-color-value: @gray-lighter-value;
|
|
|
|
@panel-default-text-value: @gray-dark-value;
|
|
@panel-default-border-value: @default-border-color-value;
|
|
@panel-default-bg-value: @panel-bg-value;
|
|
|
|
@panel-primary-bg-value: darken(@brand-primary-value, 12%);
|
|
@panel-primary-border-value: @panel-primary-bg-value;
|
|
@panel-primary-text-value: @white-color-value;
|
|
|
|
@panel-danger-bg-value: @state-danger-bg-value;
|
|
@panel-danger-border-value: @panel-danger-bg-value;
|
|
@panel-danger-text-value: @state-danger-text-value;
|
|
|
|
@panel-warning-bg-value: #f9eabb;
|
|
@panel-warning-border-value: @panel-warning-bg-value;
|
|
@panel-warning-text-value: @state-warning-text-value;
|
|
|
|
@panel-success-bg-value: @state-success-bg-value;
|
|
@panel-success-border-value: @panel-success-bg-value;
|
|
@panel-success-text-value: @state-success-text-value;
|
|
|
|
@panel-info-bg-value: @state-info-bg-value;
|
|
@panel-info-border-value: @panel-info-bg-value;
|
|
@panel-info-text-value: @state-info-text-value;
|
|
|
|
@btn-default-bg-value: #f6f6f6;
|
|
@btn-default-border-value: #c2cacc;
|
|
@btn-default-color-value: #585858;
|
|
@btn-default-hover-bg-value: darken(@btn-default-bg-value, 3%);
|
|
@btn-default-hover-border-value: darken(@btn-default-border-value, 3%);
|
|
@btn-default-active-bg-value: darken(@btn-default-bg-value, 17%);
|
|
@btn-default-active-border-value: darken(@btn-default-bg-value, 25%);
|
|
|
|
@btn-primary-bg-value: @brand-primary-value;
|
|
@btn-primary-border-value: @btn-primary-bg-value;
|
|
@btn-primary-color-value: #fff;
|
|
@btn-primary-hover-bg-value: darken(@btn-primary-bg-value, 10%);
|
|
@btn-primary-active-bg-value: darken(@btn-primary-bg-value, 17%);
|
|
@btn-primary-hover-border-value: @btn-primary-hover-bg-value;
|
|
@btn-primary-active-border-value: darken(@btn-primary-bg-value, 20%);
|
|
|
|
@btn-success-bg-value: @brand-success-value;
|
|
@btn-success-border-value: @btn-success-bg-value;
|
|
@btn-success-color-value: #fff;
|
|
@btn-success-hover-bg-value: darken(@btn-success-bg-value, 10%);
|
|
@btn-success-active-bg-value: darken(@btn-success-bg-value, 17%);
|
|
@btn-success-hover-border-value: @btn-success-hover-bg-value;
|
|
@btn-success-active-border-value: darken(@btn-success-bg-value, 20%);
|
|
|
|
@btn-danger-bg-value: @brand-danger-value;
|
|
@btn-danger-border-value: @btn-danger-bg-value;
|
|
@btn-danger-color-value: #fff;
|
|
@btn-danger-hover-bg-value: darken(@btn-danger-bg-value, 10%);
|
|
@btn-danger-active-bg-value: darken(@btn-danger-bg-value, 17%);
|
|
@btn-danger-hover-border-value: @btn-danger-hover-bg-value;
|
|
@btn-danger-active-border-value: darken(@btn-danger-bg-value, 20%);
|
|
|
|
@btn-warning-bg-value: @brand-warning-value;
|
|
@btn-warning-border-value: @btn-warning-bg-value;
|
|
@btn-warning-color-value: #fff;
|
|
@btn-warning-hover-bg-value: darken(@btn-warning-bg-value, 10%);
|
|
@btn-warning-active-bg-value: darken(@btn-warning-bg-value, 17%);
|
|
@btn-warning-hover-border-value: @btn-warning-hover-bg-value;
|
|
@btn-warning-active-border-value: darken(@btn-warning-bg-value, 20%);
|
|
|
|
@btn-info-bg-value: @brand-info-value;
|
|
@btn-info-border-value: @btn-info-bg-value;
|
|
@btn-info-color-value: #fff;
|
|
@btn-info-hover-bg-value: darken(@btn-info-bg-value, 10%);
|
|
@btn-info-active-bg-value: darken(@btn-info-bg-value, 17%);
|
|
@btn-info-hover-border-value: @btn-info-hover-bg-value;
|
|
@btn-info-active-border-value: darken(@btn-info-bg-value, 20%);
|
|
|
|
@btn-text-color-value: #5c5c5c;
|
|
@btn-active-box-shadow-value: inset 0 3px 5px rgba(0, 0, 0, .125);
|
|
|
|
@site-footer-bg-value: transparent;
|
|
@site-footer-color-value: @gray-value;
|
|
|
|
@popover-bg-value: @white-color-value;
|
|
|
|
@dropdown-bg-value: @white-color-value;
|
|
@dropdown-link-color-value: @gray-dark-value;
|
|
@dropdown-link-hover-color-value: darken(@gray-dark-value, 5%);
|
|
@dropdown-link-hover-bg-value: #f5f5f5;
|
|
@dropdown-border-value: @default-border-color-value;
|
|
@dropdown-border-width-value: 1px;
|
|
@dropdown-divider-bg-value: #e5e5e5;
|
|
@dropdown-box-shadow-value: 0 4px 6px rgba(0, 0, 0, 0.11);
|
|
|
|
@login-panel-heading-bg-value: @navbar-inverse-bg-value;
|
|
|
|
@gray-lighter-orange-mix-value: mix(orange, @gray-lighter-value, 50%);
|
|
|
|
@calendar-today-bg-value: #fcf8e3;
|
|
@calendar-border-value: #d1d5d6;
|
|
@calendar-busy-bg-value: #d0beeb;
|
|
|
|
@select-item-text-color-value: @text-color-value;
|
|
@select-item-bg-value: #efefef;
|
|
@select-item-active-text-color-value: @white-color-value;
|
|
@select-item-active-bg-value: @brand-primary-value;
|
|
@select-item-border-value: @gray-light-value;
|
|
|
|
@label-color-value: #fff;
|
|
@label-default-bg-value: @gray-light-value;
|
|
|
|
@well-bg-value: @panel-bg-value;
|
|
@well-border-value: @default-border-color-value;
|
|
|
|
@scroll-bg-value: @gray-lighter-value;
|
|
@scroll-thumb-bg-value: #c7c7c7;
|
|
@scroll-border-width-value: 0;
|
|
@scroll-width-value: 11px;
|
|
|
|
@collapsed-modal-bg-value: @gray-soft-value;
|
|
@collapsed-modal-text-color-value: @text-white-color-value;
|
|
|
|
@btn-xs-wide-width-value: 65px;
|
|
@btn-s-wide-width-value: 80px;
|
|
@btn-wide-width-value: 100px;
|
|
@btn-x-wide-width-value: 150px;
|
|
@btn-xx-wide-width-value: 200px;
|
|
|
|
@border-radius-value: 5px;
|
|
@border-radius-small-value: 4px;
|
|
@panel-border-radius-value: 8px;
|
|
@dropdown-border-radius-value: 6px;
|
|
|
|
@record-grid-max-width-value: 1300px;
|