DT: "Darkly", "Cyborg" and "Slate" themes: Column filter's "min" and "max" values not displayed.

[MadhulikaTanuboddi]

1. Run the following example: (uses "darkly" theme, could be replaced with "cyborg" and "slate" themes)

library(shiny)
library(DT)

ui <- fluidPage(
  theme = bslib::bs_theme(
    bootswatch = "darkly"
  ),
  dataTableOutput("x")
)

server <- function(input, output, session) {
  output$x <- renderDataTable({
    datatable(iris, filter = 'top', options = list(
      pageLength = 100, scrollX = TRUE, scrollY = "600px", autoWidth = TRUE
    ))
  })
}

shinyApp(ui, server)

2. Click on the filters under each column ("All" textbox)
3. Notice on the slider bar to filter, "min" and "max" values are not shown

Few sample snapshots DARKLY:

CYBORG:

"SLATE"

Side note: With "Superhero" theme, the values are barely visible

[PythonCoderUnicorn]

Hello @MadhulikaTanuboddi ,

I noticed you have a thematic_shiny app and your boxes are all white. Perhaps a solution is to have thematic::thematic_shiny(font="auto") above your shiny ui = fluidPage()

I theme my shiny and Rmarkdown files and always see the variables in my drop down menus, like so in the image below.

[prubin73]

I have the same problem. With the darkly and cyborg themes, the text on sliders is completely invisible (white on white). With superhero, the text is almost but not quite invisible. With the slate theme, the text on sliders is faint but (barely) legible. The suggestion regarding thematic_shiny does not help in my case.

[github-actions[bot]]

This issue has been automatically locked. If you have found a related problem, please open a new issue (with a reproducible example or feature request) and link to this issue. :raising_hand: Need help? Connect with us on Discord or Posit Community.