by @dpschen fix: respect .dark class instead of prefers-color-scheme
All checks were successful
continuous-integration/drone/pr Build is passing
All checks were successful
continuous-integration/drone/pr Build is passing
This commit is contained in:
parent
bbf8074285
commit
347a77f11b
|
@ -2,6 +2,7 @@
|
||||||
<modal
|
<modal
|
||||||
@close="close()"
|
@close="close()"
|
||||||
variant="scrolling"
|
variant="scrolling"
|
||||||
|
class="task-detail-view-modal"
|
||||||
>
|
>
|
||||||
<a @click="close()" class="close">
|
<a @click="close()" class="close">
|
||||||
<icon icon="times"/>
|
<icon icon="times"/>
|
||||||
|
@ -60,11 +61,11 @@ export default {
|
||||||
color: var(--dark);
|
color: var(--dark);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
</style>
|
||||||
|
|
||||||
/* Close icon SVG uses currentColor, change the color to keep it visible */
|
<style lang="scss">
|
||||||
@media (prefers-color-scheme: dark) {
|
// Close icon SVG uses currentColor, change the color to keep it visible
|
||||||
.close {
|
.dark .task-detail-view-modal .close {
|
||||||
color: var(--grey-900);
|
color: var(--grey-900);
|
||||||
}
|
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
Reference in New Issue
Block a user