vikunja/frontend
Archived
6
39
Fork 48
Code Issues 1 Pull Requests 4 Projects Releases 26 Activity

Migrate to bulma-css-variables and introduce dark mode #954

Merged
konrad merged 72 commits from adrinux/frontend:bulma-css-variables into main 2021-11-22 21:12:55 +00:00
Conversation 24 Commits 72 Files Changed 73 +6 -5
1 changed files with 6 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 347a77f11b - Show all commits

11
src/views/tasks/TaskDetailViewModal.vue
View File

@ -2,6 +2,7 @@
<modal
@close="close()"
variant="scrolling"
class="task-detail-view-modal"
>
<a @click="close()" class="close">
<icon icon="times"/>
@ -60,11 +61,11 @@ export default {
color: var(--dark);
}
}
</style>
dpschen marked this conversation as resolved
dpschen commented 2021-11-16 17:16:49 +00:00
Review
Copy Link

Respect .dark class.

Respect `.dark` class.
dpschen commented 2021-11-16 17:16:53 +00:00
Review
Copy Link

Done!

Done!
/* Close icon SVG uses currentColor, change the color to keep it visible */
@media (prefers-color-scheme: dark) {
.close {
color: var(--grey-900);
}
<style lang="scss">
// Close icon SVG uses currentColor, change the color to keep it visible
.dark .task-detail-view-modal .close {
color: var(--grey-900);
}
</style>