Skip to content

Commit ebeb847

Browse files
authored
fix: fix dark mode timeline colors (#705)
* fix: show timeline event colors in dark mode dark mode overrides every border-color with an `!important` rule (evil). This fix cancels this override on every element that has a `border*` inline style (ie. the events divs in the timeline). fixes #611 * fix: better css rule for dark mode border colors previous rule would break dark mode's border color override when using inline non-color-related border styles (ie. `border-radius` or `border-width`). This fix makes the color override be disabled only when using inline `border-color` or `border` styles.
1 parent 906b005 commit ebeb847

File tree

1 file changed

+2
-2
lines changed

1 file changed

+2
-2
lines changed

static/dark.css

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -170,7 +170,7 @@ hr {
170170
background-color: #282c32 !important;
171171
}
172172

173-
#visualization *, svg,
173+
#visualization *:not([style*="border:"]):not([style*="border-color:"]), svg,
174174
.nav.nav-tabs,
175175
.btn-outline-secondary {
176176
border-color: #282c32 !important;
@@ -264,4 +264,4 @@ div[style="color: rgb(85, 85, 85); font-size: 0.9em;"] {
264264
color: hsl(355, 70%, 90%);
265265
background-color: hsl(355, 60%, 30%);
266266
border-color: hsl(355, 60%, 25%);
267-
}
267+
}

0 commit comments

Comments
 (0)