From 6cde8e26402ccfc6463e4c58f17025ef8a9228d1 Mon Sep 17 00:00:00 2001 From: konrad Date: Tue, 23 Nov 2021 21:20:50 +0000 Subject: [PATCH] fix(dark mode): dark mode adjustments (#1069) Co-authored-by: kolaente Reviewed-on: https://kolaente.dev/vikunja/frontend/pulls/1069 Reviewed-by: dpschen Co-authored-by: konrad Co-committed-by: konrad --- src/components/quick-actions/quick-actions.vue | 2 ++ src/styles/custom-properties/colors.scss | 4 +++- 2 files changed, 5 insertions(+), 1 deletion(-) diff --git a/src/components/quick-actions/quick-actions.vue b/src/components/quick-actions/quick-actions.vue index 0546eeb8c..b20f0de7d 100644 --- a/src/components/quick-actions/quick-actions.vue +++ b/src/components/quick-actions/quick-actions.vue @@ -507,6 +507,8 @@ export default { .active-cmd { font-size: 1.25rem; margin-left: .5rem; + background-color: var(--grey-100); + color: var(--grey-800); } } diff --git a/src/styles/custom-properties/colors.scss b/src/styles/custom-properties/colors.scss index 6e379ded3..3b23f3eed 100644 --- a/src/styles/custom-properties/colors.scss +++ b/src/styles/custom-properties/colors.scss @@ -76,7 +76,9 @@ --card-border-color: var(--grey-200); --logo-text-color: hsl(180, 1%, 15%); - + --link: var(--primary); + --link-hover: hsla(var(--primary-h), var(--primary-s), var(--primary-l), .75); + --border: var(--grey-200); &.dark { // Light mode colours reversed for dark mode