frodovdr/raspap-webgui
1
0
Fork 0
mirror of https://github.com/billz/raspap-webgui.git synced 2025-03-01 10:31:47 +00:00
Code Issues Packages Projects Releases Wiki Activity

Define custom variables, set theme color + variants

Browse Source
This commit is contained in:
billz
2024-10-26 04:52:31 -07:00
parent 3004ce49cc
commit 7e1fd32edc
2 changed files with 48 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

50
app/css/custom.php
View File

@@ -13,22 +13,38 @@ License: GNU General Public License v3.0
@import url('all.css');
:root {
--raspap-theme-color: <?php echo $color; ?>;
--raspap-theme-lighter: <?php echo lightenColor($color, 20); ?>;
--raspap-theme-darker: <?php echo darkenColor($color, 20); ?>;
}
body {
color: #212529;
background-color: #f8f9fc;
}
a {
color: <?php echo $color; ?>;
text-decoration: none;
color: var(--raspap-theme-color);
text-decoration: none;
}
a:focus, a:hover {
color: var(--raspap-theme-darker);
}
.sb-sidenav-light .sb-sidenav-menu .nav-link:hover {
color: <?php echo $color; ?>;
color: var(--raspap-theme-color);
}
.sidebar-brand-text:focus,
.sidebar-brand-text:hover {
color: var(--raspap-theme-darker);
}
.form-check-input:checked {
background-color: <?php echo $color; ?>;
border-color: <?php echo $color; ?>;
background-color: var(--raspap-theme-color);
border-color: var(--raspap-theme-color);
}
.sidebar {
@@ -44,13 +60,13 @@ a {
}
.sidebar-brand-text {
color: <?php echo $color; ?>;
color: var(--raspap-theme-color);
}
.card .card-header, .modal-header {
border-color: <?php echo $color; ?>;
border-color: var(--raspap-theme-color);
color: #fff;
background-color: <?php echo $color; ?>;
background-color: var(--raspap-theme-color);
}
.modal-header {
@@ -58,17 +74,21 @@ a {
}
.btn-primary {
color: <?php echo $color; ?>;
border-color: <?php echo $color; ?>;
color: var(--raspap-theme-color);
border-color: var(--raspap-theme-color);
background-color: #fff;
}
.btn-primary:disabled {
color: <?php echo $color; ?> !important;
border-color: <?php echo $color; ?> !important;
color: var(--raspap-theme-color) !important;
border-color: var(--raspap-theme-color) !important;
background-color: #fff !important;
}
.card-body {
color: #495057;
}
.card-footer, .modal-footer {
background-color: #f2f1f0;
}
@@ -103,8 +123,8 @@ a.nav-link.active {
}
.btn-primary:hover {
background-color: <?php echo $color; ?>;
border-color: <?php echo $color; ?>;
background-color: var(--raspap-theme-color);
border-color: var(--raspap-theme-color);
}
i.fa.fa-bars {
@@ -133,6 +153,6 @@ pre.unstyled {
}
.signal-icon .signal-bar {
background: <?php echo $color; ?>;
background: var(--raspap-theme-color);
}