openproject/app/assets/stylesheets/open_project_global/_variables.sass

//-- copyright
// OpenProject is a project management system.
// Copyright (C) 2012-2014 the OpenProject Foundation (OPF)
//
// This program is free software; you can redistribute it and/or
// modify it under the terms of the GNU General Public License version 3.
//
// OpenProject is a fork of ChiliProject, which is a fork of Redmine. The copyright follows:
// Copyright (C) 2006-2013 Jean-Philippe Lang
// Copyright (C) 2010-2013 the ChiliProject Team
//
// This program is free software; you can redistribute it and/or
// modify it under the terms of the GNU General Public License
// as published by the Free Software Foundation; either version 2
// of the License, or (at your option) any later version.
//
// This program is distributed in the hope that it will be useful,
// but WITHOUT ANY WARRANTY; without even the implied warranty of
// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
// GNU General Public License for more details.
//
// You should have received a copy of the GNU General Public License
// along with this program; if not, write to the Free Software
// Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
//
// See doc/COPYRIGHT.rdoc for more details.
//++

$base-body-color: white
$light-gray: #ccc

$font-family-normal:                            'Lato', 'Lucida Grande', Helvetica, Arial, sans-serif !default
$global-font-color:                             #555 !default
$global-font-size:                              13px !default
$global-line-height:                            1.5 !default

$headline-h1-font-size:                      28px !default
$headline-h1-font-color:                    $global-font-color !default
$headline-h2-font-size:                      22px !default
$headline-h2-font-color:                    #06799F !default
$headline-h3-font-size:                      19px !default
$headline-h3-font-color:                    $global-font-color !default
$headline-h4-font-size:                      17px !default
$headline-h4-font-color:                    $global-font-color !default

$header-height:                                 55px !default
$header-bg-color:                               #3493B3 !default
$header-border-bottom-color:                    #3493B3 !default
$header-border-bottom-width:                    0 !default
$header-item-font-size:                         14px !default
$header-item-font-color:                        #FFFFFF !default
$header-item-font-hover-color:                  #FFFFFF !default
$header-item-bg-hover-color:                    #06799F !default
$header-drop-down-bg-color:                     #FFFFFF !default
$header-drop-down-border-color:                 #E0E0E0 !default
$header-drop-down-item-font-color:              $global-font-color !default
$header-drop-down-item-font-hover-color:        #FFFFFF !default

$header-logo-bg-color:                          #06799F !default
$header-home-link-bg:                           url(image-path('logo_openproject_white_big.png')) no-repeat 20px 0 !default

$header-drop-down-projects-search-font-color:     $global-font-color !default
$header-drop-down-projects-search-bg-color:       #E0E0E0 !default
$header-drop-down-projects-search-input-bg-color: #FFFFFF !default

$header-search-field-bg-color:                  #FFFFFF !default
$header-search-field-font-color:                #000000 !default
$header-search-field-border:                    0 !default

$footer-bg-color:                               #3493B3 !default
$footer-font-color:                             #FFFFFF !default
$footer-height:                                 55px !default
$footer-content-height:                         55px !default
$footer-content-line-height:                    55px !default
$footer-content-link-color:                     #FFFFFF !default

$main-menu-width:                               230px !default
$main-menu-folded-width:                        50px !default
$main-menu-border-color:                        #E7E7E7 !default
$main-menu-border-width:                        1px !default
$main-menu-item-height:                         40px !default
$main-menu-item-border-color:                   #EAEAEA !default
$main-menu-item-border-width:                   1px !default
$main-menu-enable-toggle-highlighting:          false !default

$main-menu-bg-color:                            #F8F8F8 !default
$main-menu-bg-hover-selected-background:        url() no-repeat #06799F !default
$main-menu-font-color:                          #333333 !default
$main-menu-selected-font-color:                 #FFFFFF !default
$main-menu-font-size:                           15px !default
$main-menu-selected-hover-indicator-color:      #06799F !default
$main-menu-selected-hover-indicator-width:      4px !default

$main-menu-navigation-toggler-font-hover-color: #FFFFFF !default

