mirrors/easyappointments
1
0
Fork 1
mirror of https://github.com/alextselegidis/easyappointments.git synced 2024-11-10 10:02:33 +03:00
Code Issues Projects Releases 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

215
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 {
background: <?= $company_color ?>;
}
#book-appointment-wizard #company-name .display-selected-service, .btn-primary:hover,
#book-appointment-wizard #company-name .display-selected-provider { .btn-primary:active,
color: <?= $company_color ?>; .btn-primary:focus {
border-color: <?= $company_color ?> !important; background-color: <?= $company_color ?>;
filter: brightness(35%); border-color: <?= $company_color ?>;
} filter: brightness(120%);
outline: none;
}
#book-appointment-wizard .book-step { .btn-primary:disabled, .btn-primary.disabled {
background: <?= $company_color ?>; background-color: <?= $company_color ?>;
filter: brightness(75%); border-color: <?= $company_color ?>;
} filter: brightness(70%);
opacity: .75;
}
#book-appointment-wizard .book-step strong { .dropdown-item.active,
color: <?= $company_color ?>; .dropdown-item:active {
filter: brightness(200%); background-color: <?= $company_color ?> !important;
} }
body .ui-widget.ui-widget-content { .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
border-color: <?= $company_color ?>; background-color: <?= $company_color ?> !important;
} }
body .ui-datepicker .ui-widget-header { .nav .nav-link:not(.active) {
background-color: <?= $company_color ?>; color: <?= $company_color ?> !important;
} }
body .ui-datepicker th { .form-control:focus {
background-color: <?= $company_color ?>; border-color: <?= $company_color ?> !important;
} filter: brightness(120%);
box-shadow: none;
}
body .ui-datepicker .ui-datepicker-next-hover, .form-check-input:checked {
body .ui-datepicker .ui-datepicker-prev-hover { background-color: <?= $company_color ?> !important;
background: <?= $company_color ?>; border-color: <?= $company_color ?> !important;
border-color: <?= $company_color ?>; }
filter: brightness(140%);
}
body .ui-datepicker td a, body .ui-datepicker td span { body .ui-datepicker .ui-slider-handle {
color: <?= $company_color ?> !important; border-color: <?= $company_color ?> !important;
} background-color: <?= $company_color ?> !important;
}
html body .ui-datepicker td a.ui-state-active { body .modal-header {
background: <?= $company_color ?> !important; background: <?= $company_color ?> !important;
} }
body .ui-datepicker td a.ui-state-highlight { /* Booking Layout */
background: <?= $company_color ?> !important;
filter: brightness(140%);
}
#book-appointment-wizard #available-hours .selected-hour { #book-appointment-wizard #header {
background-color: <?= $company_color ?> ; background: <?= $company_color ?>;
border-color: <?= $company_color ?> ; }
}
#frame-footer .backend-link {
background-color: <?= $company_color ?> !important;
}
#frame-footer .backend-link:hover { #book-appointment-wizard #company-name .display-selected-service,
color: #fff; #book-appointment-wizard #company-name .display-selected-provider {
} color: <?= $company_color ?>;
</style> border-color: <?= $company_color ?> !important;
filter: brightness(35%);
}
#book-appointment-wizard .book-step {
background: <?= $company_color ?>;
filter: brightness(75%);
}
#book-appointment-wizard .book-step strong {
color: <?= $company_color ?>;
filter: brightness(200%);
}
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 ?>