# Add per-user CSS in a plugin?
**URL:** https://meta.discourse.org/t/add-per-user-css-in-a-plugin/377962
**Category:** Development
**Created:** [August 9, 2025, 4:42am UTC](https://meta.discourse.org/t/add-per-user-css-in-a-plugin/377962 "2025-08-09T04:42:15Z")
**Posts on this page:** 6
**Page:** 1
### Author:  [@NateDhaliwal](https://meta.discourse.org/u/NateDhaliwal)
#### Post date: [August 9, 2025, 4:42am UTC](https://meta.discourse.org/t/add-per-user-css-in-a-plugin/377962/1 "2025-08-09T04:42:15Z")
In a plugin, how does one add a per-user CSS? E.g. caused by a user setting?
Adding the styles and whatnot to elements/via stylesheets would be global, no?
---
### Author:  [@Kartoon](https://meta.discourse.org/u/Kartoon)
#### Post date: [August 9, 2025, 6:39am UTC](https://meta.discourse.org/t/add-per-user-css-in-a-plugin/377962/2 "2025-08-09T06:39:05Z")
What are you trying to do? You can do things like change individual username/mention color just through the normal theme CSS. If you mean like, change some specific part of a theme with a toggle through a specific users preferences I don’t believe you could do that without giving them their own theme. I’m no expert though
---
### Author:  [@NateDhaliwal](https://meta.discourse.org/u/NateDhaliwal)
#### Post date: [August 9, 2025, 8:44am UTC](https://meta.discourse.org/t/add-per-user-css-in-a-plugin/377962/3 "2025-08-09T08:44:11Z")
Like for example, a per-user setting to change fonts of certain things (e.g. the Markdown composer).
---
### Author:  [@Moin](https://meta.discourse.org/u/Moin)
#### Post date: [August 9, 2025, 8:50am UTC](https://meta.discourse.org/t/add-per-user-css-in-a-plugin/377962/4 "2025-08-09T08:50:23Z")
You could offer groups that the user can join and use [CSS Classes for Current User's Groups](https://meta.discourse.org/t/css-classes-for-current-users-groups/226068).
Or the user can use a browser plugin to change CSS only for themselves. I use Stylus to customize my experience on Meta.
Was the composer a random example? Or what do you want to offer in addition to “Use monospace font in composer’s Markdown mode,” which can be enabled or disabled in the preferences?
---
### Author:  [@NateDhaliwal](https://meta.discourse.org/u/NateDhaliwal)
#### Post date: [August 9, 2025, 9:04am UTC](https://meta.discourse.org/t/add-per-user-css-in-a-plugin/377962/5 "2025-08-09T09:04:55Z")
> [@Moin](#):
>
> Was the composer a random example?
Kinda. I was thinking how the font would be changed per-user.
---
### Author:  [@keegan](https://meta.discourse.org/u/keegan)
#### Post date: [August 11, 2025, 11:20pm UTC](https://meta.discourse.org/t/add-per-user-css-in-a-plugin/377962/6 "2025-08-11T23:20:27Z")
You can probably achieve this in a plugin by doing something along the lines of:
- with the plugin API add a [`api.addSaveableUserOptionField("composer-custom-font")`](https://github.com/discourse/discourse/blob/3ab8e66c00cfd89890cf57275ff1777f85ec2c86/app/assets/javascripts/discourse/app/lib/plugin-api.gjs#L2318-L2320)
- add the field to the `UserOption` table in the db and the serializer so it can be set
- add a connector to the user’s interface page so the setting can be set
- you can make the setting a dropdown, for example, so if the user picks a certain font/font style it adds their preference in the db
- you can extend the composer code to take into account their selected preference, and either change the styles directly with JS or make it add a CSS class based on the preference chosen, which you can apply styles via CSS for that specific class