# Christmas Decoration Component š
**URL:** https://meta.discourse.org/t/christmas-decoration-component/173949
**Category:** Theme component
**Created:** [December 21, 2020, 6:36pm UTC](https://meta.discourse.org/t/christmas-decoration-component/173949 "2020-12-21T18:36:06Z")
**Posts on this page:** 20
**Page:** 1
### Author:  [@meghna](https://meta.discourse.org/u/meghna)
#### Post date: [December 21, 2020, 6:36pm UTC](https://meta.discourse.org/t/christmas-decoration-component/173949/1 "2020-12-21T18:36:06Z")
Adding a bit of festive flair to your forum ā I present a Christmas decoration component! š
This component includes three flairs:
1. Christmas Lights
2. Christmas Hats
3. Christmas Decoration Image
Each flair can be individually enabled/disabled via theme settings. For `Christmas Decoration Image` there is also a setting to invert color for forum with Dark theme.
The Christmas lights were inspired from @Canapinās [ideas here](https://meta.discourse.org/t/share-your-discourse-christmas-decorations/135188).
Merry Christmas! š
| | | |
| --- | --- | --- |
| š¶ | **Preview** | [Preview on theme creator](https://theme-creator.discourse.org/theme/meghna/christmas-decorations) |
| š | **Github Repo** | [discourse-christmas-decorations](https://github.com/meghnaAJ/discourse-christmas-decorations) |
| š | **Install Guide** | [How to install a theme or theme component](https://meta.discourse.org/t/how-do-i-install-a-theme-or-theme-component/63682) |
---
### Author:  [@david](https://meta.discourse.org/u/david)
#### Post date: [December 21, 2020, 6:43pm UTC](https://meta.discourse.org/t/christmas-decoration-component/173949/2 "2020-12-21T18:43:22Z")
Very nice! One small thing - it doesnāt seem like the āenable decoration imageā is making any difference. I think it might need an `if` statement in the SCSS?
---
### Author:  [@meghna](https://meta.discourse.org/u/meghna)
#### Post date: [December 21, 2020, 6:47pm UTC](https://meta.discourse.org/t/christmas-decoration-component/173949/3 "2020-12-21T18:47:11Z")
Thanks for bringing this in my notice! Iāve pushed a fix now. š
---
### Author:  [@Jonathan5](https://meta.discourse.org/u/Jonathan5)
#### Post date: [December 22, 2020, 10:43am UTC](https://meta.discourse.org/t/christmas-decoration-component/173949/4 "2020-12-22T10:43:45Z")
This is great, thanks. Much easier as a theme component than a theme.
The hats worked immediately but I had to fiddle around to get the lights to work - e.g. ticked the enable/disable boxes (though not sure that is what made it work) and restarted the iOS Hub app - but I guess thatās realistic for lights š
---
### Author:  [@meghna](https://meta.discourse.org/u/meghna)
#### Post date: [December 22, 2020, 11:01am UTC](https://meta.discourse.org/t/christmas-decoration-component/173949/5 "2020-12-22T11:01:44Z")
> [@Jonathan5](#):
>
> This is great, thanks. Much easier as a theme component than a theme.
Glad you liked it! š
> [@Jonathan5](#):
>
> but I had to fiddle around to get the lights to work
That is weird. I just checked installing the component (again) on theme-creator and it worked on first try. Let me know if the issue persists.
---
### Author:  [@Jonathan5](https://meta.discourse.org/u/Jonathan5)
#### Post date: [December 22, 2020, 11:07am UTC](https://meta.discourse.org/t/christmas-decoration-component/173949/6 "2020-12-22T11:07:15Z")
Itās all working now. Maybe it was something to do with caching - the avatars being updated sooner than the menu bar. āCachingā is a good catch-all excuse as I donāt understand it.
---
### Author:  [@sunjam](https://meta.discourse.org/u/sunjam)
#### Post date: [December 24, 2020, 6:08pm UTC](https://meta.discourse.org/t/christmas-decoration-component/173949/7 "2020-12-24T18:08:04Z")
Hmm, perhaps mods could enable this component here on meta to make sure it is workingā¦
---
### Author:  [@tachibanalolo](https://meta.discourse.org/u/tachibanalolo)
#### Post date: [December 7, 2021, 2:59pm UTC](https://meta.discourse.org/t/christmas-decoration-component/173949/12 "2021-12-07T14:59:43Z")
In my discourse, hat and light works fine, however the decoration image doesnāt shows. I have no idea why this will happen.
---
### Author:  [@Jonathan5](https://meta.discourse.org/u/Jonathan5)
#### Post date: [December 7, 2021, 3:01pm UTC](https://meta.discourse.org/t/christmas-decoration-component/173949/13 "2021-12-07T15:01:57Z")
If it helps, the decoration only shows up on desktop, on the top left and top right.
---
### Author:  [@tachibanalolo](https://meta.discourse.org/u/tachibanalolo)
#### Post date: [December 7, 2021, 3:21pm UTC](https://meta.discourse.org/t/christmas-decoration-component/173949/14 "2021-12-07T15:21:47Z")
Yes I know but there is nothing when I view in desktop.
---
### Author:  [@meghna](https://meta.discourse.org/u/meghna)
#### Post date: [December 7, 2021, 3:23pm UTC](https://meta.discourse.org/t/christmas-decoration-component/173949/15 "2021-12-07T15:23:10Z")
The decoration image shows up when the minimum screen width is `1450px`. Are you viewing the site on a small monitor or a laptop?
---
### Author:  [@tachibanalolo](https://meta.discourse.org/u/tachibanalolo)
#### Post date: [December 7, 2021, 3:25pm UTC](https://meta.discourse.org/t/christmas-decoration-component/173949/16 "2021-12-07T15:25:05Z")
oh. I try that on my 2k display monitor so that works. Now Iām using my Lenovo Yoga Duet(kind of like Microsoft Surface) so that disappear. However is that possible to display it on small monitor or a laptop?
---
### Author:  [@tachibanalolo](https://meta.discourse.org/u/tachibanalolo)
#### Post date: [December 7, 2021, 3:26pm UTC](https://meta.discourse.org/t/christmas-decoration-component/173949/17 "2021-12-07T15:26:22Z")
It will be a shame that laptop user canāt see the bellā¦I love that. That stands for Christmas.
---
### Author:  [@meghna](https://meta.discourse.org/u/meghna)
#### Post date: [December 7, 2021, 3:28pm UTC](https://meta.discourse.org/t/christmas-decoration-component/173949/18 "2021-12-07T15:28:52Z")
You can fork the theme and [tweak screen width settings](https://github.com/MeghnaAJ/discourse-christmas-decorations/blob/master/scss/image.scss#L2).
---
### Author:  [@tachibanalolo](https://meta.discourse.org/u/tachibanalolo)
#### Post date: [December 7, 2021, 3:29pm UTC](https://meta.discourse.org/t/christmas-decoration-component/173949/19 "2021-12-07T15:29:17Z")
Cool! I will try that! Thanks for your help!
---
### Author:  [@iamntz](https://meta.discourse.org/u/iamntz)
#### Post date: [December 7, 2021, 4:56pm UTC](https://meta.discourse.org/t/christmas-decoration-component/173949/20 "2021-12-07T16:56:20Z")
If anyone have other components that shows up _before_ the decorations, you could try to add this CSS to force lights to be first:
```plaintext
#main-container > * {
display: flex;
flex-direction: column;
width: 100%;
}
#main-container .lightrope {
order: -1;
}
```
(this _might_ break other integrations, so test thoroughly )
---
### Author:  [@danielabc](https://meta.discourse.org/u/danielabc)
#### Post date: [November 20, 2022, 5:45pm UTC](https://meta.discourse.org/t/christmas-decoration-component/173949/21 "2022-11-20T17:45:20Z")
Can I change the colors of the lights?
---
### Author:  [@kynic](https://meta.discourse.org/u/kynic)
#### Post date: [November 29, 2022, 8:45pm UTC](https://meta.discourse.org/t/christmas-decoration-component/173949/22 "2022-11-29T20:45:10Z")
Hat not showing in posts.
---
### Author:  [@Brandon007](https://meta.discourse.org/u/Brandon007)
#### Post date: [December 7, 2022, 5:10pm UTC](https://meta.discourse.org/t/christmas-decoration-component/173949/23 "2022-12-07T17:10:51Z")
@meghna This is fantastic!
āChristmas Decoration Imageā didnāt work for me.
Is there a way to change the light colors? Iām playing with the CSS, but not having any luck.
---
### Author:  [@th21](https://meta.discourse.org/u/th21)
#### Post date: [December 7, 2022, 10:13pm UTC](https://meta.discourse.org/t/christmas-decoration-component/173949/24 "2022-12-07T22:13:10Z")
Looks like it will add a 2nd hat on the emoji (at top right user menu) when the user set a [user-status](https://meta.discourse.org/t/user-status/240335)
[Next page](https://meta.discourse.org/t/christmas-decoration-component/173949.md?page=2)