153 lines
6.4 KiB
Plaintext
153 lines
6.4 KiB
Plaintext
|
//
|
||
|
|
// Override UI variables
|
||
|
|
// --------------------------------------------------
|
||
|
|
|
||
|
|
@font-family-base: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
|
||
|
|
|
||
|
|
//
|
||
|
|
// Paths
|
||
|
|
// --------------------------------------------------
|
||
|
|
|
||
|
|
@type-font-path: "../font";
|
||
|
|
|
||
|
|
//
|
||
|
|
// Colors
|
||
|
|
// --------------------------------------------------
|
||
|
|
|
||
|
|
@color-border: #cccccc;
|
||
|
|
@color-border-light: #e1e1e1;
|
||
|
|
|
||
|
|
@color-mainmenu: #000000;
|
||
|
|
@color-mainmenu-inactive: rgba(255,255,255,.6);
|
||
|
|
@color-mainmenu-active: #ffffff;
|
||
|
|
@color-mainmenu-active-bg: #262626;
|
||
|
|
@color-mainmenu-collapsed: #000000;
|
||
|
|
|
||
|
|
@color-accountmenu-bg: #f9f9f9;
|
||
|
|
@color-accountmenu-text: #666666;
|
||
|
|
@color-accountmenu-divider: #e0e0e0;
|
||
|
|
|
||
|
|
@color-footer: rgba(255,255,255,.8);
|
||
|
|
@color-footer-border: #dfdfdf;
|
||
|
|
@color-footer-text: #666666;
|
||
|
|
|
||
|
|
@color-sidebarnav-active-text: #ffffff;
|
||
|
|
@color-sidebarnav-active-icon: #ffffff;
|
||
|
|
@color-sidebarnav-inactive-text: rgba(255,255,255,.6);
|
||
|
|
@color-sidebarnav-inactive-icon: rgba(255,255,255,.6);
|
||
|
|
@color-sidebarnav-counter-bg: #d9350f;
|
||
|
|
@color-sidebarnav-counter-text: #ffffff;
|
||
|
|
|
||
|
|
@color-sidebarnav-tree-group: #ecf0f1;
|
||
|
|
@color-sidebarnav-tree-group-bg: rgba(0,0,0,.15);
|
||
|
|
@color-sidebarnav-tree-inactive-header: #ffffff;
|
||
|
|
@color-sidebarnav-tree-inactive-desc: rgba(255,255,255,.6);
|
||
|
|
@color-sidebarnav-tree-inactive-text: #ffffff;
|
||
|
|
@color-sidebarnav-tree-active-header: #ffffff;
|
||
|
|
@color-sidebarnav-tree-inactive-bg: transparent;
|
||
|
|
@color-sidebarnav-tree-active-text: rgba(255,255,255,.91);
|
||
|
|
@color-sidebarnav-tree-active-marker: @brand-secondary;
|
||
|
|
@color-sidebarnav-back-link-bg: #2b3e50;
|
||
|
|
@color-sidebarnav-back-link-text: #bdc3c7;
|
||
|
|
|
||
|
|
@color-scrollbar-track: transparent;
|
||
|
|
@color-scrollbar-thumb: rgba(0,0,0,.35);
|
||
|
|
@color-scrollpanel-border: #efefef;
|
||
|
|
@color-scrollpanel-fix-button: #aaaaaa;
|
||
|
|
@color-scrollpanel-fix-button-light: #eeeeee;
|
||
|
|
@color-scroll-indicator: #bbbbbb;
|
||
|
|
|
||
|
|
@color-panel-light: #ECF0F1;
|
||
|
|
|
||
|
|
@color-outer-muted-text: rgba(255,255,255,.44);
|
||
|
|
@color-outer-heading: #feffff;
|
||
|
|
@color-outer-description: #999999;
|
||
|
|
@color-outer-bg: #2b3e50;
|
||
|
|
@color-outer-header: @body-bg;
|
||
|
|
@color-outer-form-label: #666666;
|
||
|
|
|
||
|
|
@color-breadcrumb-text-active: #9da3a7;
|
||
|
|
@color-breadcrumb-text: #9B9B9B;
|
||
|
|
@color-breadcrumb-background: #2b343d;
|
||
|
|
|
||
|
|
@color-custom-input-icon: #666666;
|
||
|
|
@color-custom-input-border: #999999;
|
||
|
|
|
||
|
|
@color-input-sidebar-control: #C4C4C4;
|
||
|
|
|
||
|
|
@color-switch-input-bg: #f6f6f6;
|
||
|
|
@color-switch-input-on: #8da85e;
|
||
|
|
@color-switch-input-off: #cc3300;
|
||
|
|
|
||
|
|
@color-custom-select-border: #b2b9be;
|
||
|
|
@color-custom-select-bg: #f6f6f6;
|
||
|
|
@color-custom-select-bg-hover: #4da7e8;
|
||
|
|
|
||
|
|
@color-filelist-norecords-text: #666666;
|
||
|
|
@color-filelist-norecords-bg: #eeeeee;
|
||
|
|
@color-filelist-cb-border: #cccccc;
|
||
|
|
@color-filelist-title-hero: #2b3e50;
|
||
|
|
@color-filelist-hero-item-bg: #ffffff;
|
||
|
|
@color-filelist-hero-hover-bg: @highlight-hover-bg;
|
||
|
|
@color-filelist-hero-hover-text: @highlight-hover-text;
|
||
|
|
@color-filelist-hero-active-bg: @highlight-active-bg;
|
||
|
|
@color-filelist-hero-active-text: @highlight-active-text;
|
||
|
|
|
||
|
|
@color-fancy-master-tabs-bg: #d35400;
|
||
|
|
@color-fancy-master-tabs-active-text: #ffffff;
|
||
|
|
@color-fancy-master-tabs-inactive-text: rgba(255, 255, 255, .35);
|
||
|
|
@color-fancy-master-panel-bg: #d35400;
|
||
|
|
|
||
|
|
@color-fancy-secondary-tabs-bg: #475354;
|
||
|
|
@color-fancy-secondary-tabs-active-text: #ffffff;
|
||
|
|
@color-fancy-secondary-tabs-inactive-text: #919898;
|
||
|
|
|
||
|
|
@color-fancy-primary-tabs-bg: #7F8C8D;
|
||
|
|
@color-fancy-primary-tabs-inactive-text: #95a5a6;
|
||
|
|
@color-fancy-primary-tabs-active-text: #808c8d;
|
||
|
|
@color-fancy-primary-tabs-active-bg: #fafafa;
|
||
|
|
@color-fancy-primary-tabs-inactive-bg: #d5d9d8;
|
||
|
|
|
||
|
|
@color-fancy-form-tabless-fields-bg: @brand-secondary;
|
||
|
|
@color-fancy-form-label: rgba(255, 255, 255, .5);
|
||
|
|
@color-fancy-form-text: #ffffff;
|
||
|
|
@color-fancy-form-text-selection: #d35400;
|
||
|
|
@color-fancy-form-placeholder: rgba(255, 255, 255, .5);
|
||
|
|
@color-fancy-form-inactive-tab: #b9530f;
|
||
|
|
|
||
|
|
@color-sortable-caret: #999999;
|
||
|
|
@color-sortable-active: @brand-secondary;
|
||
|
|
|
||
|
|
@color-report-widget-title: #7e8c8d;
|
||
|
|
@color-report-widget-control-inactive: #b6b6b6;
|
||
|
|
@color-report-widget-description: @color-report-widget-title;
|
||
|
|
@color-report-widget-link: @color-report-widget-title;
|
||
|
|
|
||
|
|
@color-treeview-item-bg: #ffffff;
|
||
|
|
@color-treeview-item-title: #2b3e50;
|
||
|
|
@color-treeview-item-comment: #95a5a6;
|
||
|
|
@color-treeview-control: #bdc3c7;
|
||
|
|
@color-treeview-hover-bg: @highlight-hover-bg;
|
||
|
|
@color-treeview-hover-text: @highlight-hover-text;
|
||
|
|
@color-treeview-active-bg: @highlight-active-bg;
|
||
|
|
@color-treeview-active-text: @highlight-active-text;
|
||
|
|
@color-treeview-item-active-comment: #8f8f8f;
|
||
|
|
@color-treeview-submenu-text: #ffffff;
|
||
|
|
@color-treeview-light-submenu-bg: #2581b8;
|
||
|
|
@color-treeview-light-submenu-border: #328ec8;
|
||
|
|
|
||
|
|
//
|
||
|
|
// Sizes
|
||
|
|
// --------------------------------------------------
|
||
|
|
@size-tiny: 50px;
|
||
|
|
@size-small: 100px;
|
||
|
|
@size-large: 200px;
|
||
|
|
@size-huge: 250px;
|
||
|
|
@size-giant: 350px;
|
||
|
|
|
||
|
|
//
|
||
|
|
// Media breakpoints
|
||
|
|
// --------------------------------------------------
|
||
|
|
|
||
|
|
@menu-breakpoint-min: 770px;
|
||
|
|
@menu-breakpoint-max: (@menu-breakpoint-min - 1);
|