added dark mode

This commit is contained in:
Jörg Henke
2023-09-11 22:23:45 +02:00
parent 485bc5e8c3
commit 3b8e0e4074
9 changed files with 94 additions and 33 deletions

View File

@ -7,6 +7,10 @@ body {
height: calc(100% - 56px);
}
[data-bs-theme=dark] body {
background-color: rgb(36, 31, 49);
}
.openedSelect {
overflow: auto;
}
@ -21,6 +25,10 @@ body {
color: black;
}
[data-bs-theme=dark] .navlinkstyle {
color: #aaa;
}
.navlinkstyle:hover {
color: #1a5fb4;
}
@ -29,6 +37,11 @@ body {
background-color: ghostwhite;
}
[data-bs-theme=dark] .navback {
color: ghostwhite;
background-color: #222;
}
.tabdivblurred {
padding: 8px;
padding-bottom: 0px;
@ -43,6 +56,10 @@ body {
background-image: linear-gradient(to bottom, #ffc, #ee0) !important;
}
[data-bs-theme=dark] .noty {
background-image: linear-gradient(to bottom, rgb(0, 0, 0), rgb(229, 165, 10)) !important;
}
.glassy {
background-color: rgba(0, 0, 0s, 0.1);
}
@ -56,6 +73,10 @@ body {
min-width: 95vw !important;
}
[data-bs-theme=dark] .formpane {
background: #111;
}
.menudangerbutton {
color: #e00 !important;
border: 1px solid rgba(0, 0, 0, 0);
@ -86,6 +107,11 @@ body {
!important;
}
[data-bs-theme=dark] .page {
background-image: linear-gradient(to bottom, #123, #111)
!important;
}
.emph {
border-radius: 3px !important;
border: 1px solid #3070b0 !important;
@ -94,6 +120,13 @@ body {
!important;
}
[data-bs-theme=dark] .emph {
color: #ffffff !important;
background-image: linear-gradient(to bottom, #113531 0%, #135 100%)
!important;
}
.doneoverviewtext {
font-size: 120%;
}
@ -246,6 +279,10 @@ body {
border: 1px solid silver;
}
[data-bs-theme=dark] .tab-pane-table {
background-color: rgb(36, 31, 49);
}
.tab-pane-glassy {
background: rgba(255, 255, 255, 0.5);
padding: 8px;