cerebrate-project
/
cerebrate
mirror of https://github.com/cerebrate-project/cerebrate
1
0
Fork 0
Code Issues Releases Wiki Activity

Merge branch 'develop' into main

debug-branch
Sami Mokaddem 2023-03-21 09:52:43 +01:00
parent eaa3398f8d 16a50c08a3
commit cc5914cccc
No known key found for this signature in database
GPG Key ID: 164C473F627A06FA
22 changed files with 826 additions and 209 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/View/Helper/FormFieldMassageHelper.php
View File

@ -8,7 +8,7 @@ class FormFieldMassageHelper extends Helper
{ {
public function prepareFormElement(\Cake\View\Helper\FormHelper $form, array $controlParams, array $fieldData): string public function prepareFormElement(\Cake\View\Helper\FormHelper $form, array $controlParams, array $fieldData): string
{ {
if ($fieldData['tooltip']) { if (!empty($fieldData['tooltip'])) {
$form->setTemplates([ $form->setTemplates([
'label' => '{{text}}{{tooltip}}', 'label' => '{{text}}{{tooltip}}',
]); ]);

1
templates/MetaTemplates/migrate_old_meta_template_to_newest_version_for_entity.php
View File

@ -97,7 +97,6 @@ echo $this->Html->scriptBlock(sprintf(
function submitMigration() { function submitMigration() {
const $form = $('.to-save-container form') const $form = $('.to-save-container form')
console.log($form.attr('action'));
AJAXApi.quickPostForm($form[0]).then((postResult) => { AJAXApi.quickPostForm($form[0]).then((postResult) => {
if (postResult.additionalData.redirect.url !== undefined) { if (postResult.additionalData.redirect.url !== undefined) {
window.location = postResult.additionalData.redirect.url window.location = postResult.additionalData.redirect.url

1
templates/Users/add.php
View File

@ -102,7 +102,6 @@ echo $this->element('genericElements/Form/genericForm', [
<script> <script>
$(document).ready(function() { $(document).ready(function() {
const entity = <?= json_encode($entity) ?>; const entity = <?= json_encode($entity) ?>;
console.log(entity);
if (entity.MetaTemplates) { if (entity.MetaTemplates) {
for (const [metaTemplateId, metaTemplate] of Object.entries(entity.MetaTemplates)) { for (const [metaTemplateId, metaTemplate] of Object.entries(entity.MetaTemplates)) {
for (const [metaTemplateFieldId, metaTemplateField] of Object.entries(metaTemplate.meta_template_fields)) { for (const [metaTemplateFieldId, metaTemplateField] of Object.entries(metaTemplate.meta_template_fields)) {

1
templates/element/genericElements/IndexTable/Fields/brood_sync_status.php
View File

@ -145,7 +145,6 @@ echo $this->Bootstrap->badge([
.data('sync-status', status) .data('sync-status', status)
.click(function() { .click(function() {
const syncStatusData = $(this).data('sync-status')['data'] const syncStatusData = $(this).data('sync-status')['data']
console.log(syncStatusData);
let rearrangedStatusData = [] let rearrangedStatusData = []
for (const [field, values] of Object.entries(syncStatusData)) { for (const [field, values] of Object.entries(syncStatusData)) {
if (field !== 'meta_fields') { if (field !== 'meta_fields') {

2
templates/element/layouts/sidebar/entry.php
View File

@ -61,7 +61,7 @@
<li class="<?= !empty($children) ? 'parent collapsed' : '' ?>"> <li class="<?= !empty($children) ? 'parent collapsed' : '' ?>">
<?php if (!empty($children) || !empty($url)): ?> <?php if (!empty($children) || !empty($url)): ?>
<a <a
class="d-flex align-items-center sidebar-link <?= !empty($children) ? 'collapsed' : '' ?> <?= $active ? 'active' : '' ?> <?= $hasActiveChild ? 'have-active-child' : '' ?>" class="d-flex align-items-center sidebar-link <?= (!empty($children) && !$hasActiveChild) ? 'collapsed' : '' ?> <?= $active ? 'active' : '' ?> <?= $hasActiveChild ? 'have-active-child' : '' ?>"
href="<?= h($url) ?>" href="<?= h($url) ?>"
<?= !empty($children) ? 'data-bs-toggle="collapse"' : '' ?> <?= !empty($children) ? 'data-bs-toggle="collapse"' : '' ?>
<?= $hasActiveChild ? 'aria-expanded="true"' : '' ?> <?= $hasActiveChild ? 'aria-expanded="true"' : '' ?>

20
templates/element/layouts/sidebar/sub-menu.php
View File

@ -2,12 +2,14 @@
$seed = $seed ?? 'sd-' . mt_rand(); $seed = $seed ?? 'sd-' . mt_rand();
?> ?>
<ul id="<?= $seed ?>" class="sub-menu collapse <?= !empty($open) ? 'show' : '' ?>"> <div id="<?= $seed ?>" class="collapse <?= !empty($open) ? 'show' : '' ?>">
<?php foreach ($children as $childName => $child): ?> <ul class="sub-menu">
<?= $this->element('layouts/sidebar/entry', [ <?php foreach ($children as $childName => $child): ?>
'parentName' => $childName, <?= $this->element('layouts/sidebar/entry', [
'parent' => $child, 'parentName' => $childName,
]) 'parent' => $child,
?> ])
<?php endforeach; ?> ?>
</ul> <?php endforeach; ?>
</ul>
</div>

139
webroot/css/layout-style.css
View File

@ -1,139 +0,0 @@
/* body.light-mode {
background-color: #f1f2f4;
}
body.light-mode .sub-container {
background-color: white;
box-shadow: 0 0 35px 0 rgb(154 161 171 / 15%);
}
body.dark-mode .sub-container {
background-color: #363636;
border: 1px solid #454545;
} */
.sidebar {
box-shadow: 0 2px 2px 0 rgb(0 0 0 / 16%), 0 2px 6px 0 rgb(0 0 0 / 12%);
}
.sidebar ~ main.content:after {
background:#000;
}
.top-navbar {
box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16),0 2px 6px 0 rgba(0,0,0,0.12);
}
.light-mode .sidebar-wrapper {
border-right: 1px solid #ddd;
}
.light-mode .sidebar-wrapper {
border-right: 1px solid rgba(0, 0, 0, 0.125);
}
.light-mode ul.sidebar-elements li > a.sidebar-link.active {
background-color: #ebebeb;
}
.dark-mode ul.sidebar-elements li > a.sidebar-link.active {
background-color: #375a7f;
}
ul.sidebar-elements li > a.sidebar-link.active::after {
background-color: var(--cerebrate-color);
}
.light-mode .sidebar ul.sidebar-elements li > a.sidebar-link.have-active-child {
background-color: #ebebeb;
}
.dark-mode .sidebar ul.sidebar-elements li > a.sidebar-link.have-active-child {
background-color: #375a7f;
}
.sidebar.expanded ul.sidebar-elements li > a.sidebar-link.have-active-child,
.sidebar:hover ul.sidebar-elements li > a.sidebar-link.have-active-child {
background-color: unset;
}
.sidebar ul.sidebar-elements li > a.sidebar-link.have-active-child::after {
background-color: var(--cerebrate-color);
}
ul.sidebar-elements li > a.sidebar-link {
color: unset;
}
.light-mode ul.sidebar-elements > li > a.sidebar-link:hover {
background-color: #f0f0f0;
}
.dark-mode ul.sidebar-elements > li > a.sidebar-link:hover {
background-color: #375a7f;
}
/* sidebar sub-menu */
ul.sidebar-elements li.parent > a.sidebar-link::before {
color: #bbb;
}
ul.sidebar-elements > li ul li > a.sidebar-link:hover {
background-color: #e0e0e0;
}
/*
Header
*/
header.navbar-dark.top-navbar .header-menu > a:hover,
header.navbar-dark.top-navbar .header-breadcrumb .header-breadcrumb-item > a:hover {
color: #d6d6d6 !important;
}
header.navbar-light.top-navbar .header-menu > a:hover,
header.navbar-light.top-navbar .header-breadcrumb .header-breadcrumb-item > a:hover {
color: #6c757d !important;
}
.center-navbar nav.header-breadcrumb {
color: white;
}
.navbar-dark .center-navbar nav.header-breadcrumb li.header-breadcrumb-item a{
color: white;
}
.navbar-light .center-navbar nav.header-breadcrumb li.header-breadcrumb-item a {
color: black;
}
.header-breadcrumb-children {
box-shadow:
0 1px 0 rgba(255, 255, 255, 0.07),
inset 0 -1px 2px rgba(0, 0, 0, 0.5),
inset 0 3px 5px rgba(0, 0, 0, 0.6);
}
.navbar-dark .right-navbar .header-menu a.nav-link {
color: white;
}
.navbar-light .right-navbar .header-menu a {
color: black;
}
.navbar-dark .left-navbar .navbar-brand img {
filter: invert(1);
}
.navbar-light .left-navbar .navbar-brand img {
filter: invert(0);
}
.navbar-dark .left-navbar .navbar-brand:hover img {
filter: invert(1) drop-shadow(0px 0px 3px #fff);
}
.navbar-light .left-navbar .navbar-brand:hover img {
filter: invert(0) drop-shadow(0px 0px 3px #000);
}
.navbar-light .composed-app-icon-container > .app-icon {
background-color: black;
}
.navbar-dark .composed-app-icon-container > .app-icon {
background-color: white;
}

25
webroot/css/layout.css
View File

@ -352,10 +352,13 @@ ul.sidebar-elements > li > a.sidebar-link > i.sidebar-icon {
.sidebar.expanded ul.sidebar-elements > li > a.sidebar-link > span.text, .sidebar.expanded ul.sidebar-elements > li > a.sidebar-link > span.text,
.sidebar:hover ul.sidebar-elements > li > a.sidebar-link > span.text { .sidebar:hover ul.sidebar-elements > li > a.sidebar-link > span.text {
visibility: visible; visibility: visible;
opacity: 1;
} }
ul.sidebar-elements > li > a.sidebar-link > span.text { ul.sidebar-elements > li > a.sidebar-link > span.text {
visibility: hidden; visibility: hidden;
opacity: 0;
transition: opacity 0.2s linear;
line-height: 40px; line-height: 40px;
white-space: nowrap; white-space: nowrap;
} }
@ -363,17 +366,18 @@ ul.sidebar-elements > li > a.sidebar-link > span.text {
/* sidebar sub-menu */ /* sidebar sub-menu */
ul.sidebar-elements li.parent > a.sidebar-link::before { ul.sidebar-elements li.parent > a.sidebar-link::before {
visibility: hidden; visibility: hidden;
content: "\f0d7"; content: "\f104";
float: right; float: right;
font-family: 'Font Awesome 5 Free'; font-family: 'Font Awesome 5 Free';
font-weight: 900; font-weight: 900;
font-size: 1rem; font-size: 1rem;
order: 6 !important; order: 6 !important;
margin-left: auto; margin-left: auto;
transition: transform 0.3s ease-out;
} }
ul.sidebar-elements li.parent > a.sidebar-link:not(.collapsed)::before { ul.sidebar-elements li.parent > a.sidebar-link:not(.collapsed)::before {
content: "\f0d8"; transform: rotate(-90deg);
} }
.sidebar.expanded ul.sidebar-elements li.parent > a.sidebar-link::before, .sidebar.expanded ul.sidebar-elements li.parent > a.sidebar-link::before,
@ -381,17 +385,20 @@ ul.sidebar-elements li.parent > a.sidebar-link:not(.collapsed)::before {
visibility: visible; visibility: visible;
} }
.sidebar.expanded ul.sidebar-elements li ul.show, .sidebar.expanded ul.sidebar-elements li div.show,
.sidebar.expanded ul.sidebar-elements li ul.collapsing, .sidebar.expanded ul.sidebar-elements li div.collapsing,
.sidebar.expanded ul.sidebar-elements li ul.in, .sidebar.expanded ul.sidebar-elements li div.in,
.sidebar:hover ul.sidebar-elements li ul.show, .sidebar:hover ul.sidebar-elements li div.show,
.sidebar:hover ul.sidebar-elements li ul.collapsing, .sidebar:hover ul.sidebar-elements li div.collapsing,
.sidebar:hover ul.sidebar-elements li ul.in { .sidebar:hover ul.sidebar-elements li div.in {
display: block; display: block;
} }
ul.sidebar-elements > li ul { .sidebar ul.sidebar-elements li div {
display: none; display: none;
}
ul.sidebar-elements > li ul {
padding: 10px 0; padding: 10px 0;
list-style: none; list-style: none;
line-height: 20px; line-height: 20px;

2
webroot/css/login.css
View File

@ -18,7 +18,7 @@ body {
} }
.cerebrate-background-logo { .cerebrate-background-logo {
background-color: var(--cerebrate-color); background-color: var(--application-color);
-webkit-mask: url(/img/icon-composition/z.svg) no-repeat; -webkit-mask: url(/img/icon-composition/z.svg) no-repeat;
mask: url(/img/icon-composition/z.svg) no-repeat; mask: url(/img/icon-composition/z.svg) no-repeat;
-webkit-mask-size: 400px 400px; -webkit-mask-size: 400px 400px;

18
webroot/css/main.css
View File

@ -1,26 +1,8 @@
:root {
--cerebrate-color: #924da6;
}
.pagination li.page-item > a.page-link > .ellipsis { .pagination li.page-item > a.page-link > .ellipsis {
line-height: 12px; line-height: 12px;
vertical-align: top; vertical-align: top;
} }
.footer {
position: absolute;
bottom: 0;
width: 100%;
/* Set the fixed height of the footer here */
height: 60px;
line-height: 60px; /* Vertically center the text there */
background-color: #f5f5f5;
}
.black {
color:black;
}
.loading-overlay-container { .loading-overlay-container {
backdrop-filter: blur(1px); backdrop-filter: blur(1px);
} }

109
webroot/css/themes/theme-darkly.css
View File

@ -1,3 +1,94 @@
:root {
--bs-blue: #375a7f;
--bs-indigo: #6610f2;
--bs-purple: #6f42c1;
--bs-pink: #e83e8c;
--bs-red: #e74c3c;
--bs-orange: #fd7e14;
--bs-yellow: #f39c12;
--bs-green: #00bc8c;
--bs-teal: #20c997;
--bs-cyan: #3498db;
--bs-white: #fff;
--bs-gray: #888;
--bs-gray-dark: #303030;
--bs-gray-100: #f8f9fa;
--bs-gray-200: #ebebeb;
--bs-gray-300: #dee2e6;
--bs-gray-400: #ced4da;
--bs-gray-500: #adb5bd;
--bs-gray-600: #888;
--bs-gray-700: #444;
--bs-gray-800: #303030;
--bs-gray-900: #222;
--bs-primary: #375a7f;
--bs-secondary: #444;
--bs-success: #00bc8c;
--bs-info: #3498db;
--bs-warning: #f39c12;
--bs-danger: #e74c3c;
--bs-light: #adb5bd;
--bs-dark: #303030;
--bs-primary-rgb: 55, 90, 127;
--bs-secondary-rgb: 68, 68, 68;
--bs-success-rgb: 0, 188, 140;
--bs-info-rgb: 52, 152, 219;
--bs-warning-rgb: 243, 156, 18;
--bs-danger-rgb: 231, 76, 60;
--bs-light-rgb: 173, 181, 189;
--bs-dark-rgb: 48, 48, 48;
--bs-white-rgb: 255, 255, 255;
--bs-black-rgb: 0, 0, 0;
--bs-body-color-rgb: 255, 255, 255;
--bs-body-bg-rgb: 34, 34, 34;
--bs-font-sans-serif: Lato, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
--bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
--bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
--bs-body-font-family: var(--bs-font-sans-serif);
--bs-body-font-size: 1rem;
--bs-body-font-weight: 400;
--bs-body-line-height: 1.5;
--bs-body-color: #fff;
--bs-body-bg: #222;
}
.fade {
transition: opacity 0.15s linear;
}
@media (prefers-reduced-motion: reduce) {
.fade {
transition: none;
}
}
.fade:not(.show) {
opacity: 0;
}
.collapse:not(.show) {
display: none;
}
.collapsing {
height: 0;
overflow: hidden;
transition: height 0.35s cubic-bezier(0, 0.71, 0.58, 1);
}
@media (prefers-reduced-motion: reduce) {
.collapsing {
transition: none;
}
}
.collapsing.collapse-horizontal {
width: 0;
height: auto;
transition: width 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
.collapsing.collapse-horizontal {
transition: none;
}
}
/* Callout */ /* Callout */
.callout { .callout {
border: 1px solid 1px solid none; border: 1px solid 1px solid none;
@ -475,6 +566,10 @@
height: 100%; height: 100%;
} }
:root {
--application-color: #924da6;
}
/* Body */ /* Body */
body { body {
background-color: var(--bs-body-bg); background-color: var(--bs-body-bg);
@ -569,7 +664,7 @@ header.top-navbar .header-breadcrumb .header-breadcrumb-item > a:hover {
} }
.sidebar ul.sidebar-elements li > a.sidebar-link.have-active-child::after { .sidebar ul.sidebar-elements li > a.sidebar-link.have-active-child::after {
background-color: var(--cerebrate-color); background-color: var(--application-color);
} }
.sidebar ul.sidebar-elements li > a.sidebar-link:hover { .sidebar ul.sidebar-elements li > a.sidebar-link:hover {
@ -587,10 +682,20 @@ header.top-navbar .header-breadcrumb .header-breadcrumb-item > a:hover {
background-color: #60676c; background-color: #60676c;
} }
.sidebar ul.sidebar-elements li > a.sidebar-link.active:hover {
background-color: #50565a;
color: #fff;
}
ul.sidebar-elements li > a.sidebar-link.active::after { ul.sidebar-elements li > a.sidebar-link.active::after {
background-color: var(--cerebrate-color); background-color: var(--application-color);
} }
.lock-sidebar > a.btn { .lock-sidebar > a.btn {
background-color: unset; background-color: unset;
} }
.sidebar ul.sidebar-elements li ul.sub-menu {
background-color: #3e4346;
box-shadow: inset #11111a1a 0px 0px 0px 1px;
}

117
webroot/css/themes/theme-default.css
View File

@ -1,3 +1,94 @@
:root {
--bs-blue: #0d6efd;
--bs-indigo: #6610f2;
--bs-purple: #6f42c1;
--bs-pink: #d63384;
--bs-red: #dc3545;
--bs-orange: #fd7e14;
--bs-yellow: #ffc107;
--bs-green: #198754;
--bs-teal: #20c997;
--bs-cyan: #0dcaf0;
--bs-white: #fff;
--bs-gray: #6c757d;
--bs-gray-dark: #343a40;
--bs-gray-100: #f8f9fa;
--bs-gray-200: #e9ecef;
--bs-gray-300: #dee2e6;
--bs-gray-400: #ced4da;
--bs-gray-500: #adb5bd;
--bs-gray-600: #6c757d;
--bs-gray-700: #495057;
--bs-gray-800: #343a40;
--bs-gray-900: #212529;
--bs-primary: #0d6efd;
--bs-secondary: #6c757d;
--bs-success: #198754;
--bs-info: #0dcaf0;
--bs-warning: #ffc107;
--bs-danger: #dc3545;
--bs-light: #f8f9fa;
--bs-dark: #212529;
--bs-primary-rgb: 13, 110, 253;
--bs-secondary-rgb: 108, 117, 125;
--bs-success-rgb: 25, 135, 84;
--bs-info-rgb: 13, 202, 240;
--bs-warning-rgb: 255, 193, 7;
--bs-danger-rgb: 220, 53, 69;
--bs-light-rgb: 248, 249, 250;
--bs-dark-rgb: 33, 37, 41;
--bs-white-rgb: 255, 255, 255;
--bs-black-rgb: 0, 0, 0;
--bs-body-color-rgb: 33, 37, 41;
--bs-body-bg-rgb: 255, 255, 255;
--bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
--bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
--bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
--bs-body-font-family: var(--bs-font-sans-serif);
--bs-body-font-size: 1rem;
--bs-body-font-weight: 400;
--bs-body-line-height: 1.5;
--bs-body-color: #212529;
--bs-body-bg: #fff;
}
.fade {
transition: opacity 0.15s linear;
}
@media (prefers-reduced-motion: reduce) {
.fade {
transition: none;
}
}
.fade:not(.show) {
opacity: 0;
}
.collapse:not(.show) {
display: none;
}
.collapsing {
height: 0;
overflow: hidden;
transition: height 0.35s cubic-bezier(0, 0.71, 0.58, 1);
}
@media (prefers-reduced-motion: reduce) {
.collapsing {
transition: none;
}
}
.collapsing.collapse-horizontal {
width: 0;
height: auto;
transition: width 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
.collapsing.collapse-horizontal {
transition: none;
}
}
/* Callout */ /* Callout */
.callout { .callout {
border: 1px solid #e9ecef; border: 1px solid #e9ecef;
@ -475,6 +566,10 @@
height: 100%; height: 100%;
} }
:root {
--application-color: #924da6;
}
/* Body */ /* Body */
body { body {
background-color: var(--bs-body-bg); background-color: var(--bs-body-bg);
@ -559,21 +654,21 @@ header.top-navbar .header-breadcrumb .header-breadcrumb-item > a:hover {
} }
.sidebar ul.sidebar-elements li > a.sidebar-link.active { .sidebar ul.sidebar-elements li > a.sidebar-link.active {
background-color: #dbdbdb; background-color: #dedede;
color: #000; color: #000;
} }
.sidebar ul.sidebar-elements li > a.sidebar-link.have-active-child { .sidebar ul.sidebar-elements li > a.sidebar-link.have-active-child {
background-color: #dbdbdb; background-color: #dedede;
color: #000; color: #000;
} }
.sidebar ul.sidebar-elements li > a.sidebar-link.have-active-child::after { .sidebar ul.sidebar-elements li > a.sidebar-link.have-active-child::after {
background-color: var(--cerebrate-color); background-color: var(--application-color);
} }
.sidebar ul.sidebar-elements li > a.sidebar-link:hover { .sidebar ul.sidebar-elements li > a.sidebar-link:hover {
background-color: #ebebeb; background-color: lightgray;
color: #000; color: #000;
} }
@ -584,13 +679,23 @@ header.top-navbar .header-breadcrumb .header-breadcrumb-item > a:hover {
.sidebar.expanded ul.sidebar-elements li > a.sidebar-link.have-active-child:hover, .sidebar.expanded ul.sidebar-elements li > a.sidebar-link.have-active-child:hover,
.sidebar:hover ul.sidebar-elements li > a.sidebar-link.have-active-child:hover { .sidebar:hover ul.sidebar-elements li > a.sidebar-link.have-active-child:hover {
background-color: #ebebeb; background-color: lightgray;
}
.sidebar ul.sidebar-elements li > a.sidebar-link.active:hover {
background-color: #c8c8c8;
color: #000;
} }
ul.sidebar-elements li > a.sidebar-link.active::after { ul.sidebar-elements li > a.sidebar-link.active::after {
background-color: var(--cerebrate-color); background-color: var(--application-color);
} }
.lock-sidebar > a.btn { .lock-sidebar > a.btn {
background-color: #f8f9fa; background-color: #f8f9fa;
} }
.sidebar ul.sidebar-elements li ul.sub-menu {
background-color: #efefef;
box-shadow: inset #11111a1a 0px 0px 0px 1px;
}

113
webroot/css/themes/theme-flatly.css
View File

@ -1,3 +1,94 @@
:root {
--bs-blue: #2c3e50;
--bs-indigo: #6610f2;
--bs-purple: #6f42c1;
--bs-pink: #e83e8c;
--bs-red: #e74c3c;
--bs-orange: #fd7e14;
--bs-yellow: #f39c12;
--bs-green: #18bc9c;
--bs-teal: #20c997;
--bs-cyan: #3498db;
--bs-white: #fff;
--bs-gray: #95a5a6;
--bs-gray-dark: #343a40;
--bs-gray-100: #f8f9fa;
--bs-gray-200: #ecf0f1;
--bs-gray-300: #dee2e6;
--bs-gray-400: #ced4da;
--bs-gray-500: #b4bcc2;
--bs-gray-600: #95a5a6;
--bs-gray-700: #7b8a8b;
--bs-gray-800: #343a40;
--bs-gray-900: #212529;
--bs-primary: #2c3e50;
--bs-secondary: #95a5a6;
--bs-success: #18bc9c;
--bs-info: #3498db;
--bs-warning: #f39c12;
--bs-danger: #e74c3c;
--bs-light: #ecf0f1;
--bs-dark: #7b8a8b;
--bs-primary-rgb: 44, 62, 80;
--bs-secondary-rgb: 149, 165, 166;
--bs-success-rgb: 24, 188, 156;
--bs-info-rgb: 52, 152, 219;
--bs-warning-rgb: 243, 156, 18;
--bs-danger-rgb: 231, 76, 60;
--bs-light-rgb: 236, 240, 241;
--bs-dark-rgb: 123, 138, 139;
--bs-white-rgb: 255, 255, 255;
--bs-black-rgb: 0, 0, 0;
--bs-body-color-rgb: 33, 37, 41;
--bs-body-bg-rgb: 255, 255, 255;
--bs-font-sans-serif: Lato, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
--bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
--bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
--bs-body-font-family: var(--bs-font-sans-serif);
--bs-body-font-size: 1rem;
--bs-body-font-weight: 400;
--bs-body-line-height: 1.5;
--bs-body-color: #212529;
--bs-body-bg: #fff;
}
.fade {
transition: opacity 0.15s linear;
}
@media (prefers-reduced-motion: reduce) {
.fade {
transition: none;
}
}
.fade:not(.show) {
opacity: 0;
}
.collapse:not(.show) {
display: none;
}
.collapsing {
height: 0;
overflow: hidden;
transition: height 0.35s cubic-bezier(0, 0.71, 0.58, 1);
}
@media (prefers-reduced-motion: reduce) {
.collapsing {
transition: none;
}
}
.collapsing.collapse-horizontal {
width: 0;
height: auto;
transition: width 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
.collapsing.collapse-horizontal {
transition: none;
}
}
/* Callout */ /* Callout */
.callout { .callout {
border: 1px solid #ecf0f1; border: 1px solid #ecf0f1;
@ -475,6 +566,10 @@
height: 100%; height: 100%;
} }
:root {
--application-color: #924da6;
}
/* Body */ /* Body */
body { body {
background-color: var(--bs-body-bg); background-color: var(--bs-body-bg);
@ -559,12 +654,12 @@ header.top-navbar .header-breadcrumb .header-breadcrumb-item > a:hover {
} }
.sidebar ul.sidebar-elements li > a.sidebar-link.active { .sidebar ul.sidebar-elements li > a.sidebar-link.active {
background-color: #dbdbdb; background-color: #dedede;
color: #18bc9c; color: #18bc9c;
} }
.sidebar ul.sidebar-elements li > a.sidebar-link.have-active-child { .sidebar ul.sidebar-elements li > a.sidebar-link.have-active-child {
background-color: #dbdbdb; background-color: #dedede;
color: #18bc9c; color: #18bc9c;
} }
@ -573,7 +668,7 @@ header.top-navbar .header-breadcrumb .header-breadcrumb-item > a:hover {
} }
.sidebar ul.sidebar-elements li > a.sidebar-link:hover { .sidebar ul.sidebar-elements li > a.sidebar-link:hover {
background-color: #ebebeb; background-color: lightgray;
color: #18bc9c; color: #18bc9c;
} }
@ -584,7 +679,12 @@ header.top-navbar .header-breadcrumb .header-breadcrumb-item > a:hover {
.sidebar.expanded ul.sidebar-elements li > a.sidebar-link.have-active-child:hover, .sidebar.expanded ul.sidebar-elements li > a.sidebar-link.have-active-child:hover,
.sidebar:hover ul.sidebar-elements li > a.sidebar-link.have-active-child:hover { .sidebar:hover ul.sidebar-elements li > a.sidebar-link.have-active-child:hover {
background-color: #ebebeb; background-color: lightgray;
}
.sidebar ul.sidebar-elements li > a.sidebar-link.active:hover {
background-color: #c8c8c8;
color: #18bc9c;
} }
ul.sidebar-elements li > a.sidebar-link.active::after { ul.sidebar-elements li > a.sidebar-link.active::after {
@ -594,3 +694,8 @@ ul.sidebar-elements li > a.sidebar-link.active::after {
.lock-sidebar > a.btn { .lock-sidebar > a.btn {
background-color: unset; background-color: unset;
} }
.sidebar ul.sidebar-elements li ul.sub-menu {
background-color: #efefef;
box-shadow: inset #11111a1a 0px 0px 0px 1px;
}

113
webroot/css/themes/theme-minty.css
View File

@ -1,3 +1,94 @@
:root {
--bs-blue: #2c3e50;
--bs-indigo: #6610f2;
--bs-purple: #6f42c1;
--bs-pink: #e83e8c;
--bs-red: #e74c3c;
--bs-orange: #fd7e14;
--bs-yellow: #f39c12;
--bs-green: #18bc9c;
--bs-teal: #20c997;
--bs-cyan: #3498db;
--bs-white: #fff;
--bs-gray: #95a5a6;
--bs-gray-dark: #343a40;
--bs-gray-100: #f8f9fa;
--bs-gray-200: #ecf0f1;
--bs-gray-300: #dee2e6;
--bs-gray-400: #ced4da;
--bs-gray-500: #b4bcc2;
--bs-gray-600: #95a5a6;
--bs-gray-700: #7b8a8b;
--bs-gray-800: #343a40;
--bs-gray-900: #212529;
--bs-primary: #2c3e50;
--bs-secondary: #95a5a6;
--bs-success: #18bc9c;
--bs-info: #3498db;
--bs-warning: #f39c12;
--bs-danger: #e74c3c;
--bs-light: #ecf0f1;
--bs-dark: #7b8a8b;
--bs-primary-rgb: 44, 62, 80;
--bs-secondary-rgb: 149, 165, 166;
--bs-success-rgb: 24, 188, 156;
--bs-info-rgb: 52, 152, 219;
--bs-warning-rgb: 243, 156, 18;
--bs-danger-rgb: 231, 76, 60;
--bs-light-rgb: 236, 240, 241;
--bs-dark-rgb: 123, 138, 139;
--bs-white-rgb: 255, 255, 255;
--bs-black-rgb: 0, 0, 0;
--bs-body-color-rgb: 33, 37, 41;
--bs-body-bg-rgb: 255, 255, 255;
--bs-font-sans-serif: Lato, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
--bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
--bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
--bs-body-font-family: var(--bs-font-sans-serif);
--bs-body-font-size: 1rem;
--bs-body-font-weight: 400;
--bs-body-line-height: 1.5;
--bs-body-color: #212529;
--bs-body-bg: #fff;
}
.fade {
transition: opacity 0.15s linear;
}
@media (prefers-reduced-motion: reduce) {
.fade {
transition: none;
}
}
.fade:not(.show) {
opacity: 0;
}
.collapse:not(.show) {
display: none;
}
.collapsing {
height: 0;
overflow: hidden;
transition: height 0.35s cubic-bezier(0, 0.71, 0.58, 1);
}
@media (prefers-reduced-motion: reduce) {
.collapsing {
transition: none;
}
}
.collapsing.collapse-horizontal {
width: 0;
height: auto;
transition: width 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
.collapsing.collapse-horizontal {
transition: none;
}
}
/* Callout */ /* Callout */
.callout { .callout {
border: 1px solid #ecf0f1; border: 1px solid #ecf0f1;
@ -475,6 +566,10 @@
height: 100%; height: 100%;
} }
:root {
--application-color: #924da6;
}
/* Body */ /* Body */
body { body {
background-color: var(--bs-body-bg); background-color: var(--bs-body-bg);
@ -559,12 +654,12 @@ header.top-navbar .header-breadcrumb .header-breadcrumb-item > a:hover {
} }
.sidebar ul.sidebar-elements li > a.sidebar-link.active { .sidebar ul.sidebar-elements li > a.sidebar-link.active {
background-color: #dbdbdb; background-color: #dedede;
color: #18bc9c; color: #18bc9c;
} }
.sidebar ul.sidebar-elements li > a.sidebar-link.have-active-child { .sidebar ul.sidebar-elements li > a.sidebar-link.have-active-child {
background-color: #dbdbdb; background-color: #dedede;
color: #18bc9c; color: #18bc9c;
} }
@ -573,7 +668,7 @@ header.top-navbar .header-breadcrumb .header-breadcrumb-item > a:hover {
} }
.sidebar ul.sidebar-elements li > a.sidebar-link:hover { .sidebar ul.sidebar-elements li > a.sidebar-link:hover {
background-color: #ebebeb; background-color: lightgray;
color: #18bc9c; color: #18bc9c;
} }
@ -584,7 +679,12 @@ header.top-navbar .header-breadcrumb .header-breadcrumb-item > a:hover {
.sidebar.expanded ul.sidebar-elements li > a.sidebar-link.have-active-child:hover, .sidebar.expanded ul.sidebar-elements li > a.sidebar-link.have-active-child:hover,
.sidebar:hover ul.sidebar-elements li > a.sidebar-link.have-active-child:hover { .sidebar:hover ul.sidebar-elements li > a.sidebar-link.have-active-child:hover {
background-color: #ebebeb; background-color: lightgray;
}
.sidebar ul.sidebar-elements li > a.sidebar-link.active:hover {
background-color: #c8c8c8;
color: #18bc9c;
} }
ul.sidebar-elements li > a.sidebar-link.active::after { ul.sidebar-elements li > a.sidebar-link.active::after {
@ -594,3 +694,8 @@ ul.sidebar-elements li > a.sidebar-link.active::after {
.lock-sidebar > a.btn { .lock-sidebar > a.btn {
background-color: unset; background-color: unset;
} }
.sidebar ul.sidebar-elements li ul.sub-menu {
background-color: #efefef;
box-shadow: inset #11111a1a 0px 0px 0px 1px;
}

109
webroot/css/themes/theme-quartz.css
View File

@ -1,3 +1,94 @@
:root {
--bs-blue: #3a8fd9;
--bs-indigo: #6610f2;
--bs-purple: #686dc3;
--bs-pink: #e83283;
--bs-red: #fc346f;
--bs-orange: #fd7e14;
--bs-yellow: #ffc107;
--bs-green: #41d7a7;
--bs-teal: #528fb3;
--bs-cyan: #39cbfb;
--bs-white: #fff;
--bs-gray: #6c757d;
--bs-gray-dark: #343a40;
--bs-gray-100: #f8f9fa;
--bs-gray-200: #e9e9e8;
--bs-gray-300: #dee2e6;
--bs-gray-400: #ced4da;
--bs-gray-500: #adb5bd;
--bs-gray-600: #6c757d;
--bs-gray-700: #495057;
--bs-gray-800: #343a40;
--bs-gray-900: #212529;
--bs-primary: #e83283;
--bs-secondary: rgba(255, 255, 255, 0.4);
--bs-success: #41d7a7;
--bs-info: #39cbfb;
--bs-warning: #ffc107;
--bs-danger: #fd7e14;
--bs-light: #e9e9e8;
--bs-dark: #212529;
--bs-primary-rgb: 232, 50, 131;
--bs-secondary-rgb: 255, 255, 255;
--bs-success-rgb: 65, 215, 167;
--bs-info-rgb: 57, 203, 251;
--bs-warning-rgb: 255, 193, 7;
--bs-danger-rgb: 253, 126, 20;
--bs-light-rgb: 233, 233, 232;
--bs-dark-rgb: 33, 37, 41;
--bs-white-rgb: 255, 255, 255;
--bs-black-rgb: 0, 0, 0;
--bs-body-color-rgb: 255, 255, 255;
--bs-body-bg-rgb: 104, 109, 195;
--bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
--bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
--bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
--bs-body-font-family: var(--bs-font-sans-serif);
--bs-body-font-size: 1rem;
--bs-body-font-weight: 400;
--bs-body-line-height: 1.5;
--bs-body-color: #fff;
--bs-body-bg: #686dc3;
}
.fade {
transition: opacity 0.15s linear;
}
@media (prefers-reduced-motion: reduce) {
.fade {
transition: none;
}
}
.fade:not(.show) {
opacity: 0;
}
.collapse:not(.show) {
display: none;
}
.collapsing {
height: 0;
overflow: hidden;
transition: height 0.35s cubic-bezier(0, 0.71, 0.58, 1);
}
@media (prefers-reduced-motion: reduce) {
.collapsing {
transition: none;
}
}
.collapsing.collapse-horizontal {
width: 0;
height: auto;
transition: width 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
.collapsing.collapse-horizontal {
transition: none;
}
}
/* Callout */ /* Callout */
.callout { .callout {
border: 1px solid #e9e9e8; border: 1px solid #e9e9e8;
@ -475,6 +566,10 @@
height: 100%; height: 100%;
} }
:root {
--application-color: #924da6;
}
/* Body */ /* Body */
.panel { .panel {
background-color: transparent; background-color: transparent;
@ -564,7 +659,7 @@ header.top-navbar .header-breadcrumb .header-breadcrumb-item > a:hover {
} }
.sidebar ul.sidebar-elements li > a.sidebar-link:hover { .sidebar ul.sidebar-elements li > a.sidebar-link:hover {
background-color: #fff; background-color: rgba(255, 255, 255, 0.46);
color: #343a40; color: #343a40;
} }
@ -575,7 +670,12 @@ header.top-navbar .header-breadcrumb .header-breadcrumb-item > a:hover {
.sidebar.expanded ul.sidebar-elements li > a.sidebar-link.have-active-child:hover, .sidebar.expanded ul.sidebar-elements li > a.sidebar-link.have-active-child:hover,
.sidebar:hover ul.sidebar-elements li > a.sidebar-link.have-active-child:hover { .sidebar:hover ul.sidebar-elements li > a.sidebar-link.have-active-child:hover {
background-color: #fff; background-color: rgba(255, 255, 255, 0.46);
}
.sidebar ul.sidebar-elements li > a.sidebar-link.active:hover {
background-color: rgba(255, 255, 255, 0.58);
color: #343a40;
} }
ul.sidebar-elements li > a.sidebar-link.active::after { ul.sidebar-elements li > a.sidebar-link.active::after {
@ -586,6 +686,11 @@ ul.sidebar-elements li > a.sidebar-link.active::after {
background-color: rgba(255, 255, 255, 0.4); background-color: rgba(255, 255, 255, 0.4);
} }
.sidebar ul.sidebar-elements li ul.sub-menu {
background-color: rgba(211, 211, 211, 0.43);
box-shadow: inset #11111a1a 0px 0px 0px 1px;
}
.btn { .btn {
display: inline-block; display: inline-block;
font-weight: 400; font-weight: 400;

109
webroot/css/themes/theme-slate.css
View File

@ -1,3 +1,94 @@
:root {
--bs-blue: #007bff;
--bs-indigo: #6610f2;
--bs-purple: #6f42c1;
--bs-pink: #e83e8c;
--bs-red: #ee5f5b;
--bs-orange: #fd7e14;
--bs-yellow: #f89406;
--bs-green: #62c462;
--bs-teal: #20c997;
--bs-cyan: #5bc0de;
--bs-white: #fff;
--bs-gray: #7a8288;
--bs-gray-dark: #3a3f44;
--bs-gray-100: #f8f9fa;
--bs-gray-200: #e9ecef;
--bs-gray-300: #dee2e6;
--bs-gray-400: #ced4da;
--bs-gray-500: #999;
--bs-gray-600: #7a8288;
--bs-gray-700: #52575c;
--bs-gray-800: #3a3f44;
--bs-gray-900: #272b30;
--bs-primary: #3a3f44;
--bs-secondary: #7a8288;
--bs-success: #62c462;
--bs-info: #5bc0de;
--bs-warning: #f89406;
--bs-danger: #ee5f5b;
--bs-light: #e9ecef;
--bs-dark: #272b30;
--bs-primary-rgb: 58, 63, 68;
--bs-secondary-rgb: 122, 130, 136;
--bs-success-rgb: 98, 196, 98;
--bs-info-rgb: 91, 192, 222;
--bs-warning-rgb: 248, 148, 6;
--bs-danger-rgb: 238, 95, 91;
--bs-light-rgb: 233, 236, 239;
--bs-dark-rgb: 39, 43, 48;
--bs-white-rgb: 255, 255, 255;
--bs-black-rgb: 0, 0, 0;
--bs-body-color-rgb: 170, 170, 170;
--bs-body-bg-rgb: 39, 43, 48;
--bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
--bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
--bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
--bs-body-font-family: var(--bs-font-sans-serif);
--bs-body-font-size: 1rem;
--bs-body-font-weight: 400;
--bs-body-line-height: 1.5;
--bs-body-color: #aaa;
--bs-body-bg: #272b30;
}
.fade {
transition: opacity 0.15s linear;
}
@media (prefers-reduced-motion: reduce) {
.fade {
transition: none;
}
}
.fade:not(.show) {
opacity: 0;
}
.collapse:not(.show) {
display: none;
}
.collapsing {
height: 0;
overflow: hidden;
transition: height 0.35s cubic-bezier(0, 0.71, 0.58, 1);
}
@media (prefers-reduced-motion: reduce) {
.collapsing {
transition: none;
}
}
.collapsing.collapse-horizontal {
width: 0;
height: auto;
transition: width 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
.collapsing.collapse-horizontal {
transition: none;
}
}
/* Callout */ /* Callout */
.callout { .callout {
border: 1px solid #e9ecef; border: 1px solid #e9ecef;
@ -475,6 +566,10 @@
height: 100%; height: 100%;
} }
:root {
--application-color: #924da6;
}
/* Body */ /* Body */
body { body {
background-color: var(--bs-body-bg); background-color: var(--bs-body-bg);
@ -569,7 +664,7 @@ header.top-navbar .header-breadcrumb .header-breadcrumb-item > a:hover {
} }
.sidebar ul.sidebar-elements li > a.sidebar-link.have-active-child::after { .sidebar ul.sidebar-elements li > a.sidebar-link.have-active-child::after {
background-color: var(--cerebrate-color); background-color: var(--application-color);
} }
.sidebar ul.sidebar-elements li > a.sidebar-link:hover { .sidebar ul.sidebar-elements li > a.sidebar-link:hover {
@ -587,14 +682,24 @@ header.top-navbar .header-breadcrumb .header-breadcrumb-item > a:hover {
background-color: #60676c; background-color: #60676c;
} }
.sidebar ul.sidebar-elements li > a.sidebar-link.active:hover {
background-color: #50565a;
color: #fff;
}
ul.sidebar-elements li > a.sidebar-link.active::after { ul.sidebar-elements li > a.sidebar-link.active::after {
background-color: var(--cerebrate-color); background-color: var(--application-color);
} }
.lock-sidebar > a.btn { .lock-sidebar > a.btn {
background-color: #7a8288; background-color: #7a8288;
} }
.sidebar ul.sidebar-elements li ul.sub-menu {
background-color: #acafb2;
box-shadow: inset #11111a1a 0px 0px 0px 1px;
}
.btn { .btn {
display: inline-block; display: inline-block;
font-weight: 400; font-weight: 400;

105
webroot/css/themes/theme-vapor.css
View File

@ -1,3 +1,94 @@
:root {
--bs-blue: #1ba2f6;
--bs-indigo: #6610f2;
--bs-purple: #6f42c1;
--bs-pink: #ea39b8;
--bs-red: #e44c55;
--bs-orange: #f1b633;
--bs-yellow: #ffc107;
--bs-green: #3cf281;
--bs-teal: #3f81a2;
--bs-cyan: #32fbe2;
--bs-white: #fff;
--bs-gray: #6c757d;
--bs-gray-dark: #343a40;
--bs-gray-100: #f8f9fa;
--bs-gray-200: #e9ecef;
--bs-gray-300: #dee2e6;
--bs-gray-400: #ced4da;
--bs-gray-500: #adb5bd;
--bs-gray-600: #6c757d;
--bs-gray-700: #495057;
--bs-gray-800: #343a40;
--bs-gray-900: #170229;
--bs-primary: #6f42c1;
--bs-secondary: #ea39b8;
--bs-success: #3cf281;
--bs-info: #1ba2f6;
--bs-warning: #ffc107;
--bs-danger: #e44c55;
--bs-light: #44d9e8;
--bs-dark: #170229;
--bs-primary-rgb: 111, 66, 193;
--bs-secondary-rgb: 234, 57, 184;
--bs-success-rgb: 60, 242, 129;
--bs-info-rgb: 27, 162, 246;
--bs-warning-rgb: 255, 193, 7;
--bs-danger-rgb: 228, 76, 85;
--bs-light-rgb: 68, 217, 232;
--bs-dark-rgb: 23, 2, 41;
--bs-white-rgb: 255, 255, 255;
--bs-black-rgb: 0, 0, 0;
--bs-body-color-rgb: 50, 251, 226;
--bs-body-bg-rgb: 26, 9, 51;
--bs-font-sans-serif: Lato, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
--bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
--bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
--bs-body-font-family: var(--bs-font-sans-serif);
--bs-body-font-size: 1rem;
--bs-body-font-weight: 400;
--bs-body-line-height: 1.5;
--bs-body-color: #32fbe2;
--bs-body-bg: #1a0933;
}
.fade {
transition: opacity 0.15s linear;
}
@media (prefers-reduced-motion: reduce) {
.fade {
transition: none;
}
}
.fade:not(.show) {
opacity: 0;
}
.collapse:not(.show) {
display: none;
}
.collapsing {
height: 0;
overflow: hidden;
transition: height 0.35s cubic-bezier(0, 0.71, 0.58, 1);
}
@media (prefers-reduced-motion: reduce) {
.collapsing {
transition: none;
}
}
.collapsing.collapse-horizontal {
width: 0;
height: auto;
transition: width 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
.collapsing.collapse-horizontal {
transition: none;
}
}
/* Callout */ /* Callout */
.callout { .callout {
border: 1px solid #e9ecef; border: 1px solid #e9ecef;
@ -475,6 +566,10 @@
height: 100%; height: 100%;
} }
:root {
--application-color: #924da6;
}
/* Body */ /* Body */
.panel { .panel {
background-color: #363636; background-color: #363636;
@ -578,6 +673,11 @@ header.top-navbar .header-breadcrumb .header-breadcrumb-item > a:hover {
background-color: #495057; background-color: #495057;
} }
.sidebar ul.sidebar-elements li > a.sidebar-link.active:hover {
background-color: #5d6166;
color: #3cf281;
}
ul.sidebar-elements li > a.sidebar-link.active::after { ul.sidebar-elements li > a.sidebar-link.active::after {
background-color: #6f42c1; background-color: #6f42c1;
} }
@ -585,3 +685,8 @@ ul.sidebar-elements li > a.sidebar-link.active::after {
.lock-sidebar > a.btn { .lock-sidebar > a.btn {
background-color: unset; background-color: unset;
} }
.sidebar ul.sidebar-elements li ul.sub-menu {
background-color: #230f34;
box-shadow: inset #11111a1a 0px 0px 0px 1px;
}

4
webroot/theme/scss/theme-darkly.scss
View File

@ -2,6 +2,7 @@
// $h1-font-size: 3rem; // $h1-font-size: 3rem;
$theme: "app-darkly"; $theme: "app-darkly";
@import "../node_modules/bootstrap/scss/functions";
@import "darkly/variables"; @import "darkly/variables";
$bodyBackgroundBlendmode: soft-light; $bodyBackgroundBlendmode: soft-light;
@ -24,10 +25,11 @@ $sidebarTextColor: $white;
$sidebarActiveColor: $nav-tabs-link-active-color; $sidebarActiveColor: $nav-tabs-link-active-color;
$sidebarActiveBgColor: #595f64; $sidebarActiveBgColor: #595f64;
$sidebarHoverColor: #60676c; $sidebarHoverColor: #60676c;
$sidebarSubmenuColor: shade-color($sidebarActiveBgColor, 30%);
$sidebarBorder: none; $sidebarBorder: none;
$sidebarShadows: none; $sidebarShadows: none;
$sidebarLockButton: unset; $sidebarLockButton: unset;
$activeSidebarLinkColor: var(--cerebrate-color); $activeSidebarLinkColor: var(--application-color);
$calloutBorderColor: 1px solid none; $calloutBorderColor: 1px solid none;

31
webroot/theme/scss/theme-default.scss
View File

@ -1,13 +1,18 @@
$theme: "app-default"; $theme: "app-default";
@import "../node_modules/bootstrap/scss/functions"; @import "../node_modules/bootstrap/scss/functions";
$transition-collapse: height .35s cubic-bezier(0, 0.71, 0.58, 1);
@import "../node_modules/bootstrap/scss/variables"; @import "../node_modules/bootstrap/scss/variables";
@import "../node_modules/bootstrap/scss/mixins"; @import "../node_modules/bootstrap/scss/mixins";
@import "../node_modules/bootstrap/scss/root";
@import "../node_modules/bootstrap/scss/transitions";
@import "./mixins/background"; @import "./mixins/background";
$cerebrateColor: #924da6; $applicationColor: #924da6;
$bodyBackgroundImageStopColor: tint-color($cerebrateColor, 62) !default; $bodyBackgroundImageStopColor: tint-color($applicationColor, 62) !default;
$enabledBackgroundSVG: true !default; $enabledBackgroundSVG: true !default;
$bodyBackgroundBlendmode: normal !default; $bodyBackgroundBlendmode: normal !default;
@ -26,12 +31,15 @@ $headerBreadcrumbLinksBGColor: $light !default;
$sidebarBgColor: $light !default; $sidebarBgColor: $light !default;
$sidebarTextColor: $black !default; $sidebarTextColor: $black !default;
$sidebarActiveColor: $black !default; $sidebarActiveColor: $black !default;
$sidebarActiveBgColor: #dbdbdb !default;
$sidebarHoverColor: #ebebeb !default; $sidebarActiveBgColor: #dedede !default;
$sidebarSubmenuColor: tint-color($sidebarActiveBgColor, 50%) !default;
$sidebarHoverColor: shade-color($sidebarActiveBgColor, 5%) !default;
$sidebarHoverActiveColor: shade-color($sidebarActiveBgColor, 10%) !default;
$sidebarBorder: #ddd !default; $sidebarBorder: #ddd !default;
$sidebarShadows: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 2px 6px 0 rgba(0, 0, 0, 0.12) !default; $sidebarShadows: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 2px 6px 0 rgba(0, 0, 0, 0.12) !default;
$sidebarLockButton: $light !default; $sidebarLockButton: $light !default;
$activeSidebarLinkColor: var(--cerebrate-color) !default; $activeSidebarLinkColor: var(--application-color) !default;
// $calloutBorderColor: $gray-200 !default; // $calloutBorderColor: $gray-200 !default;
$calloutBgColor: $panelBgColor !default; $calloutBgColor: $panelBgColor !default;
@ -39,6 +47,10 @@ $calloutShadow: $panelShadow !default;
@import "additional/bootstrap-additional"; @import "additional/bootstrap-additional";
:root {
--application-color: #{$applicationColor};
}
/* Body */ /* Body */
body { body {
@if $enabledBackgroundSVG { @if $enabledBackgroundSVG {
@ -151,6 +163,10 @@ header.top-navbar .header-breadcrumb .header-breadcrumb-item > a:hover {
background-color: $sidebarHoverColor; background-color: $sidebarHoverColor;
} }
.sidebar ul.sidebar-elements li > a.sidebar-link.active:hover {
background-color: $sidebarHoverActiveColor;
color: $sidebarActiveColor;
}
ul.sidebar-elements li > a.sidebar-link.active::after { ul.sidebar-elements li > a.sidebar-link.active::after {
background-color: $activeSidebarLinkColor; background-color: $activeSidebarLinkColor;
@ -158,4 +174,9 @@ ul.sidebar-elements li > a.sidebar-link.active::after {
.lock-sidebar > a.btn { .lock-sidebar > a.btn {
background-color: $sidebarLockButton; background-color: $sidebarLockButton;
}
.sidebar ul.sidebar-elements li ul.sub-menu {
background-color: $sidebarSubmenuColor;
box-shadow: inset #11111a1a 0px 0px 0px 1px;
} }

7
webroot/theme/scss/theme-quartz.scss
View File

@ -2,6 +2,7 @@
// $h1-font-size: 3rem; // $h1-font-size: 3rem;
$theme: "app-slate"; $theme: "app-slate";
@import "../node_modules/bootstrap/scss/functions";
@import "quartz/variables"; @import "quartz/variables";
$enabledBackgroundSVG: false; $enabledBackgroundSVG: false;
@ -20,7 +21,11 @@ $sidebarBgColor: $secondary;
$sidebarTextColor: $white; $sidebarTextColor: $white;
$sidebarActiveColor: $nav-tabs-link-active-color; $sidebarActiveColor: $nav-tabs-link-active-color;
$sidebarActiveBgColor: $nav-tabs-link-active-bg; $sidebarActiveBgColor: $nav-tabs-link-active-bg;
$sidebarHoverColor: $nav-tabs-link-active-bg;
$sidebarSubmenuColor: shade-color($secondary, 5%);
$sidebarHoverColor: tint-color($secondary, 10%);
$sidebarHoverActiveColor: tint-color($secondary, 30%);
$sidebarBorder: none; $sidebarBorder: none;
$sidebarShadows: none; $sidebarShadows: none;
$sidebarLockButton: $secondary; $sidebarLockButton: $secondary;

2
webroot/theme/scss/theme-slate.scss
View File

@ -28,7 +28,7 @@ $sidebarHoverColor: #60676c;
$sidebarBorder: none; $sidebarBorder: none;
$sidebarShadows: none; $sidebarShadows: none;
$sidebarLockButton: $secondary; $sidebarLockButton: $secondary;
$activeSidebarLinkColor: var(--cerebrate-color); $activeSidebarLinkColor: var(--application-color);
@import "theme-default"; @import "theme-default";
@import "../node_modules/bootstrap/scss/buttons"; @import "../node_modules/bootstrap/scss/buttons";

5
webroot/theme/scss/theme-vapor.scss
View File

@ -2,6 +2,7 @@
// $h1-font-size: 3rem; // $h1-font-size: 3rem;
$theme: "app-vapor"; $theme: "app-vapor";
@import "../node_modules/bootstrap/scss/functions";
@import "vapor/variables"; @import "vapor/variables";
$enabledBackgroundSVG: false; $enabledBackgroundSVG: false;
@ -20,6 +21,10 @@ $sidebarTextColor: $white;
$sidebarActiveColor: $success; $sidebarActiveColor: $success;
$sidebarActiveBgColor: $gray-800; $sidebarActiveBgColor: $gray-800;
$sidebarHoverColor: $gray-700; $sidebarHoverColor: $gray-700;
$sidebarSubmenuColor: tint-color($dark, 5%);
$sidebarHoverActiveColor: tint-color($sidebarActiveBgColor, 20%);
$sidebarBorder: none; $sidebarBorder: none;
$sidebarShadows: none; $sidebarShadows: none;
$sidebarLockButton: unset; $sidebarLockButton: unset;