# Custom CSS Light/Dark mode
**URL:** https://meta.discourse.org/t/custom-css-light-dark-mode/232575
**Category:** Support
**Created:** [July 12, 2022, 12:03am UTC](https://meta.discourse.org/t/custom-css-light-dark-mode/232575 "2022-07-12T00:03:31Z")
**Posts on this page:** 4
**Page:** 1
### Author:  [@MarcP](https://meta.discourse.org/u/MarcP)
#### Post date: [July 12, 2022, 12:03am UTC](https://meta.discourse.org/t/custom-css-light-dark-mode/232575/1 "2022-07-12T00:03:31Z")
I know we can use `(prefers-color-scheme: dark)` but this only checks for system dark/light theme.
Is there some CSS we can use to customize CSS based on color template, bumping into many issues here when editing themes to make them work with dark and light color templates.
---
### Author:  [@MarcP](https://meta.discourse.org/u/MarcP)
#### Post date: [July 12, 2022, 12:27am UTC](https://meta.discourse.org/t/custom-css-light-dark-mode/232575/2 "2022-07-12T00:27:30Z")
Alright so [this](https://meta.discourse.org/t/why-might-dark-light-choose-not-work/172232) topic helped me enormously.
Now the follow up question, can we define colors in components/themes?
---
### Author:  [@MarcP](https://meta.discourse.org/u/MarcP)
#### Post date: [July 12, 2022, 12:58am UTC](https://meta.discourse.org/t/custom-css-light-dark-mode/232575/3 "2022-07-12T00:58:43Z")
I’ll just help myself, found the answer to the last question [here](https://github.com/discourse/material-design-stock-theme/tree/main/common).
---
### Author:  [@system](https://meta.discourse.org/u/system)
#### Post date: [August 11, 2022, 12:58am UTC](https://meta.discourse.org/t/custom-css-light-dark-mode/232575/4 "2022-08-11T00:58:51Z")
This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.