forked from CGM_Public/pretix_original
76 lines
2.7 KiB
SCSS
76 lines
2.7 KiB
SCSS
@function tint($color, $percentage) {
|
|
@return mix(white, $color, $percentage);
|
|
}
|
|
|
|
@function shade($color, $percentage) {
|
|
@return mix(black, $color, $percentage);
|
|
}
|
|
|
|
@function url-friendly-colour($colour) {
|
|
@return '%23' + str-slice('#{$colour}', 2, -1)
|
|
}
|
|
|
|
$gray-darker: lighten(#000, 13.5%);
|
|
$gray-dark: lighten(#000, 20%);
|
|
$gray: lighten(#000, 33.5%);
|
|
$gray-light: lighten(#000, 55%);
|
|
$gray-lighter: lighten(#000, 93.5%);
|
|
$gray-lightest: lighten(#000, 97.25%);
|
|
|
|
$font-family-sans-serif: "Open Sans", "OpenSans", "Helvetica Neue", Helvetica, Arial, sans-serif !default;
|
|
$text-color: #222222 !default;
|
|
$text-muted: #767676 !default;
|
|
$input-color-placeholder: lighten(#000, 70%) !default;
|
|
|
|
$brand-primary: #7f5a91 !default;
|
|
$brand-success: #50a167 !default;
|
|
$brand-info: #5f9cd4 !default;
|
|
$brand-warning: #ffb419 !default;
|
|
$brand-danger: #c44f4f !default;
|
|
|
|
$btn-default-border: #CCCCCC;
|
|
|
|
$border-radius-base: 3px !default;
|
|
$border-radius-large: 4px !default;
|
|
$border-radius-small: 2px !default;
|
|
|
|
$state-success-text: $brand-success;
|
|
$state-info-text: $brand-info;
|
|
$state-warning-text: $brand-warning;
|
|
$state-danger-text: $brand-danger;
|
|
|
|
$navbar-inverse-bg: #3b1c4a !default;
|
|
$navbar-inverse-link-color: white;
|
|
$navbar-inverse-link-hover-color: $gray-lighter;
|
|
$navbar-inverse-brand-hover-color: $gray-lighter;
|
|
$navbar-inverse-color: white;
|
|
|
|
$state-success-bg: lighten($brand-success, 48%) !default;
|
|
$state-success-border: $brand-success;
|
|
$state-success-text: darken($brand-success, 10%);
|
|
$state-info-bg: lighten($brand-info, 33%) !default;
|
|
$state-info-border: $brand-info;
|
|
$state-info-text: darken($brand-info, 20%);
|
|
$state-warning-bg: lighten($brand-warning, 41%) !default;
|
|
$state-warning-border: $brand-warning;
|
|
$state-warning-text: darken($brand-warning, 25%);
|
|
$state-danger-bg: lighten($brand-danger, 43%) !default;
|
|
$state-danger-border: $brand-danger;
|
|
$state-danger-text: darken($brand-danger, 5%);
|
|
$panel-success-border: tint($brand-success, 50%);
|
|
$panel-success-heading-bg: tint($brand-success, 50%);
|
|
$panel-danger-border: tint($brand-danger, 50%);
|
|
$panel-danger-heading-bg: tint($brand-danger, 50%);
|
|
$panel-warning-border: tint($brand-warning, 50%);
|
|
$panel-warning-heading-bg: tint($brand-warning, 50%);
|
|
$panel-default-border: #e5e5e5 !default;
|
|
$panel-default-heading-bg: #e5e5e5 !default;
|
|
|
|
$body-bg: #FFFFFF !default;
|
|
$main-box-bg: #FFFFFF;
|
|
|
|
/* The following vars default to $body-bg in bootstrap, which we don't want */
|
|
$nav-tabs-active-link-hover-bg: #FFFFFF;
|
|
$nav-tabs-justified-active-link-border-color: #FFFFFF;
|
|
$thumbnail-bg: #FFFFFF;
|