From a899d90e014b305dc1c885fa8f7e15015d2fdcfb Mon Sep 17 00:00:00 2001 From: Johannes Millan Date: Thu, 15 Oct 2020 17:47:03 +0200 Subject: [PATCH] feat: improve dark theme text legibility --- src/_variables.scss | 4 ++-- src/app/features/tasks/task/task.component.scss | 4 ++-- 2 files changed, 4 insertions(+), 4 deletions(-) diff --git a/src/_variables.scss b/src/_variables.scss index 736f8c4c04..66574fb53d 100644 --- a/src/_variables.scss +++ b/src/_variables.scss @@ -55,10 +55,10 @@ $dark-theme-sidebar-bg: $dark8; $light-theme-bg: rgb(250, 250, 250); $light-theme-bg-darker: rgb(235, 235, 235); -$dark-theme-text-color: rgb(225, 225, 225); +$dark-theme-text-color: rgb(235, 235, 235); $dark-theme-text-color-less-intense: transparentize($dark-theme-text-color, 0.1); $dark-theme-text-color-muted: transparentize($dark-theme-text-color, 0.4); -$dark-theme-text-color-more-intense: rgb(240, 240, 240); +$dark-theme-text-color-more-intense: rgb(245, 245, 245); $dark-theme-text-color-most-intense: rgb(255, 255, 255); $light-theme-text-color: rgb(44, 44, 44); diff --git a/src/app/features/tasks/task/task.component.scss b/src/app/features/tasks/task/task.component.scss index e078c97c5f..d5627516c2 100644 --- a/src/app/features/tasks/task/task.component.scss +++ b/src/app/features/tasks/task/task.component.scss @@ -11,8 +11,8 @@ color: $task-text-c-dark; } -:host-context(.isDarkTheme.isSelected), -:host-context(.isDarkTheme.isCurrent) { +:host-context(.isDarkTheme).isSelected, +:host-context(.isDarkTheme).isCurrent { color: $dark-theme-text-color-most-intense; }