TaskBoard icon indicating copy to clipboard operation
TaskBoard copied to clipboard

White text on white background when using dark themes: Missing CSS property

Open rstemmer opened this issue 5 years ago • 1 comments

Describe the bug Text inputs and text areas use white fonts on a white background which make them impossible to use. The reason is somewhere hidden behind my following setup:

Firefox configured to use the Dark Theme. Latest KDE/Plasma/GTK/Qt using a Dark Theme (Breeze Dark)

By default text areas have a black background an white font.

Issue: In the CSS-File the background color gets defined to be white, but the font color is left to default.

Workaround Edit index.html:

    <!-- 47 --> <link rel="stylesheet" href="styles.css">
    <!-- 48 --> <link rel="stylesheet" href="user.css"></head>

Add user.css:

input
{
    color: #080808;
}
textarea
{
    color: #080808;
}

There are more control elements that have very low contrast (bright gray on white). But with this workaround the taskboard becomes usable.

Please complete the following information:

  • OS: Arch Linux (Host & Client)
  • Browser Firefox
  • Version 78.0.2 (64-Bit)

rstemmer avatar Jul 27 '20 10:07 rstemmer

Technically this is an issue with scss-base, but since that's mine too I'll just track it here. :)

kiswa avatar Aug 16 '20 17:08 kiswa