Компоненты Dash Bootstrap: некоторые элементы ввода неправильно оформлены при использовании темной темы

Я написал приложение с компонентами Plotly Dash/Dash Bootstrap (dbc). Это выглядело нормально при использовании светлой темы (Spacelab), но с темными темами (я пробовал Мрачно и Cyborg) выпадающие списки и выборки оформлены неправильно - у них должен быть белый фон, а у них черный:

Компоненты Dash Bootstrap: некоторые элементы ввода неправильно оформлены при использовании темной темы

Вот полностью функционирующий код, демонстрирующий проблему:

import dash
import dash_html_components as html
import dash_bootstrap_components as dbc

app = dash.Dash()
app.config.external_stylesheets = [dbc.themes.DARKLY]

app.layout = html.Div(children=[
    html.H1(children='Hello Dash'),
    html.Br(),
    dbc.Input(id = "run-namefield", type = "text", placeholder = "Run Name"),
    html.Br(),
    dbc.Select(id='run-relpath-y', placeholder = "Select y file")
])

app.run_server(debug=True)

Я заменил свой код примером приложения с той же проблемой. Темно в темноте, почти нечитаемо.

Я больше нигде не изменяю макет, и у меня нигде нет файла .css, в настоящее время это один файл кода. Я пробовал Chrome и Edge (те же результаты), а также удалял куки/принудительно обновлял страницы (Ctrl+F5).

Любые намеки на то, что я могу попробовать? А может это баг в самой теме?

Почему в Python есть оператор "pass"?
Почему в Python есть оператор "pass"?
Оператор pass в Python - это простая концепция, которую могут быстро освоить даже новички без опыта программирования.
Некоторые методы, о которых вы не знали, что они существуют в Python
Некоторые методы, о которых вы не знали, что они существуют в Python
Python - самый известный и самый простой в изучении язык в наши дни. Имея широкий спектр применения в области машинного обучения, Data Science,...
Основы Python Часть I
Основы Python Часть I
Вы когда-нибудь задумывались, почему в программах на Python вы видите приведенный ниже код?
LeetCode - 1579. Удаление максимального числа ребер для сохранения полной проходимости графа
LeetCode - 1579. Удаление максимального числа ребер для сохранения полной проходимости графа
Алиса и Боб имеют неориентированный граф из n узлов и трех типов ребер:
Оптимизация кода с помощью тернарного оператора Python
Оптимизация кода с помощью тернарного оператора Python
И последнее, что мы хотели бы показать вам, прежде чем двигаться дальше, это
Советы по эффективной веб-разработке с помощью Python
Советы по эффективной веб-разработке с помощью Python
Как веб-разработчик, Python может стать мощным инструментом для создания эффективных и масштабируемых веб-приложений.
1
0
53
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Это была ошибка, и она была исправлена ​​в самой последней версии (#1.0.2). Если вы столкнулись с этой ошибкой, запустите:

pip install -U dash-bootstrap-components

Дополнительные сведения см. в статье https://github.com/facultyai/dash-bootstrap-components/issues/827#issuecomment-1069361034.

Другие вопросы по теме