Introduce Dark Mode

This commit mainly changes the color definitions. Mostly, those changes are semantically equally, but there are a few changes that occurred to align the color scheme within the app.
This commit is contained in:
Sebastian Serth
2023-06-02 09:29:43 +02:00
parent aab3b95a1d
commit 944b455194
49 changed files with 582 additions and 197 deletions

19
app/javascript/vis.scss Normal file
View File

@@ -0,0 +1,19 @@
// CSS
@import 'vis-timeline/dist/vis-timeline-graph2d';
html[data-bs-theme="dark"] {
// Color overwrites for dark mode
.vis-legend {
background-color: rgba(var(--bs-secondary-bg-rgb), 0.65) !important;
}
.vis-timeline .vis-outline {
fill: var(--bs-body-bg) !important;
}
.vis-data-axis .vis-major, .vis-time-axis .vis-text {
color: var(--bs-secondary-text-emphasis) !important;
}
}