157 lines
4.9 KiB
Plaintext
157 lines
4.9 KiB
Plaintext
// Icons
|
|
@ui-icons-darker: #222222;
|
|
@ui-icons-dark: #888888;
|
|
@ui-icons-light: #ffffff;
|
|
@ui-icons-accent: @brand-primary;
|
|
|
|
//dialog
|
|
@dialog-header: @brand-primary;
|
|
|
|
// Gray palette
|
|
@igGray1: #f0f0f0;
|
|
@igGray2: #eee;
|
|
@igGray3: #e8e8e8;
|
|
@igGray4: #dadada;
|
|
@igGray5: #bcbcbc;
|
|
@igGray6: #ccc;
|
|
@igGray7: #999;
|
|
@igGray8: #888;
|
|
@igGray9: #777;
|
|
@igGray10: #444;
|
|
@igGray11: rgba(0, 0, 0, 0.12);
|
|
|
|
// Gradual palette, used mainly for bulletGraph and linearGauge
|
|
@chartGradualPalette1: @brand-primary;
|
|
@chartGradualPalette2: lighten(@brand-primary, 5%);
|
|
@chartGradualPalette3: lighten(@brand-primary, 10%);
|
|
@chartGradualPalette4: lighten(@brand-primary, 15%);
|
|
@chartGradualPalette5: lighten(@brand-primary, 20%);
|
|
@chartGradualPalette6: lighten(@brand-primary, 24%);
|
|
@chartGradualPalette7: lighten(@brand-primary, 28%);
|
|
@chartGradualPalette8: lighten(@brand-primary, 32%);
|
|
@chartGradualPalette9: lighten(@brand-primary, 36%);
|
|
@chartGradualPalette10: lighten(@brand-primary, 40%);
|
|
@chartGradualPalette11: lighten(@brand-primary, 44%);
|
|
@chartGradualPalette12: lighten(@brand-primary, 48%);
|
|
|
|
// Sparkline palette
|
|
@sparkpath: #43ABD5;
|
|
@negativesparkpath: #43ABD5;
|
|
@trendline: #7F7F7F;
|
|
@markers: #43ABD5;
|
|
@firstmarker: #237FA7;
|
|
@lastmarker: #FBC139;
|
|
@highmarker: #A3B929;
|
|
@lowmarker: #AF39FF;
|
|
@negativemarkers: #E5516F;
|
|
|
|
// Spreadsheet
|
|
@accent1: @brand-primary;
|
|
@bar-background: @gray-dark;
|
|
@row-col-bar-border: @gray-dark;
|
|
@tab-bar-border: @gray-dark;
|
|
@spreadsheet-accent: @brand-primary;
|
|
@spreadsheet-icon: @brand-primary;
|
|
@spreadsheet-cell-selection: @brand-primary;
|
|
@spreadsheet-cell-selection-rgba: rgba(44, 62, 80, .22); /* needs to be improved with mixin*/
|
|
@spreadsheet-text-color: #111;
|
|
@spreadsheet-wight-text: #fff;
|
|
@spreadsheet-empty-bg: #fff;
|
|
@spreadsheet-disabled: #c4c4c4;
|
|
@spreadsheet-danger: @brand-danger;
|
|
@spreadsheet-menu-item-bg-hover: @spreadsheet-cell-selection-rgba;
|
|
@spreadsheet-formula-btn-bg: @gray;
|
|
@spreadsheet-header-selected-cell-bg: lighten(@brand-primary, 30%);
|
|
@spreadsheet-tab-text-color: #666;
|
|
@spreadsheet-formula-btn-color: #fff;
|
|
|
|
// Scheduler
|
|
@scheduler-bg:@body-bg;
|
|
@scheduler-text-color:@text-color;
|
|
@scheduler-border-color: @table-border-color;
|
|
@scheduler-shadow-color: @body-bg;
|
|
@scheduler-header-bg:darken(@body-bg, 5%);
|
|
@scheduler-month-view-day-selected:@gray-dark;
|
|
|
|
@scheduler-start-time-color: @brand-primary;
|
|
@scheduler-end-time-color: @brand-warning;
|
|
|
|
@scheduler-selected-subject-color: @brand-primary;
|
|
@scheduler-selected-location-color: @brand-primary;
|
|
|
|
@scheduler-month-view-bg: transparent;
|
|
|
|
@scheduler-activity-indicator-bg: @igGray6;
|
|
|
|
@scheduler-day-week-view-bg: transparent;
|
|
@scheduler-day-week-timeslot-selected: @gray-light;
|
|
|
|
@scheduler-day-week-appt-bg:@igGray5;
|
|
@scheduler-day-week-appt-location-bg:transparent;
|
|
@scheduler-day-week-appt-location-color:@igGray9;
|
|
@scheduler-day-week-appt-subject-bg:transparent;
|
|
@scheduler-day-week-appt-subject-color:@igGray10;
|
|
|
|
@scheduler-agenda-appt-selected:@igGray1;
|
|
|
|
@scheduler-day-week-day-header-bg:transparent;
|
|
@scheduler-day-week-day-header-color:rgb(153, 153, 153);
|
|
|
|
@scheduler-all-day-event-area-bg:@igGray5;
|
|
@scheduler-all-day-event-subject-color:@igGray10;
|
|
@scheduler-all-day-event-subject-bg:@igGray5;
|
|
|
|
@scheduler-agenda-view-bg:transparent;
|
|
|
|
@scheduler-header-border-color:@gray-light;
|
|
|
|
|
|
@scheduler-tabs-color:@gray-dark;
|
|
@scheduler-tabs-selected-text-color:@brand-primary;
|
|
@scheduler-tabs-selected-icons-color:@brand-primary;
|
|
@scheduler-tabs-selected-hover:lighten(@brand-primary, 5%);
|
|
|
|
|
|
@scheduler-month-view-dayday-selected-bg: @igGray11;
|
|
@scheduler-month-view-dayday-selected-color: @igGray8;
|
|
|
|
@scheduler-month-view-day-today-indicator-bg: transparent;
|
|
@scheduler-month-view-day-today-color: @brand-primary;
|
|
|
|
@scheduler-month-view-month-header-bg:@brand-primary;
|
|
|
|
@scheduler-month-view-day-leading-bg:transparent;
|
|
@scheduler-month-view-day-leading-color:@gray-light;
|
|
|
|
@scheduler-month-view-day-trailing-bg:transparent;
|
|
@scheduler-month-view-day-trailing-color:@gray-light;
|
|
|
|
@scheduler-selectall-bg:@brand-primary;
|
|
|
|
@scheduler-appointment-dialog-save-button-bg:@igGray4;
|
|
@scheduler-appointment-dialog-save-button-hover-bg:@igGray3;
|
|
|
|
@scheduler-appointment-dialog-cancel-button-bg:@igGray4;
|
|
@scheduler-appointment-dialog-cancel-button-hover-bg:@igGray3;
|
|
|
|
@scheduler-navigator-back-button-hover-bg:transparent;
|
|
@scheduler-navigator-date-range-button-hover-bg:transparent;
|
|
@scheduler-navigator-forward-button-hover-bg:transparent;
|
|
|
|
@scheduler-today-button-hover-bg:transparent;
|
|
@scheduler-today-button-hover-color:@brand-primary;
|
|
|
|
@scheduler-tabs-hover-bg:transparent;
|
|
@scheduler-tabs-hover-color:@brand-primary;
|
|
|
|
@scheduler-day-week-timeslot-bg:rgba(255, 255, 255, .005);
|
|
@scheduler-day-week-timeslot-descripto-bg:transparent;
|
|
@scheduler-day-week-timeslot-working-hour-bg:rgb(238, 238, 238);
|
|
@scheduler-day-week-timeslot-selected-bg:@gray-light;
|
|
|
|
// Chart Toolbar
|
|
@chart-toolbar-dd-arrow: @igGray11;
|
|
@chart-toolbar-background: @igGray2;
|
|
@chart-toolbar-border-color: @igGray4;
|
|
@range-selector-active-color: @text-color;
|
|
@range-selector-active-background: @igGray4; |