$main-menu-child-item-height:                   38px !default
$main-menu-child-menu-bg-color:                 #FFFFFF !default
$main-menu-child-bg-hover-selected-color:       #06799F !default
$main-menu-child-menu-border-color:             #E7E7E7 !default
$main-menu-child-font-color:                    #04232F !default
$main-menu-child-font-size:                     13px !default
$main-menu-child-selected-font-color:           #FFFFFF !default

$main-menu-sidebar-font-color:                  #333333 !default
$main-menu-sidebar-h3-color:                    #333333 !default
$main-menu-sidebar-link-color:                  #333333 !default
$main-menu-sidebar-h3-border-top-color:         #1F4654 !default
$main-menu-sidebar-h3-font-size:                15px !default

$breadcrumb-height:                             40px !default
$breadcrumb-bg-color:                           #F8F8F8 !default
$breadcrumb-border-color:                       #E7E7E7 !default
$breadcrumb-font-size:                          12px !default
$breadcrumb-highlighted-font-size:              14px !default
$breadcrumb-font-color:                         $global-font-color !default

$content-default-border-color:                  #EAEAEA !default
$content-default-border-width:                  1px !default

$content-link-color:                            #06799F !default
$content-link-hover-active-color:               #06799F !default
$content-icon-link-color:                       #4b4b4b !default
$content-icon-link-hover-color:                 #06799F !default
$content-link-font-weight:                      bold !default

$content-icon-color:                            #06799F !default

$content-form-bg-color:                         #F8F8F8 !default
$content-form-border:                           1px solid $content-default-border-color !default

$content-from-input-width:                      300px !default
$content-form-input-border:                     1px solid #CACACA !default
$content-form-input-hover-border:               1px solid #888888 !default

$content-form-separator-color:                  #DDDDDD !default

$content-flash-msg-font-color:                  #111111 !default
$content-flash-error-msg-bg-color:              #FF8B8B !default
$content-flash-notice-msg-bg-color:             #C4EA96 !default
$content-flash-warning-msg-bg-color:            #EBD785 !default
$content-flash-height:                          25px !default
$content-flash-icon-close-handler-font-size:    12px !default

$content-calendar-border-width:                 1px !default
$content-calendar-border-color:                 #D7D7D7 !default
$content-calendar-head-cell-bg-color:           #EEEEEE !default
$content-calendar-cell-border-width:            1px !default
$content-calendar-cell-border-color:            #D7D7D7 !default
$content-calendar-cell-today-bg-color:          #FFFFDD !default
$content-calendar-inactive-day-font-color:      #FFFFFF !default
$content-calendar-inactive-day-bg-color:        #4B4B4B !default

$context-menu-font-color:                       $main-menu-font-color !default

$button-bg-hover-color:                         #06799F !default
$button-font-color:                             #222222 !default
$button-font-hover-color:                       #222222 !default
$button-highlight-font-color:                   #FFFFFF !default
$button-highlight-font-hover-color:             #FFFFFF !default
$button-active-font-color:                      #BBBBBB !default
$button-highlight-background-color:             #0B8DB8 !default
$button-highlight-background-gradient:          linear-gradient(to bottom, #0B8DB8 0%, #06799F 100%) !default
$button-highlight-background-hover-color:       #3493B3 !default
$button-highlight-border-color:                 #06799F !default
$button-highlight-border-hover-color:           #3493B3 !default
$button-border-radius:                          2px !default

$content-box-border:                            1px solid $content-default-border-color !default
$content-box-bg-color:                          #FFFFFF !default
$my-page-edit-box-border-color:                 #06799F !default

$drop-down-unselected-font-color:               $main-menu-font-color !default
$drop-down-selected-font-color:                 $main-menu-font-color !default
$drop-down-selected-bg-color:                   #24B3E7 !default

$action-menu-bg-color:                          #FFFFFF

$wiki-default-font-size:                        $global-font-size
$wiki-toc-header-font-size:                     10px !default
$wiki-toc-ul-font-size:                         0.8em !default

$journal-attribute-font-size:                   11px !default

$repository-entry-filename-margin-left:         24px !default

$user-avatar-border-radius:                     50px !default
$user-avatar-width:                             36px !default
$user-avatar-mini-border-radius:                50px !default
$user-avatar-mini-width:                        20px !default