# Chat look customization
**URL:** https://meta.discourse.org/t/chat-look-customization/250955
**Category:** Development
**Tags:** chat
**Created:** [January 6, 2023, 5:03pm UTC](https://meta.discourse.org/t/chat-look-customization/250955 "2023-01-06T17:03:48Z")
**Posts on this page:** 8
**Page:** 1
### Author:  [@agf1997](https://meta.discourse.org/u/agf1997)
#### Post date: [January 6, 2023, 5:03pm UTC](https://meta.discourse.org/t/chat-look-customization/250955/1 "2023-01-06T17:03:48Z")
I’m trying to customize the new chat window (full screen mode) on desktop.
I have the css I’d like to use, but I can’t figure out where to put it in my theme to have it take effect.
I’ve tried …
```plaintext
my_theme/desktop/chat.scss
my_theme/desktop/chat_desktop.scss
my_theme/common/chat.scss
my_theme/common/chat_desktop.scss
```
None of those seem to override the default css.
For completeness, here’s the css I’m trying to inject.
```plaintext
// Adjust full screen chat appearance
.full-page-chat .chat-full-page-header {
background: var(--primary-very-low);
}
.full-page-chat .chat-full-page-header {
border-top: 0px;
}
:root {
--d-max-width: 2000px;
}
.has-full-page-chat:not(.discourse-sidebar) {
--max-chat-width: 2000px;
}
#main-outlet-wrapper {
padding: 0 0px;
}
```
---
### Author:  [@merefield](https://meta.discourse.org/u/merefield)
#### Post date: [January 6, 2023, 5:19pm UTC](https://meta.discourse.org/t/chat-look-customization/250955/2 "2023-01-06T17:19:05Z")
Your folder/file name structure is incorrect.
Take a read through: [Developing Discourse Themes & Theme Components](https://meta.discourse.org/t/beginners-guide-to-developing-discourse-themes/93648#theme-files-and-folders-7)
---
### Author:  [@agf1997](https://meta.discourse.org/u/agf1997)
#### Post date: [January 6, 2023, 5:23pm UTC](https://meta.discourse.org/t/chat-look-customization/250955/3 "2023-01-06T17:23:21Z")
I must be missing something. What is incorrect about it?
This is my folder structure.
---
### Author:  [@merefield](https://meta.discourse.org/u/merefield)
#### Post date: [January 6, 2023, 5:28pm UTC](https://meta.discourse.org/t/chat-look-customization/250955/4 "2023-01-06T17:28:03Z")
That’s different to what you shared in the OP:
If you want to name the chat mods as something different, you must reference them in the main file.
---
### Author:  [@agf1997](https://meta.discourse.org/u/agf1997)
#### Post date: [January 6, 2023, 5:31pm UTC](https://meta.discourse.org/t/chat-look-customization/250955/5 "2023-01-06T17:31:32Z")
Sorry for the confusion. In the OP I was trying to communicate what files I tried making, and the locations in which I placed them. I don’t want to name the chat mode differently, I’m just trying to figure out which scss file I should place the css in to effect only the desktop, full screen mode chat.
---
### Author:  [@awesomerobot](https://meta.discourse.org/u/awesomerobot)
#### Post date: [January 6, 2023, 5:35pm UTC](https://meta.discourse.org/t/chat-look-customization/250955/6 "2023-01-06T17:35:10Z")
You can put your CSS in `theme/desktop/desktop.scss` — to impact chat it doesn’t have to be in a chat-specific file, you just have to target the relevant classes.
---
### Author:  [@merefield](https://meta.discourse.org/u/merefield)
#### Post date: [January 6, 2023, 5:35pm UTC](https://meta.discourse.org/t/chat-look-customization/250955/7 "2023-01-06T17:35:41Z")
You can use `@import "chat"` or equivalent to import them into your main file.
---
### Author:  [@system](https://meta.discourse.org/u/system)
#### Post date: [February 5, 2023, 5:36pm UTC](https://meta.discourse.org/t/chat-look-customization/250955/8 "2023-02-05T17:36:03Z")
This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.