Add backgroud fills

This commit is contained in:
Joseph Cohen
2015-09-04 17:02:48 -05:00
parent 6b362fd88d
commit 7ab139f82e
7 changed files with 38 additions and 3 deletions

View File

@@ -27,6 +27,7 @@ class ThemeComposer
{
// Theme colors.
$view->withThemeBackgroundColor(Setting::get('style_background_color', '#F0F3F4'));
$view->withThemeBackgroundFills(Setting::get('style_background_fills', '#FFFFFF'));
$view->withThemeTextColor(Setting::get('style_text_color', '#333333'));
$view->withThemeReds(Setting::get('style_reds', '#ff6f6f'));
$view->withThemeBlues(Setting::get('style_blues', '#3498db'));

View File

@@ -117,6 +117,7 @@ return [
],
'theme' => [
'background-color' => 'Background Color',
'background-fills' => 'Background Fills (Components, Incidents, Footer)',
'text-color' => 'Text Color',
'dashboard-login' => 'Show dashboard button in the footer?',
'reds' => 'Red (Used for errors)',

View File

@@ -81,6 +81,12 @@
<input type="text" class="form-control color-code" name="style.links" value="{{ $theme_links }}">
</div>
</div>
<div class="col-xs-6">
<div class="form-group">
<label>{{ trans('forms.settings.theme.background-fills') }}</label>
<input type="text" class="form-control color-code" name="style.background_fills" value="{{ $theme_background_fills }}">
</div>
</div>
</div>
<hr>
<div class="row">

View File

@@ -1,4 +1,4 @@
<footer>
<footer class="footer">
<div class="container">
<div class="row">
<div class="col-sm-6">

View File

@@ -1,4 +1,4 @@
<div class="panel panel-message">
<div class="panel panel-message incident">
<div class="panel-heading">
@if($current_user)
<div class="pull-right btn-group">

View File

@@ -15,7 +15,7 @@
</div>
</div>
@empty
<div class="panel panel-message">
<div class="panel panel-message incident">
<div class="panel-body">
<p>{{ trans('cachet.incidents.none') }}</p>
</div>

View File

@@ -58,4 +58,31 @@ body.status-page {
.btn.btn-danger.links {
color: {{ color_darken($theme_reds, -0.3) }} !important
}
/**
* Background fills Overrides
*/
.component {
background-color: {{ $theme_background_fills }} !important;
border-color: {{ color_darken($theme_background_fills, -0.1) }} !important;
}
.sub-component {
background-color: {{ $theme_background_fills }} !important;
border-color: {{ color_darken($theme_background_fills, -0.1) }} !important;
}
.incident {
background-color: {{ $theme_background_fills }} !important;
border-color: {{ color_darken($theme_background_fills, -0.1) }} !important;
}
.status-icon {
background-color: {{ $theme_background_fills }} !important;
border-color: {{ color_darken($theme_background_fills, -0.1) }} !important;
}
.panel.panel-message:after {
border-left-color: {{ $theme_background_fills }} !important;
border-right-color: {{ $theme_background_fills }} !important;
}
.footer {
background-color: {{ $theme_background_fills }} !important;
}
</style>