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

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

@ -4,7 +4,10 @@
*/
?>
<style>
<?php if ($company_color !== DEFAULT_COMPANY_COLOR): ?>
<style>
/* Generic Overrides */
a {
color: <?= $company_color ?>;
}
@ -19,12 +22,57 @@
border-color: <?= $company_color ?>;
}
.btn-primary:hover {
.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus {
background-color: <?= $company_color ?>;
border-color: <?= $company_color ?>;
filter: brightness(120%);
outline: none;
}
.btn-primary:disabled, .btn-primary.disabled {
background-color: <?= $company_color ?>;
border-color: <?= $company_color ?>;
filter: brightness(70%);
opacity: .75;
}
.dropdown-item.active,
.dropdown-item:active {
background-color: <?= $company_color ?> !important;
}
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
background-color: <?= $company_color ?> !important;
}
.nav .nav-link:not(.active) {
color: <?= $company_color ?> !important;
}
.form-control:focus {
border-color: <?= $company_color ?> !important;
filter: brightness(120%);
box-shadow: none;
}
.form-check-input:checked {
background-color: <?= $company_color ?> !important;
border-color: <?= $company_color ?> !important;
}
body .ui-datepicker .ui-slider-handle {
border-color: <?= $company_color ?> !important;
background-color: <?= $company_color ?> !important;
}
body .modal-header {
background: <?= $company_color ?> !important;
}
/* Booking Layout */
#book-appointment-wizard #header {
background: <?= $company_color ?>;
}
@ -79,8 +127,8 @@
}
#book-appointment-wizard #available-hours .selected-hour {
background-color: <?= $company_color ?> ;
border-color: <?= $company_color ?> ;
background-color: <?= $company_color ?>;
border-color: <?= $company_color ?>;
}
#frame-footer .backend-link {
@ -90,4 +138,27 @@
#frame-footer .backend-link:hover {
color: #fff;
}
</style>
/* 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 ?>