:rocket: Excited to announce the launch of PDF WorkDesk - an open-source web app for your PDF needs! :page_facing_up::sparkles: As a Streamlit and Python enthusiast, I’m thrilled to share my latest creation with you. PDF WorkDesk is a Streamlit-powered web app designed to make your PDF editing expe…

[image] TomJohn: I do something like that in “ The dungeon ” if you will try to change mode to white it will stay dark How do you do that? Just by setting base="dark" in config.toml?

ah ok… found style.css. Because of the number of components I’ve used, might take a while to override all styles :smiley: But I’ll get to it eventually, I hope :crossed_fingers: Meanwhile, would absolutely love it if you could submit a PR to help me out a bit :pleading_face:

Yup I am using both base="dark" and come css hacks as I remember this part did the trick: .stApp { background: #0e1117; } div.stTabs button { background: #0e1117; } .stApp header { background: #0e1117; }

I had tried this, and it worked okay for the main canvas (the caption became too dark to read), but it didn’t affect the sidebar. I also tried .stSidebarContent { background: #0e1117 }, but that didn’t have any effect. Can you help me with the name of the sidebar element?

Hi! There are two options to change sidebar background. Modify config.toml for custom theme: [theme] base="dark" secondaryBackgroundColor="#FFA421" CSS injection: section[data-testid=stSidebar] { background-color: #0e1117; }

@TomJohn Thank you; this helped a lot! I am using the below CSS file: :root { --primary: #FF4B4B; --background: #0e1117; --text: #fafafa; --secondary: #262730; } .stApp { background: var(--background); color:var(--text); color-scheme: dark; } div.stTabs button { …

Maybe instead of “fighting” with every single style you can change the theme to custom and then hide the ability to change theme by using [client] toolbarMode = "minimal" ?

@TomJohn - ah, yes, that’s exactly what I was looking for! Thank you so much! :bowing_man: Now on to remove the sidebar clutter :broom:

@ferdy , @TomJohn I just updated the app with a decluttered sidebar. How does it look now? PDF WorkDesk · Streamlit Of course, many more improvements are needed from a layout and performance perspective, but the codebase is currently a mess, and the following primary task will be to refactor it b…

Yeah. It’s very very nice now :slight_smile: However I managed to break it with https://www.eiopa.europa.eu/system/files/2020-12/solvency2-factsheet.pdf [image]

🚀 Launching PDF WorkDesk - an open-source web app for your PDF needs!

Show the Community!

SiddhantSadangi July 19, 2024, 5:37pm 23

@TomJohn - weird

There are indeed multiple dialogs (5 in total). Since this corresponds to the number of times pdf-viewer is used, I believe this has something to do with the streamlit-pdf-viewer component.

I am checking with the owner:

Topic		Replies	Views
Streamlit-pdf-viewer Custom Components	9	23483	May 30, 2025
Streamlit pdf reader Custom Components	1	557	June 24, 2024
View pdf in streamlit Using Streamlit windows , llms , discussion	7	463	November 16, 2024
Streamlit (Python) developer to build an interactive PDF text extraction application Jobs	1	342	November 16, 2025
How to add a pdf preview along with chat Using Streamlit discussion	2	172	October 13, 2024

🚀 Launching PDF WorkDesk - an open-source web app for your PDF needs!

Related topics