2025-summer/team-3
12
Fork 0
Code Issues Pull requests Projects Releases Activity

enable custom colors for c3nav

Browse source
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
Download patch file Download diff file Expand all files Collapse all files

11
src/c3nav/settings.py
View file

@ -312,6 +312,17 @@ COMPRESS_CSS_FILTERS = (
'compressor.filters.cssmin.CSSCompressorFilter', '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') INTERNAL_IPS = ('127.0.0.1', '::1')
MESSAGE_TAGS = { MESSAGE_TAGS = {

28
src/c3nav/site/static/site/css/c3nav.scss
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'; @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: #7c848a;
$color-icon-light: #b2b2b2; $color-icon-light: #b2b2b2;
$color-placeholder: #9da2a6; $color-placeholder: #9da2a6;
@ -22,26 +39,31 @@ header {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
background-color: $color-header-background
} }
header h1 { header h1 {
font-size: 3rem; font-size: 3rem;
margin: 0; margin: 0;
} }
header h1 a { header h1 a, header h1 a:hover {
color: inherit; color: $color-header-primary;
} }
header #user { header #user {
text-align: right; text-align: right;
padding: 0 0 3px 10px; padding: 0 0 3px 10px;
color: $color-header-text;
} }
header #user small { header #user small {
display: block; display: block;
margin-top: -3px; margin-top: -3px;
color: $color-secondary; color: inherit;
} }
header #user small:empty { header #user small:empty {
display:none; display:none;
} }
header #user:hover {
color: $color-header-primary;
}
input { input {
font-family: inherit; font-family: inherit;