I didn’t seem to find a definitive answer when searching, but I want to change a CSS item one way for dark, and another for light. What is the best way to accomplish this in Discourse?

i suspect this topic may help you. [صورة] Use color scheme color if dark scheme, otherwise use my color in theme dev I want to do something like this .some-link { @if var(--scheme-type) == 'dark' { color: var(--primary); } @else { color: #3b5998; } but of co…

I don’t believe i can edit color_definitions.css since I am an enterprise customer that CDCK is hosting. I suppose I’d have to reach out to them about this then. Thanks, Lilly!

i think you can override it with your own CSS in another theme or component i’m not sure how this works so i’m going to mess around with it today and see if i can come up with dark - light mode css conditional. i feel like this should be possible.

[صورة] Jordan Violet: I want to change a CSS item what is the CSS element you want to change based on dark/light mode? you can add color definitions to the color definitions tab of the edit CSS/ HTML of a theme (color_definitions stylesheet).

Sorry for the late reply! So I was looking to change the color of the highlighted* bar atop an expert response post in a topic, but I wanted to highlight the bar with a different color for light and dark theme.

[صورة] Jordan Violet: blighted bar not sure what you mean? can you provide a screenshot?

Highlighted** sorry, mobile typo!

[صورة] Lilly: i’m going to mess around with it today and see if i can come up with dark - light mode css conditional. i feel like this should be possible. I’d love to be proven wrong on this, but I think there’s no reliable check you could use with css. @sp-jordan-violet usually the way to g…

[صورة] Manuel Kostka: I’d love to be proven wrong on this, but I think there’s no reliable check you could use with css. yea i tend to agree. i’ve also been tinkering with a javascript / css solution but nothing working yet

Woah, I really like this idea!!

كيفية تغيير عنصر css بناءً على الوضع الداكن أو الفاتح؟

مطور

Lilly 16 يونيو 2023، 2:21م 2

أعتقد أن هذا الموضوع قد يساعدك.

الموضوع		الردود	مرات العرض
Use color scheme color if dark scheme, otherwise use my color in theme Development	2	1178	25 مايو 2021
Different CSS changes for different color schemes Development css	3	726	17 أكتوبر 2023
Custom variables to color schemes Feature	3	566	13 فبراير 2023
How to add a specific body class for the dark (or light) mode? Support	13	3760	7 مارس 2022
CSS element based on color scheme selected Development css	7	1686	17 نوفمبر 2022

كيفية تغيير عنصر css بناءً على الوضع الداكن أو الفاتح؟

الموضوعات ذات الصلة