Hello, When adding more settings to my theme, it started to become apparent Discourse was ignoring them. Code: #main-outlet-wrapper .sidebar-wrapper { @if $Full_Width == true { left: 10px; } } @if $Full_Width == true { :root { --d-max-width: 95%; } #main-outlet { max-width: 90%; margin-left: auto; margin-right: auto; margin-top: 5px; margin-bottom: 50px; } } This code doesn’t do anything, no matter the value of the setting. However, if I remove == true, it’ll always be enabled no matter what. This also seems to be the issue with any other bool? I read the sass docs and my code matches and it still does not work. div#main-outlet.wrap.not-found-container, #main-outlet-wrapper { #main-outlet, .sidebar-wrapper { @if $Is_Background_Blurred { backdrop-filter: blur(3rem) !important; background-color: #0a0a0aa6 !important; input[type], .select-kit.combo-box .select-kit-header, .d-editor-textarea-wrapper, div.ac-wrap { background: transparent; } } @else { backdrop-filter: none !important; background-color: var(--secondary) !important; input[type], .select-kit.combo-box .select-kit-header, .d-editor-textarea-wrapper, div.ac-wrap { background: transparent; } } } } Thanks for any help.

Have you tried: @if $var == "true" It’s possible the boolean is actually a string, I’ve run into this with theme components before.

I encountered the same issue a few weeks ago and concluded that the if SASS condition wasn’t working as I thought. I’d be very happy to know if such a thing is possible though: Having “if this site_setting == value then” in a SASS file. I’m just putting this here in case it would be of any usefulness: Sass: @if and @else Syntactically Awesome Style Sheets

[image] Coin-coin le Canapin: Sass: @if and @else I had a look here before I made my post, and my code is the exact same. Doing @if $var {} will always run it no matter the value, and @if $var == true {} will never run it.

Yep, seemed to fix it, strange.

This may fix the dark theme switching we discussed recently, thanks. It was not working as is.

And just like that, Kris helped an entire population. [image]

Sass variables are not being read in code

Development

Canapin (Coin-coin le Canapin) March 2, 2023, 11:11pm 6

Awesome, you both helped me figure out a thing I had given up on in one of my theme components.

Topic		Replies	Views
Is there any way to use @if in a Theme Component using a variable? Development	2	177	February 3, 2025
Theme with variable width inside settings UX	5	1170	April 13, 2022
SCSS color property variable headaches Development	6	1541	September 12, 2023
Use theme variables in a theme component Product Support	4	1235	July 4, 2017
Can I debug Scss in theme components? Product Support	2	554	August 13, 2021

Sass variables are not being read in code

Related topics