kenmirrors/firefly-iii
1
0
Fork 0
mirror of https://github.com/firefly-iii/firefly-iii.git synced 2025-10-26 21:43:53 +00:00
Code Issues Projects Releases Wiki Activity

Various CSS fixes.

Browse Source
This commit is contained in:
James Cole
2023-01-29 10:01:00 +01:00
parent 5a5c92b5b5
commit a5a95055c5
2 changed files with 472 additions and 368 deletions
Download Patch File Download Diff File Expand all files Collapse all files

109
public/v1/lib/adminlte/css/skins/skin-dark.css vendored
View File

@@ -1,5 +1,5 @@
/*
* Skin: Midnight Dark theme
* Skin: Firefly III (dark)
* ------------
*/
@media (prefers-color-scheme: dark) {
@@ -200,7 +200,7 @@
}
.skin-firefly-iii .box.box-info {
border-top-color: #00c0ef;
border-top-color: #004d60;
}
.skin-firefly-iii .box.box-primary {
@@ -208,7 +208,7 @@
}
.skin-firefly-iii .box.box-success {
border-top-color: #00a65a;
border-top-color: #006738;
}
.skin-firefly-iii .box.box-warning {
@@ -367,4 +367,107 @@
.skin-firefly-iii .select2-container--default.select2-container--open {
background-color: #272c30;
}
/**
Overrule colors to make them darker
Move to second box
*/
.bg-aqua-gradient {
background: #004d60 !important;
background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #004d60), color-stop(1, #075164)) !important;
background: -ms-linear-gradient(bottom, #004d60, #075164) !important;
background: -moz-linear-gradient(center bottom, #004d60 0%, #075164 100%) !important;
background: -o-linear-gradient(#075164, #004d60) !important;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#075164', endColorstr='#004d60', GradientType=0) !important;
color: #fff;
}
.bg-teal-gradient {
background: #1a5d5d !important;
background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #1a5d5d), color-stop(1, #376464)) !important;
background: -ms-linear-gradient(bottom, #1a5d5d, #376464) !important;
background: -moz-linear-gradient(center bottom, #1a5d5d 0%, #376464 100%) !important;
background: -o-linear-gradient(#376464, #1a5d5d) !important;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#376464', endColorstr='#1a5d5d', GradientType=0) !important;
color: #fff;
}
.bg-green-gradient {
background: #006738 !important;
background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #006738), color-stop(1, #005f34)) !important;
background: -ms-linear-gradient(bottom, #006738, #005f34) !important;
background: -moz-linear-gradient(center bottom, #006738 0%, #005f34 100%) !important;
background: -o-linear-gradient(#005f34, #006738) !important;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#005f34', endColorstr='#006738', GradientType=0) !important;
color: #fff;
}
.bg-blue-gradient {
background: #003e62 !important;
background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #003e62), color-stop(1, #004065)) !important;
background: -ms-linear-gradient(bottom, #003e62, #004065) !important;
background: -moz-linear-gradient(center bottom, #003e62 0%, #004065 100%) !important;
background: -o-linear-gradient(#004065, #003e62) !important;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#004065', endColorstr='#003e62', GradientType=0) !important;
color: #fff;
}
/*
Fix modals
*/
.modal-content {
background-color: #272c30;
}
.btn-default {
background: #343a40;
color: #bec5cb;
border-color: #282d32;
}
.btn-default:hover,
.btn-default:active,
.btn-default.hover {
background: #282d32;
color: #bec5cb;
border-color: #343a40;
}
.open > .dropdown-toggle.btn-default:focus, .open > .dropdown-toggle.btn-default:hover,
.open > .dropdown-toggle.btn-default {
background: #343a40;
color: #bec5cb;
}
/*
1 box darker
*/
.btn-success {
background-color: #007741;
}
a.list-group-item, button.list-group-item {
color: #bec5cb;
}
.progress {
background: #696c71
}
.progress-bar {
background-color: #1b4365;
}
.dropdown-menu {
background-color: #343a40;
border-color: #262a2f;
}
.dropdown-menu > li > a:hover {
background-color: #505963;
color: #333;
}
/**
dropdown menu, color #dee2e6, bg #343a40
*/
}

7
public/v1/lib/adminlte/css/skins/skin-light.css vendored
View File

@@ -1,5 +1,5 @@
/*
* Skin: Blue
* Skin: Firefly III light
* ----------
*/
@media (prefers-color-scheme: light) {
@@ -189,13 +189,14 @@
border-top-color: #d2d6de;
}
.skin-blue.layout-top-nav .main-header > .logo {
.skin-firefly-iii.layout-top-nav .main-header > .logo {
background-color: #3c8dbc;
color: #ffffff;
border-bottom: 0 solid transparent;
}
.skin-blue.layout-top-nav .main-header > .logo:hover {
.skin-firefly-iii.layout-top-nav .main-header > .logo:hover {
background-color: #3b8ab8;
}
}