From e0de2c2c656e708f13bd69a0c98bacb7fdb4104c Mon Sep 17 00:00:00 2001 From: msquare Date: Sun, 25 Nov 2018 15:40:53 +0100 Subject: [PATCH] more work on 35c3 theme --- includes/view/ShiftCalendarShiftRenderer.php | 9 +- resources/assets/themes/theme7.less | 122 ++++++++++--------- 2 files changed, 68 insertions(+), 63 deletions(-) diff --git a/includes/view/ShiftCalendarShiftRenderer.php b/includes/view/ShiftCalendarShiftRenderer.php index f1847698..6a01949e 100644 --- a/includes/view/ShiftCalendarShiftRenderer.php +++ b/includes/view/ShiftCalendarShiftRenderer.php @@ -44,7 +44,7 @@ class ShiftCalendarShiftRenderer . ($blocks * ShiftCalendarRenderer::BLOCK_HEIGHT - ShiftCalendarRenderer::MARGIN) . 'px"', [ - $this->renderShiftHead($shift), + $this->renderShiftHead($shift, $class), div('panel-body', [ $info_text, Room_name_render([ @@ -248,9 +248,10 @@ class ShiftCalendarShiftRenderer * Renders the shift header * * @param array $shift The shift + * @param string $class The shift state class * @return string */ - private function renderShiftHead($shift) + private function renderShiftHead($shift, $class) { global $privileges; @@ -260,12 +261,12 @@ class ShiftCalendarShiftRenderer button( page_link_to('user_shifts', ['edit_shift' => $shift['SID']]), glyph('edit'), - 'btn-xs' + "btn-$class btn-xs" ), button( page_link_to('user_shifts', ['delete_shift' => $shift['SID']]), glyph('trash'), - 'btn-xs' + "btn-$class btn-xs" ) ]) . ''; } diff --git a/resources/assets/themes/theme7.less b/resources/assets/themes/theme7.less index 94d904ce..57e4ac1f 100644 --- a/resources/assets/themes/theme7.less +++ b/resources/assets/themes/theme7.less @@ -32,15 +32,23 @@ THE SOFTWARE. // //## Gray and brand colors for use across Bootstrap. -@gray-darker: darken(@gray-dark, 20%); -@gray-dark: darken(@gray, 20%); +// gray BEBOOT: #4d4d4c +// blue FRESH: #0084b0 +// green HOPE: #00a356 +// dark blue BASE: #18386b +// orange GLINT: #f9b000 +// rot BEAT: #e40429 +// violet TENACY: #44357e + +@gray-darker: #000; +@gray-dark: #000; @gray: #4d4d4c; // BEBOOT -@gray-light: lighten(@gray, 20%); -@gray-lighter: lighten(@gray-light, 20%); +@gray-light: #4d4d4c; +@gray-lighter: #4d4d4c; @brand-primary: #0084b0; // FRESH @brand-success: #00a356; // HOPE -@brand-info: #18386b; // BASE +@brand-info: @brand-primary; @brand-warning: #f9b000; // GLINT @brand-danger: #e40429; // BEAT @@ -52,12 +60,12 @@ THE SOFTWARE. //** Background color for ``. @body-bg: #000; //** Global text color on ``. -@text-color: @gray-lighter; +@text-color: @gray; //** Global textual link color. -@link-color: @brand-success; +@link-color: @brand-primary; //** Link hover color set via `darken()` function. -@link-hover-color: @link-color; +@link-hover-color: lighten(@link-color, 10%); //== Typography @@ -89,7 +97,7 @@ THE SOFTWARE. @headings-font-family: @font-family-base; @headings-font-weight: 500; @headings-line-height: 1.1; -@headings-color: #fff; +@headings-color: @brand-primary; //== Iconography @@ -146,15 +154,15 @@ THE SOFTWARE. @table-condensed-cell-padding: 5px; //** Default background color used for all tables. -@table-bg: darken(@gray-darker, 4%); +@table-bg: @gray-darker; //** Background color used for `.table-striped`. -@table-bg-accent: darken(@table-bg, 6%); +@table-bg-accent: #111; //** Background color used for `.table-hover`. @table-bg-hover: @gray-dark; @table-bg-active: @table-bg-hover; //** Border color for table and cell borders. -@table-border-color: @gray-dark; +@table-border-color: @gray; //== Buttons @@ -163,20 +171,20 @@ THE SOFTWARE. @btn-font-weight: normal; -@btn-default-color: #fff; -@btn-default-bg: lighten(@gray-dark, 10%); +@btn-default-color: @link-color; +@btn-default-bg: @gray-darker; -@btn-default-border: darken(@btn-default-bg, 10%); +@btn-default-border: @brand-primary; -@btn-primary-color: @btn-default-color; +@btn-primary-color: @gray-darker; @btn-primary-bg: @brand-primary; -@btn-primary-border: darken(@btn-default-bg, 10%); +@btn-primary-border: @brand-primary; @btn-success-color: @btn-default-color; @btn-success-bg: @brand-success; @btn-success-border: darken(@btn-default-bg, 10%); -@btn-info-color: @btn-default-color; +@btn-info-color: @gray-darker; @btn-info-bg: @brand-info; @btn-info-border: darken(@btn-default-bg, 10%); @@ -198,12 +206,12 @@ THE SOFTWARE. //** `` background color @input-bg: @gray-darker; //** `` background color -@input-bg-disabled: @gray-lighter; +@input-bg-disabled: @gray-darker; //** Text color for ``s -@input-color: @text-color; +@input-color: @link-color; //** `` border color -@input-border: @gray-dark; +@input-border: @brand-primary; //** `` border radius @input-border-radius: @border-radius-base; //** Border color for inputs on focus @@ -235,18 +243,18 @@ THE SOFTWARE. //** Background for the dropdown menu. @dropdown-bg: @gray-darker; //** Dropdown menu `border-color`. -@dropdown-border: rgba(255,255,255,0.1); +@dropdown-border: @brand-primary; //** Dropdown menu `border-color` **for IE8**. -@dropdown-fallback-border: #444; +@dropdown-fallback-border: @brand-primary; //** Divider color for between dropdown items. -@dropdown-divider-bg: rgba(255,255,255,0.1); +@dropdown-divider-bg: @dropdown-border; //** Dropdown link text color. -@dropdown-link-color: #fff; +@dropdown-link-color: @link-color; //** Hover color for dropdown links. -@dropdown-link-hover-color: #fff; +@dropdown-link-hover-color: @link-hover-color; //** Hover background for dropdown links. -@dropdown-link-hover-bg: @dropdown-link-active-bg; +@dropdown-link-hover-bg: @dropdown-bg; //** Active dropdown menu item text color. @dropdown-link-active-color: #fff; @@ -367,20 +375,20 @@ THE SOFTWARE. @navbar-default-color: @text-color; @navbar-default-bg: @body-bg; -@navbar-default-border: @gray-dark; +@navbar-default-border: @brand-primary; // Navbar links @navbar-default-link-color: @text-color; -@navbar-default-link-hover-color: #fff; +@navbar-default-link-hover-color: @link-hover-color; @navbar-default-link-hover-bg: transparent; -@navbar-default-link-active-color: #fff; +@navbar-default-link-active-color: @brand-primary; @navbar-default-link-active-bg: transparent; @navbar-default-link-disabled-color: @gray-light; @navbar-default-link-disabled-bg: transparent; // Navbar brand label -@navbar-default-brand-color: #fff; -@navbar-default-brand-hover-color: #fff; +@navbar-default-brand-color: @brand-primary; +@navbar-default-brand-hover-color: lighten(@brand-primary, 10%); @navbar-default-brand-hover-bg: transparent; // Navbar toggle @@ -450,17 +458,17 @@ THE SOFTWARE. // //## -@pagination-color: #fff; +@pagination-color: @brand-primary; @pagination-bg: @gray-darker; -@pagination-border: @gray-dark; +@pagination-border: @brand-primary; -@pagination-hover-color: #fff; +@pagination-hover-color: @gray-darker; @pagination-hover-bg: @component-active-bg; -@pagination-hover-border: transparent; +@pagination-hover-border: @pagination-border; -@pagination-active-color: #fff; -@pagination-active-bg: @brand-primary; -@pagination-active-border: transparent; +@pagination-active-color: @pagination-hover-color; +@pagination-active-bg: @pagination-hover-bg; +@pagination-active-border: @pagination-hover-border; @pagination-disabled-color: @gray-light; @pagination-disabled-bg: @gray-darker; @@ -498,19 +506,19 @@ THE SOFTWARE. // //## Define colors for form feedback states and, by default, alerts. -@state-success-text: #fff; +@state-success-text: @gray-darker; @state-success-bg: @brand-success; @state-success-border: darken(@state-success-bg, 5%); -@state-info-text: #fff; +@state-info-text: @gray-darker; @state-info-bg: @brand-info; @state-info-border: darken(@state-info-bg, 7%); -@state-warning-text: #fff; +@state-warning-text: @gray-darker; @state-warning-bg: @brand-warning; @state-warning-border: darken(@state-warning-bg, 3%); -@state-danger-text: #fff; +@state-danger-text: @gray-darker; @state-danger-bg: @brand-danger; @state-danger-border: darken(@state-danger-bg, 3%); @@ -580,9 +588,9 @@ THE SOFTWARE. @label-danger-bg: @brand-danger; //** Default label text color -@label-color: #fff; +@label-color: @gray-darker; //** Default text color of a linked label -@label-link-hover-color: #fff; +@label-link-hover-color: @brand-primary; //== Modals @@ -712,12 +720,12 @@ THE SOFTWARE. @panel-inner-border: @gray-dark; @panel-default-text: @text-color; -@panel-default-border: @panel-inner-border; -@panel-default-heading-bg: lighten(@gray-darker, 10%); +@panel-default-border: @brand-primary; +@panel-default-heading-bg: @gray-darker; @panel-footer-bg: @panel-default-heading-bg; -@panel-primary-text: #fff; +@panel-primary-text: @gray-darker; @panel-primary-border: @brand-primary; @panel-primary-heading-bg: @brand-primary; @@ -870,15 +878,15 @@ THE SOFTWARE. @import "base"; .messages .text-danger { - color: #fff; + color: @gray-darker; } .messages .text-info { - color: #fff; + color: @gray-darker; } .messages .caret { - color: #fff; + color: @gray-darker; } // Cyborg 3.2.0 @@ -920,10 +928,10 @@ THE SOFTWARE. table, .table { - color: #fff; + color: @text-color; a:not(.btn) { - color: #fff; + color: @brand-primary; text-decoration: underline; } @@ -981,7 +989,7 @@ table, } legend { - color: #fff; + color: @gray-darker; } .input-group-addon { @@ -1044,14 +1052,10 @@ a.thumbnail.active { } } -.btn-primary { +.btn-primary, .panel-info .panel-heading { background-image: linear-gradient(to right, rgb(0, 132, 176) , rgb(0, 163, 86)); } .label-warning { color: #000; } - -#content a:not(.btn) { - text-decoration: underline; -}