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:
19
app/javascript/vis.scss
Normal file
19
app/javascript/vis.scss
Normal 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;
|
||||
}
|
||||
}
|
Reference in New Issue
Block a user