OpenProject is the leading open source project management software.
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 
 
openproject/app/assets/stylesheets/open_project_global/_variables.sass

214 lines
10 KiB

//-- copyright
// OpenProject is a project management system.
// Copyright (C) 2012-2015 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.
//++
$gray: #EAEAEA
$gray-dark: #878787
$gray-light: #F8F8F8
$gray-lighter: #E9E9E9
$light-gray: #ccc
$body-background: white !default
$body-font-family: 'Lato', 'Lucida Grande', Helvetica, Arial, sans-serif !default
$body-font-color: #333 !default
$base-line-height: 1.5 !default
$primary-color: #3493B3 !default
$primary-color-dark: #06799F !default
$secondary-color: #bfbfbf !default
$alternative-color: #35c53f !default
// these colors should ensure a satisfying contrast for text on the given BG color
$font-color-on-primary: white !default
$font-color-on-primary-dark: white !default
$font-color-on-secondary: white !default
$font-color-on-alternative: white !default
$h1-font-size: 2rem !default
$h1-font-color: $body-font-color !default
$h2-font-size: 1.5rem !default
$h2-font-color: $body-font-color !default
$h3-font-size: 1.125rem !default
$h3-font-color: $body-font-color !default
$h4-font-size: $h3-font-size * 0.75 !default
$h4-font-color: $body-font-color !default
$header-height: 55px !default
$header-bg-color: $primary-color !default
$header-border-bottom-color: $primary-color !default
$header-border-bottom-width: 0 !default
$header-item-font-size: 14px !default
$header-item-font-color: $font-color-on-primary !default
$header-item-font-hover-color: $font-color-on-primary-dark !default
$header-item-bg-hover-color: $primary-color-dark !default
$header-drop-down-bg-color: #FFFFFF !default
$header-drop-down-border-color: #E0E0E0 !default
$header-drop-down-item-font-color: $body-font-color !default
$header-drop-down-item-font-hover-color: #FFFFFF !default
$header-logo-bg-color: $primary-color-dark !default
$header-home-link-bg: image-url('logo_openproject_white_big.png') no-repeat 20px 0 !default
$header-drop-down-projects-search-font-color: $body-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: $primary-color !default
$footer-font-color: $font-color-on-primary !default
$footer-height: 55px !default
$footer-content-height: 55px !default
$footer-content-line-height: 55px !default
$footer-content-link-color: $font-color-on-primary !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 $primary-color-dark !default
$main-menu-font-color: #333333 !default
$main-menu-selected-font-color: $font-color-on-primary !default
$main-menu-font-size: 15px !default
$main-menu-selected-hover-indicator-color: $primary-color-dark !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: $primary-color-dark !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
$toolbar-title-color: #5F5F5F
$toolbar-item--bg-color: #F8F8F8
$toolbar-item--bg-color-pressed: $gray-lighter
$toolbar-item--border-color: #DDD
$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: $body-font-color !default
$content-default-border-color: #EAEAEA !default
$content-default-border-width: 1px !default
$content-link-color: $primary-color-dark !default
$content-link-hover-active-color: $primary-color-dark !default
$content-icon-link-color: #4b4b4b !default
$content-icon-link-hover-color: $primary-color-dark !default
$content-icon-color: $primary-color-dark !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-form-danger-zone-bg-color: #CA3F3F !default
$content-form-danger-zone-font-color: white !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: 48px !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
$content-box-border: 1px solid $content-default-border-color !default
$content-box-bg-color: #FFFFFF !default
$my-page-edit-box-border-color: $primary-color-dark !default
$drop-down-unselected-font-color: $main-menu-font-color !default
$drop-down-selected-font-color: $font-color-on-primary !default
$drop-down-selected-bg-color: $primary-color !default
$action-menu-bg-color: #FFFFFF
$wiki-default-font-size: 1rem
$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
$select-element-padding: 3px, 24px, 3px, 3px
$widget-box-content-bg-color: $body-background
$widget-box-block-bg-color: $body-background
$widget-box-block-border-color: $content-default-border-color
$homescreen-footer-bg-color: $gray-light
$homescreen-footer-icon-color: #7B827B
$inplace-edit--border-color: #ddd
$inplace-edit--dark-background: $gray-light
$inplace-edit--color--very-dark: #cacaca
$inplace-edit--color-highlight: $primary-color
$inplace-edit--selected-date-border-color: $primary-color-dark
$inplace-edit--color--disabled: #999
$inplace-edit--bg-color--disabled: #eee