// 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) @grey1: #202020; //midnight @grey2: #323232; //charcoal @grey3: #666666; //tungsten @grey4: #979797; //light grey @grey5: #dbd9da; //greyish @grey6: #eeeeee; //silver @grey7: #f9f9f9; //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; // 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: @button-padding; //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: .9em; // DEFAULT WIDTHS @wrapper-maxwidth: 1200px; @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;