127 regels
4.1 KiB
Plaintext
Executable File
127 regels
4.1 KiB
Plaintext
Executable File
// Variables
|
|
|
|
@black: #000;
|
|
@white: #fff;
|
|
@grayDark: #333;
|
|
@gray: #aaa;
|
|
|
|
// Default font
|
|
@font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
|
|
@font-size: 14px;
|
|
@line-height: 20px;
|
|
|
|
// Text colors
|
|
@text-color: @black;
|
|
@text-color-inverse: @white;
|
|
@text-color-disabled: lighten(@text-color, 60%);
|
|
|
|
@textShadow: 0 1px 1px hsla(hue(@text-color-inverse), saturation(@text-color-inverse), lightness(@text-color-inverse), 0.75);
|
|
@invertedTextShadow: 0 1px 1px hsla(hue(@text-color), saturation(@text-color), lightness(@text-color), 0.75);
|
|
|
|
// Button
|
|
@btn-text-color: #333;
|
|
@btn-text-shadow: #fff;
|
|
@btn-border-color: #c5c5c5;
|
|
@btn-caret-color: #444;
|
|
@btn-text-color-disabled: @text-color-disabled;
|
|
|
|
@btn-background: @white;
|
|
@btn-background-highlight: darken(@white, 15%);
|
|
@btn-background-hover: darken(@btn-background, 5%);
|
|
@btn-background-highlight-hover: darken(@btn-background-highlight, 5%);
|
|
|
|
@btn-background-primary: #0088cc;
|
|
@btn-background-primary-highlight: #0044cc;
|
|
@btn-background-primary-hover: darken(#0088cc, 5%);
|
|
@btn-background-primary-highlight-hover: darken(#0044cc, 5%);
|
|
@btn-text-color-primary: #fff;
|
|
|
|
// Menu
|
|
@menubar-border: #ddd;
|
|
@menubar-background-active: #ddd;
|
|
@menuitem-background-hover: #0081C2;
|
|
|
|
// Panel
|
|
@panel-border: #9E9E9E;
|
|
@panel-background: #FDFDFD;
|
|
@panel-background-highlight: #DDD;
|
|
|
|
// Tabs
|
|
@tab-border: #ccc;
|
|
@tab-background: #e3e3e3;
|
|
@tab-background-hover: #FDFDFD;
|
|
@tab-background-active: #FDFDFD;
|
|
|
|
// Tooltip
|
|
@tooltip-background: #000;
|
|
@tooltip-text-color: @white;
|
|
|
|
// Popover
|
|
@popover-background: @white;
|
|
@popover-arrow-width: 10px;
|
|
@popover-arrow-color: @white;
|
|
@popover-arrow-outer-width: @popover-arrow-width + 1;
|
|
@popover-arrow-outer-color: rgba(0, 0, 0, 0.25);
|
|
|
|
// Focus
|
|
@focus-border-color: rgba(82, 168, 236, .8);
|
|
@focus-border-color-fallback: #59a5e1;
|
|
|
|
// ------
|
|
/*
|
|
@black: #000;
|
|
@white: #fff;
|
|
@grayDark: #333;
|
|
@gray: #aaa;
|
|
|
|
// Default font
|
|
@font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
|
|
@font-size: 14px;
|
|
@line-height: 20px;
|
|
|
|
// Text colors
|
|
@text-color: #aaa;
|
|
@text-color-inverse: @black;
|
|
@text-color-disabled: lighten(@text-color, 50%);
|
|
|
|
@textShadow: 0 1px 1px hsla(hue(@text-color-inverse), saturation(@text-color-inverse), lightness(@text-color-inverse), 0.75);
|
|
@invertedTextShadow: 0 1px 1px hsla(hue(@text-color), saturation(@text-color), lightness(@text-color), 0.75);
|
|
|
|
// Button
|
|
@btn-text-color: #333;
|
|
@btn-text-shadow: #aaa;
|
|
@btn-text-color-disabled: #888;
|
|
@btn-border-color: #666;
|
|
@btn-caret-color: #444;
|
|
|
|
@btn-background: #ddd;
|
|
@btn-background-highlight: #888;
|
|
@btn-background-hover: #eee;
|
|
@btn-background-highlight-hover: #777;
|
|
|
|
@btn-background-primary: #0088cc;
|
|
@btn-background-primary-highlight: #0044cc;
|
|
@btn-background-primary-hover: #0088cc;
|
|
@btn-background-primary-highlight-hover: #0044cc;
|
|
@btn-text-color-primary: #fff;
|
|
|
|
// Menu
|
|
@menubar-border: #333;
|
|
@menubar-background-active: #333;
|
|
@menuitem-background-hover: #0081C2;
|
|
|
|
// Panel
|
|
@panel-border: #9E9E9E;
|
|
@panel-background: #777;
|
|
@panel-background-highlight: #444;
|
|
|
|
// Tabs
|
|
@tab-border: #ccc;
|
|
@tab-background: #e3e3e3;
|
|
@tab-background-hover: #FDFDFD;
|
|
@tab-background-active: #FDFDFD;
|
|
|
|
// Tooltip
|
|
@tooltip-background: #000;
|
|
@tooltip-text-color: @white;
|
|
*/ |