rhodecode/public/css/variables.less

// variables for use in all RhodeCode products

// FONTS
//Primary Colors (brand)
@rcblue: #427cc9;		//RhodeCode blue
@rcdarkblue: #305b91;	//RhodeCode dark blue
@rclightblue: lighten(@rcblue, 30%);
@rchighlightblue: lighten(@rcblue, 35%);

// Secondary Colors (greyscale)
@black: #000;
@white: #fff;
@grey1: #2B2B2D;		//midnight
@grey2: #5C5C5C;		//charcoal
@grey3: #7E7F7F;		//tungsten
@grey4: #949494;		//light grey
@grey5: #dbd9da;		//greyish
@grey6: #eeeeee;		//silver
@grey7: #F5F5F5;		//light silver

// special for navigation
@nav-grey: #CDCCCD;

@grey5-alpha: rgba(219, 217, 218, 0.3);

// Tertiary Colors
@color1: #879938;		//olive green
@color2: #fcc93a;		//bright yellow
@color3: #ff9e07;		//orange-yellow
@color4: #fc663a;		//bright orange
@color5: #d63d44;		//signal red
@color6: #99287c;		//violet
@color7: #682668;		//dark purple
@color8: #194f8e;		//dark blue

// Alert Colors (bright)
@alert1: #0ac878;		//bright green
@alert2: #e85e4d;		//soft red
@alert3: #ffc854;		//corn yellow
@alert4: #84a5d2;		//light blue

// Alert Inner Colors
@alert1-inner: #daf7eb;		//bright green
@alert2-inner: #fbdfdb;		//soft red
@alert3-inner: #fff4dd;		//corn yellow
@alert4-inner: #e6edf6;		//light blue

// Highlight color for lines and colors
@comment-highlight-color: #ffd887;
@color-draft: darken(@alert3, 30%);
@color-new: darken(@alert1, 5%);

// FONTS
@basefontsize: 13px;
@navigation-fontsize: 14px;
@journal-fontsize: @basefontsize+7px;
@text-color: @grey2;
@repo-title-fontsize: 18px;

@text-regular: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
@text-monospace: 'Menlo', 'Liberation Mono', 'Consolas', 'DejaVu Sans Mono', 'Ubuntu Mono', 'Courier New', 'andale mono', 'lucida console', monospace;

@text-italic: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;

@text-bold: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
@text-bold-weight: 600;

@text-semibold: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
@text-semibold-weight: 500;

@text-bold-italic: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
@text-bold-italic-weight: 600;

@text-code: @text-monospace;
@text-light: @text-regular;


// Used for .close buttons
@text-bootstrap: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;

@panel-title: @basefontsize;
@panel-footer: @basefontsize;

// BORDERS
@border-thickness: 1px;
@border-thickness-buttons: 1px;
@border-thickness-tags: 1px;
@border-radius: 2px;
@border-default-color: @grey5;
@border-highlight-color: @grey4;

// SPACING
@contentpadding: 15px;  //padding on left and right of pages
@pagepadding: 40px;		//padding on top and bottom of pages
@menupadding: 12px;		//padding for sidebar and content
@sidebarpadding: 15px;	//spacing between sections
@space: 40px;			//spacing between sections
@padding: 15px;			//padding inside modules
@textmargin: 20px;		//spacing below headers
@header-padding: 20px;
@panel-padding: @padding;
@gravatar-size: 16px;   // height/width of gravatar w/o border

// ADMIN
@form-max-width: 750px;

// FORMS (new)
@border-thickness-inputs: 1px;
@input-padding: .6em; //needs to match button padding
// TODO: johbo: Needed for working computation of paddings around labels etc.
// Expected to be replaced once we are done with the form refactoring.
@input-padding-px: 12px;
@legend-width: 220px;
@form-vertical-margin: 20px;
@form-check-width: 20px;
@form-radio-width: 10px;
@form-textcolor: @grey3;

// FORMS
@label-width: 220px;
//TODO: lisa: Eventually we don't need both of these; remove
//            label-width when legend-width is no longer used

@input-border-thickness: @border-thickness;
@medium-inline-input-width: 115px;
@input-description-minwidth: 300px;
@label2-width: 200px;
@checkboxes-width: 420px;
@label-summary-minwidth: 80px;
@search-form-width: 400px;
@fields-input-m: 400px;
@fields-input-l: 720px;

// BUTTONS
@button-padding: .7em;
@button-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.07);

// DROPDOWNS
@dropdown-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.07);

// DEFAULT WIDTHS
@wrapper-maxwidth: 1600px;
@sidebar-width: 145px;
@sidebar-all-width: @sidebar-width + 2 * @sidebarpadding;
@sidebar-small-width: 100px;
@sidebar-small-all-width: @sidebar-small-width + 2 * @sidebarpadding;
@texteditor-width: 660px;
@maincontent-maxwidth: 940px;
@pullrequest-width: 1025px;
@summary-menu-stats-width: 200px;

// SCREEN WIDTHS
@screen-sm-min: 320px;

// For Bootstrap
@panel-border-radius: @border-radius;