I’m trying to use the dark-light-choose($light, $dark) function in my personalized CSS but it always returns $light even if I change the palette from light (Clara) to dark (Oscura): [image] I give more detail about my setup here: [صورة] How to change CSS color for a singl…

I believe, due to the way the SCSS is compiled, custom dark/light definitions need to be added to color_definitions.scss within a theme and won’t work in other scss files. [Screen Shot 2020-12-04 at 9.54.13 PM] color_definitions.scss is high up in the cascade (before a lot of the default styles),…

Thank you so much, Kris. You saved me! It works perfectly :tada: I’ve been playing around with it and the only thing I don’t understand is why variable interpolation is required with color values. For example, this doesn’t work without interpolation: $ins: #7f7e7e; :root { --custom-ins: $ins; } …

[صورة] Nacho_Caballero: the only thing I don’t understand is why variable interpolation is required with color values. It is a SCSS requirement when using CSS custom properties. More details here: Sass: Property Declarations

لماذا قد لا تعمل dark-light-choose()؟

الدعم

pmusaraj (Penar Musaraj) 6 ديسمبر 2020، 1:47م 4

هذا شرط في SCSS عند استخدام خصائص CSS المخصصة. مزيد من التفاصيل هنا: Sass: Property Declarations

الموضوع		الردود	مرات العرض
How to change CSS color for a single theme palette? Support	3	1395	5 ديسمبر 2020
Choosing between dark and light colors in a theme component Support	4	692	19 فبراير 2021
Use color scheme color if dark scheme, otherwise use my color in theme Development	2	1250	25 مايو 2021
Different CSS changes for different color schemes Development css	3	834	17 أكتوبر 2023
Update themes and plugins to support automatic dark mode Developer Guides how-to , auto-dark , theme-guides	10	4482	14 نوفمبر 2025

لماذا قد لا تعمل dark-light-choose()؟

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