# Userchrome.css overridden by built-in themes

**URL:** <https://discourse.joplinapp.org/t/userchrome-css-overridden-by-built-in-themes/35216>\
**Category:** Support\
**Created:** [15 January 2024 11:50 UTC](https://discourse.joplinapp.org/t/userchrome-css-overridden-by-built-in-themes/35216 "2024-01-15T11:50:19Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![almgh](https://avatars.discourse-cdn.com/v4/letter/a/90ced4/32.png) [@almgh](https://discourse.joplinapp.org/u/almgh)\
**Post date:** [15 January 2024 11:50 UTC](https://discourse.joplinapp.org/t/userchrome-css-overridden-by-built-in-themes/35216/1 "2024-01-15T11:50:19Z")

</div>

### Operating system

Windows

### Joplin version

2.13.14

### Desktop version info

Joplin 2.13.14 (prod, win32)

Client ID: 5a6184dc2f95484ca2570128ff551197  
Sync Version: 3  
Profile Version: 44  
Keychain Supported: Yes

Revision: 174c5f4

### What issue do you have?

I'm facing an issue with customizing Joplin's appearance using userchrome.css/userstyle.css.

Despite following recommended steps and clearing the cache, my custom styles are not applied, and default themes override them regardless of which one I pick or activating/deactivating "Automatically switch theme to match system theme".

What I've Tried:

Verified userchrome.css location (which is C:\Users[my username].config\joplin-desktop)  
Cleared Joplin cache by deleting the cache folder in above location  
Swapped to every built-in theme and restarted Joplin by killing it with Ctrl+Q and/or killed all its processes in the activity manager  
Deleted the Joplin settings file in above location and started from scratch

Themes I've tried:

My account is new, so I can't link, but I've tried every single theme listed in the awesome-joplin GitHub repository without success. In some cases I've seen changes to the text in the side panels, but that's pretty much it.

How can I get Joplin to stop ignoring the built-in themes and use what's specified in userchrome.css and userstyle.css? Has anyone else encountered and resolved this?

---

<div class="post-metadata">

**Author:** ![dpoulton](https://yyz2.discourse-cdn.com/flex028/user_avatar/discourse.joplinapp.org/dpoulton/32/29723_2.png) [@dpoulton](https://discourse.joplinapp.org/u/dpoulton)\
**Post date:** [15 January 2024 15:06 UTC](https://discourse.joplinapp.org/t/userchrome-css-overridden-by-built-in-themes/35216/2 "2024-01-15T15:06:53Z")

</div>

@almgh welcome to the forum.

The files userchrome.css and userstyle.css are loading into Joplin when it starts. So if you add css code to them ensure that Joplin is fully quit (File \> Quit) and restarted to allow the css code to have an effect.

That being said it does appear that in some cases Joplin will read css information for parts of the interface _after_ userchrome.css, so it overwrites the changes you have made. That is why you see the code `!important` being used in some css examples on this forum. It gives that particular piece of css a priority that does not allow it to be later overridden. For instance I do not use the Rich Text Editor so I wanted to hide the Markdown/Rich Text Editor button. The code:

```css
button[title="Toggle editors"] {
    display: none;
}

```

should do that, but it doesn't. However using:

```css
button[title="Toggle editors"] {
    display: none !important;
}

```

does.

---

<div class="post-metadata">

**Author:** ![almgh](https://avatars.discourse-cdn.com/v4/letter/a/90ced4/32.png) [@almgh](https://discourse.joplinapp.org/u/almgh)\
**Post date:** [16 January 2024 09:35 UTC](https://discourse.joplinapp.org/t/userchrome-css-overridden-by-built-in-themes/35216/3 "2024-01-16T09:35:55Z")

</div>

I have absolutely no idea why it wasn't working. I kept doing what I had already done for a while, and suddenly Joplin decided to parse my userchrome.css. Thanks anyway!

---

<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:** [15 February 2024 09:36 UTC](https://discourse.joplinapp.org/t/userchrome-css-overridden-by-built-in-themes/35216/4 "2024-02-15T09:36:37Z")

</div>

Closed on 15 February 2024 09:36 UTC

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