maket/MaketRandevu
1
1
Fork 0
Code Issues 15 Pull requests Projects Releases 4 Packages Wiki Activity

Apply missing styles when overriding the default colors with the company colors

Browse source
This commit is contained in:
Alex Tselegidis 2022-06-02 09:19:23 +02:00
parent ca7727dfaa
commit 9cab342719
1 changed files with 143 additions and 72 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

211
application/views/components/company_color_style.php
View file

@ -4,90 +4,161 @@
*/ */
?> ?>
<style> <?php if ($company_color !== DEFAULT_COMPANY_COLOR): ?>
a { <style>
color: <?= $company_color ?>; /* Generic Overrides */
}
a:hover { a {
color: <?= $company_color ?>; color: <?= $company_color ?>;
filter: brightness(120%); }
}
.btn-primary { a:hover {
background-color: <?= $company_color ?>; color: <?= $company_color ?>;
border-color: <?= $company_color ?>; filter: brightness(120%);
} }
.btn-primary:hover { .btn-primary {
background-color: <?= $company_color ?>; background-color: <?= $company_color ?>;
border-color: <?= $company_color ?>; border-color: <?= $company_color ?>;
filter: brightness(120%); }
}
#book-appointment-wizard #header { .btn-primary:hover,
background: <?= $company_color ?>; .btn-primary:active,
} .btn-primary:focus {
background-color: <?= $company_color ?>;
border-color: <?= $company_color ?>;
filter: brightness(120%);
outline: none;
}
#book-appointment-wizard #company-name .display-selected-service, .btn-primary:disabled, .btn-primary.disabled {
#book-appointment-wizard #company-name .display-selected-provider { background-color: <?= $company_color ?>;
color: <?= $company_color ?>; border-color: <?= $company_color ?>;
border-color: <?= $company_color ?> !important; filter: brightness(70%);
filter: brightness(35%); opacity: .75;
} }
#book-appointment-wizard .book-step { .dropdown-item.active,
background: <?= $company_color ?>; .dropdown-item:active {
filter: brightness(75%); background-color: <?= $company_color ?> !important;
} }
#book-appointment-wizard .book-step strong { .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
color: <?= $company_color ?>; background-color: <?= $company_color ?> !important;
filter: brightness(200%); }
}
body .ui-widget.ui-widget-content { .nav .nav-link:not(.active) {
border-color: <?= $company_color ?>; color: <?= $company_color ?> !important;
} }
body .ui-datepicker .ui-widget-header { .form-control:focus {
background-color: <?= $company_color ?>; border-color: <?= $company_color ?> !important;
} filter: brightness(120%);
box-shadow: none;
}
body .ui-datepicker th { .form-check-input:checked {
background-color: <?= $company_color ?>; background-color: <?= $company_color ?> !important;
} border-color: <?= $company_color ?> !important;
}
body .ui-datepicker .ui-datepicker-next-hover, body .ui-datepicker .ui-slider-handle {
body .ui-datepicker .ui-datepicker-prev-hover { border-color: <?= $company_color ?> !important;
background: <?= $company_color ?>; background-color: <?= $company_color ?> !important;
border-color: <?= $company_color ?>; }
filter: brightness(140%);
}
body .ui-datepicker td a, body .ui-datepicker td span { body .modal-header {
color: <?= $company_color ?> !important; background: <?= $company_color ?> !important;
} }
html body .ui-datepicker td a.ui-state-active { /* Booking Layout */
background: <?= $company_color ?> !important;
}
body .ui-datepicker td a.ui-state-highlight { #book-appointment-wizard #header {
background: <?= $company_color ?> !important; background: <?= $company_color ?>;
filter: brightness(140%); }
}
#book-appointment-wizard #available-hours .selected-hour { #book-appointment-wizard #company-name .display-selected-service,
background-color: <?= $company_color ?> ; #book-appointment-wizard #company-name .display-selected-provider {
border-color: <?= $company_color ?> ; color: <?= $company_color ?>;
} border-color: <?= $company_color ?> !important;
filter: brightness(35%);
}
#frame-footer .backend-link { #book-appointment-wizard .book-step {
background-color: <?= $company_color ?> !important; background: <?= $company_color ?>;
} filter: brightness(75%);
}
#frame-footer .backend-link:hover { #book-appointment-wizard .book-step strong {
color: #fff; color: <?= $company_color ?>;
} filter: brightness(200%);
</style> }
body .ui-widget.ui-widget-content {
border-color: <?= $company_color ?>;
}
body .ui-datepicker .ui-widget-header {
background-color: <?= $company_color ?>;
}
body .ui-datepicker th {
background-color: <?= $company_color ?>;
}
body .ui-datepicker .ui-datepicker-next-hover,
body .ui-datepicker .ui-datepicker-prev-hover {
background: <?= $company_color ?>;
border-color: <?= $company_color ?>;
filter: brightness(140%);
}
body .ui-datepicker td a, body .ui-datepicker td span {
color: <?= $company_color ?> !important;
}
html body .ui-datepicker td a.ui-state-active {
background: <?= $company_color ?> !important;
}
body .ui-datepicker td a.ui-state-highlight {
background: <?= $company_color ?> !important;
filter: brightness(140%);
}
#book-appointment-wizard #available-hours .selected-hour {
background-color: <?= $company_color ?>;
border-color: <?= $company_color ?>;
}
#frame-footer .backend-link {
background-color: <?= $company_color ?> !important;
}
#frame-footer .backend-link:hover {
color: #fff;
}
/* Backend Layout */
#header {
background-color: <?= $company_color ?> !important;
}
#header #header-menu .nav-item:hover,
#header #header-menu .nav-item.active {
background: <?= $company_color ?> !important;
filter: brightness(120%);
}
#header #header-logo small {
color: <?= $company_color ?> !important;
filter: brightness(60%);
}
.backend-page .filter-records .results .entry.selected {
border-right-color: <?= $company_color ?> !important;
}
</style>
<?php endif ?>