# Share a lovely Joplin userstyle.css file

**URL:** <https://discourse.joplinapp.org/t/share-a-lovely-joplin-userstyle-css-file/32150>\
**Category:** Lounge\
**Created:** [10 August 2023 11:48 UTC](https://discourse.joplinapp.org/t/share-a-lovely-joplin-userstyle-css-file/32150 "2023-08-10T11:48:07Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![sumruler](https://yyz2.discourse-cdn.com/flex028/user_avatar/discourse.joplinapp.org/sumruler/32/17715_2.png) [@sumruler](https://discourse.joplinapp.org/u/sumruler)\
**Post date:** [10 August 2023 11:48 UTC](https://discourse.joplinapp.org/t/share-a-lovely-joplin-userstyle-css-file/32150/1 "2023-08-10T11:48:07Z")

</div>

I'll share one for now and may continue to add to it in the future  
The first one is a lovely purple style theme style

 ![截图_20230810194047](https://canada1.discourse-cdn.com/flex028/uploads/cozic/original/3X/d/e/de33fbd515978e1048961528b59e04edd3c9c982.png)

The way to use it is to copy the userstyle1.css code under the userstyle folder, and then change the css code in the custom style sheet.

You can download it on my Github!

> **[GitHub - sumruler/Joplin-userstyle: Share some beautiful userstyle.css for...](https://github.com/sumruler/Joplin-userstyle)**
>
> Share some beautiful userstyle.css for Joplin. Contribute to sumruler/Joplin-userstyle development by creating an account on GitHub.

---

<div class="post-metadata">

**Author:** ![sumruler](https://yyz2.discourse-cdn.com/flex028/user_avatar/discourse.joplinapp.org/sumruler/32/17715_2.png) [@sumruler](https://discourse.joplinapp.org/u/sumruler)\
**Post date:** [17 August 2023 11:44 UTC](https://discourse.joplinapp.org/t/share-a-lovely-joplin-userstyle-css-file/32150/2 "2023-08-17T11:44:53Z")

</div>

Share another Joplin userstyle.css

---

<div class="post-metadata">

**Author:** ![sumruler](https://yyz2.discourse-cdn.com/flex028/user_avatar/discourse.joplinapp.org/sumruler/32/17715_2.png) [@sumruler](https://discourse.joplinapp.org/u/sumruler)\
**Post date:** [17 August 2023 11:51 UTC](https://discourse.joplinapp.org/t/share-a-lovely-joplin-userstyle-css-file/32150/3 "2023-08-17T11:51:21Z")

</div>

I am very happy to recommend this Markdown style for Joplin to you, which has the following characteristics:

> 1. A concise and clear hierarchical structure;
> 2. Cute hover animation (interacts with you when you slide the mouse over certain elements);
> 
> ![截图_20230817194836](https://canada1.discourse-cdn.com/flex028/uploads/cozic/original/3X/f/6/f662b72928d4a70356a2541f86eb6c6d24d69e69.gif)  
> 3. Beautiful code box (optimized Joplin's code box according to mdnice's style)  
> ![截图_20230817194937](https://canada1.discourse-cdn.com/flex028/uploads/cozic/original/3X/f/6/f6ef5f7457136302fea8eed5fbbc047478b5c06c.gif)  
> You can preview it through the following image！

 ![image](https://canada1.discourse-cdn.com/flex028/uploads/cozic/original/3X/a/0/a03c73a4cef0e5348d0652fe3c335c70e45b1bc6.jpeg)

You can find it in my Github warehouse!

---

<div class="post-metadata">

**Author:** ![nokoa77](https://yyz2.discourse-cdn.com/flex028/user_avatar/discourse.joplinapp.org/nokoa77/32/3207_2.png) [@nokoa77](https://discourse.joplinapp.org/u/nokoa77)\
**Post date:** [29 August 2023 19:11 UTC](https://discourse.joplinapp.org/t/share-a-lovely-joplin-userstyle-css-file/32150/4 "2023-08-29T19:11:58Z")

</div>

Thank you for sharing!

---

<div class="post-metadata">

**Author:** ![Benjamin-Watson0](https://yyz2.discourse-cdn.com/flex028/user_avatar/discourse.joplinapp.org/benjamin-watson0/32/14787_2.png) [@Benjamin-Watson0](https://discourse.joplinapp.org/u/Benjamin-Watson0)\
**Post date:** [26 September 2023 12:52 UTC](https://discourse.joplinapp.org/t/share-a-lovely-joplin-userstyle-css-file/32150/5 "2023-09-26T12:52:48Z")

</div>

Very beautiful, look forward to more of your masterpieces.🤗

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex028/uploads/cozic/original/3X/1/c/1c948e33314e232a0927789508474d8624f4270b.png) [@system](https://discourse.joplinapp.org/u/system)\
**Post date:** [25 September 2025 12:52 UTC](https://discourse.joplinapp.org/t/share-a-lovely-joplin-userstyle-css-file/32150/6 "2025-09-25T12:52:55Z")

</div>

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