enable custom colors for c3nav

This commit is contained in:
Laura Klünder 2017-12-18 22:03:58 +01:00
parent 1457d10b21
commit ae4652529a
2 changed files with 36 additions and 3 deletions

View file

@ -312,6 +312,17 @@ COMPRESS_CSS_FILTERS = (
'compressor.filters.cssmin.CSSCompressorFilter',
)
PRIMARY_COLOR = config.get('c3nav', 'primary_color', fallback='')
HEADER_BACKGROUND_COLOR = config.get('c3nav', 'header_background_color', fallback='')
HEADER_TEXT_COLOR = config.get('c3nav', 'header_text_color', fallback='')
LIBSASS_CUSTOM_FUNCTIONS = {
'primary_color': lambda: PRIMARY_COLOR,
'header_background_color': lambda: HEADER_BACKGROUND_COLOR,
'header_text_color': lambda: HEADER_TEXT_COLOR,
}
INTERNAL_IPS = ('127.0.0.1', '::1')
MESSAGE_TAGS = {

View file

@ -1,5 +1,22 @@
//noinspection CssInvalidFunction
@if primary_color() != "" {
$color-primary: primary_color() !global;
$color-header-primary: primary_color() !global;
}
//noinspection CssInvalidFunction
@if header_background_color() != "" {
$color-header-background: header_background_color() !global;
}
//noinspection CssInvalidFunction
@if header_text_color() != "" {
$color-header-text: header_text_color() !global;
}
@import 'milligram/milligram.sass';
$color-header-background: #ffffff !default;
$color-header-primary: $color-secondary !default;
$color-header-text: $color-primary !default;
$color-icon: #7c848a;
$color-icon-light: #b2b2b2;
$color-placeholder: #9da2a6;
@ -22,26 +39,31 @@ header {
display: flex;
align-items: center;
justify-content: space-between;
background-color: $color-header-background
}
header h1 {
font-size: 3rem;
margin: 0;
}
header h1 a {
color: inherit;
header h1 a, header h1 a:hover {
color: $color-header-primary;
}
header #user {
text-align: right;
padding: 0 0 3px 10px;
color: $color-header-text;
}
header #user small {
display: block;
margin-top: -3px;
color: $color-secondary;
color: inherit;
}
header #user small:empty {
display:none;
}
header #user:hover {
color: $color-header-primary;
}
input {
font-family: inherit;