plotly / dash-daq

Control components for Dash
MIT License
141 stars 40 forks source link

daqNumericInput is not compatible with Dark Theme #55

Closed CanerIrfanoglu closed 4 years ago

CanerIrfanoglu commented 5 years ago

daqNumericInput remains white on dark mode. Inside text is converted to white. This results white input on white background hence not readable. Please see below a reproducible R example and associated screenshots.

library(dash)
library(dashDaq)
library(dashHtmlComponents)

app <- Dash$new()

theme <- list(
  'dark' = TRUE,
  'detail' = '#007439',
  'primary' = '#00EA64',
  'secondary' = '#6E6E6E'
)

rootLayout <- htmlDiv(list(
  daqLEDDisplay(value = "3.14159"),
  htmlBr(),
  daqNumericInput(min = 0, max = 10, value = 4),
  htmlBr(),
  daqPowerButton(on = TRUE)
))

app$layout(htmlDiv(
  list(daqDarkThemeProvider(theme = theme,
                            children = rootLayout)),
  style = list('backgroundColor' = '#303030',
                     'float' = 'left')
))

app$run_server(port = 8897)
Screen Shot 2019-07-10 at 2 38 39 PM Screen Shot 2019-07-10 at 2 38 49 PM
ycaokris commented 5 years ago

This bug also exists on python side, example on dash-docs https://dash.plot.ly/dash-daq/darkthemeprovider showed a white text color on darktheme.

Screen Shot 2019-07-11 at 11 05 12 AM