Schluca / streamlit_tree_select

A simple and elegant checkbox tree for Streamlit.
MIT License
76 stars 9 forks source link

Streamlit Dark mode accessibility issue #14

Open netnem opened 4 months ago

netnem commented 4 months ago

image

Repo steps:

set .streamlit config.toml:

[theme]
base = 'dark'

Use default example for tree_select.

# Create nodes to display
nodes = [
    {"label": "Folder A", "value": "folder_a"},
    {
        "label": "Folder B",
        "value": "folder_b",
        "children": [
            {"label": "Sub-folder A", "value": "sub_a"},
            {"label": "Sub-folder B", "value": "sub_b"},
            {"label": "Sub-folder C", "value": "sub_c"},
        ],
    },
    {
        "label": "Folder C",
        "value": "folder_c",
        "children": [
            {"label": "Sub-folder D", "value": "sub_d"},
            {
                "label": "Sub-folder E",
                "value": "sub_e",
                "children": [
                    {"label": "Sub-sub-folder A", "value": "sub_sub_a"},
                    {"label": "Sub-sub-folder B", "value": "sub_sub_b"},
                ],
            },
            {"label": "Sub-folder F", "value": "sub_f"},
        ],
    },
]

return_select = tree_select(nodes)
st.write(return_select['checked'])

At least in this case, text should be white or to "follow streamlit theme"

AndrewTruett commented 4 months ago

It looks like they fixed this in https://github.com/Schluca/streamlit_tree_select/pull/8, ~6 months ago, however the version on PyPi was released nearly 2 years ago. @Schluca do you think you could make a new release including the changes from https://github.com/Schluca/streamlit_tree_select/pull/8?

eleazargc commented 1 month ago

Hi @Schluca loved the component however I would love to use it in dark mode. Could you please release the fix in PyPi. 🙏

sumittongya commented 1 month ago

replacing the file (https://github.com/Schluca/streamlit_tree_select/blob/main/streamlit_tree_select/frontend/public/react-checkbox-tree.css) at local under ../site-packages/streamlit_tree_select/frontend/build fixed issue of dark mode for me.