# How to customize the streamlit cheatsheet app

**URL:** <https://discuss.streamlit.io/t/how-to-customize-the-streamlit-cheatsheet-app/81023>\
**Category:** Using Streamlit\
**Tags:** question, discussion\
**Created:** [September 11, 2024, 11:25am UTC](https://discuss.streamlit.io/t/how-to-customize-the-streamlit-cheatsheet-app/81023 "2024-09-11T11:25:48Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![wgong27514](https://sea2.discourse-cdn.com/streamlit/user_avatar/discuss.streamlit.io/wgong27514/32/49174_2.png) [@wgong27514](https://discuss.streamlit.io/u/wgong27514)\
**Post date:** [September 11, 2024, 11:25am UTC](https://discuss.streamlit.io/t/how-to-customize-the-streamlit-cheatsheet-app/81023/1 "2024-09-11T11:25:48Z")

</div>

the app is at [Streamlit API cheat sheet - Streamlit Docs](https://docs.streamlit.io/develop/quick-reference/cheat-sheet) - looks very cool,  
but wish to change the background color of each card, or even sync card content to a given release

### Questions

- Is the source code for above app available?
- How to customize the background color of each card?
- How to sync card content ?  
Is there a programmatical way of fetching the API info for a given release number globally?

Thank you!

PS: meanwhile, found another cheatsheet app at - [GitHub - daniellewisDL/streamlit-cheat-sheet: A cheat sheet for streamlit](https://github.com/daniellewisDL/streamlit-cheat-sheet) , going to study it

---

<div class="post-metadata">

**Author:** ![Nico](https://sea2.discourse-cdn.com/streamlit/user_avatar/discuss.streamlit.io/nico/32/45945_2.png) [@Nico](https://discuss.streamlit.io/u/Nico)\
**Post date:** [September 11, 2024, 4:05pm UTC](https://discuss.streamlit.io/t/how-to-customize-the-streamlit-cheatsheet-app/81023/2 "2024-09-11T16:05:04Z")

</div>

Are you looking for [this](https://github.com/streamlit/docs/blob/main/content/develop/quick-references/api-cheat-sheet.md)?

---

<div class="post-metadata">

**Author:** ![wgong27514](https://sea2.discourse-cdn.com/streamlit/user_avatar/discuss.streamlit.io/wgong27514/32/49174_2.png) [@wgong27514](https://discuss.streamlit.io/u/wgong27514)\
**Post date:** [September 11, 2024, 6:12pm UTC](https://discuss.streamlit.io/t/how-to-customize-the-streamlit-cheatsheet-app/81023/3 "2024-09-11T18:12:29Z")

</div>

Thank you @Nico !  
Any info on how the markdown file is rendered into white-text on black-background cards at [Streamlit API cheat sheet - Streamlit Docs](https://docs.streamlit.io/develop/quick-reference/cheat-sheet)

---

<div class="post-metadata">

**Author:** ![Nico](https://sea2.discourse-cdn.com/streamlit/user_avatar/discuss.streamlit.io/nico/32/45945_2.png) [@Nico](https://discuss.streamlit.io/u/Nico)\
**Post date:** [September 11, 2024, 8:14pm UTC](https://discuss.streamlit.io/t/how-to-customize-the-streamlit-cheatsheet-app/81023/4 "2024-09-11T20:14:25Z")

</div>

Hmm I’m not too sure, but I bet @mathcatsand knows!

---

<div class="post-metadata">

**Author:** ![mathcatsand](https://sea2.discourse-cdn.com/streamlit/user_avatar/discuss.streamlit.io/mathcatsand/32/48006_2.png) [@mathcatsand](https://discuss.streamlit.io/u/mathcatsand)\
**Post date:** [September 12, 2024, 3:47pm UTC](https://discuss.streamlit.io/t/how-to-customize-the-streamlit-cheatsheet-app/81023/5 "2024-09-12T15:47:28Z")

</div>

Our docs site isn’t a Streamlit app. We use Next.js to build the docs, so it’s a whole different thing. The cheat sheet is just a static page right now. 🙂

---

<div class="post-metadata">

**Author:** ![wgong27514](https://sea2.discourse-cdn.com/streamlit/user_avatar/discuss.streamlit.io/wgong27514/32/49174_2.png) [@wgong27514](https://discuss.streamlit.io/u/wgong27514)\
**Post date:** [September 12, 2024, 7:49pm UTC](https://discuss.streamlit.io/t/how-to-customize-the-streamlit-cheatsheet-app/81023/6 "2024-09-12T19:49:38Z")

</div>

Thank you, I have played with streamlit-card component, I can achieve what I need

---

<div class="post-metadata">

**Author:** ![system](https://global.discourse-cdn.com/streamlit/original/3X/c/f/cf4c2ee0d938358f82448c5fe4b9c3c91d7ce19c.svg) [@system](https://discuss.streamlit.io/u/system)\
**Post date:** [March 11, 2025, 7:50pm UTC](https://discuss.streamlit.io/t/how-to-customize-the-streamlit-cheatsheet-app/81023/7 "2025-03-11T19:50:06Z")

</div>

This topic was automatically closed 180 days after the last reply. New replies are no longer allowed.
