# Theme with variable width inside settings

**URL:** <https://meta.discourse.org/t/theme-with-variable-width-inside-settings/192790>\
**Category:** UX\
**Created:** [June 5, 2021, 8:00pm UTC](https://meta.discourse.org/t/theme-with-variable-width-inside-settings/192790 "2021-06-05T20:00:49Z")\
**Posts on this page:** 1\
**Showing post:** 5

<div class="post-metadata">

**Author:** ![david](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/david/32/157490_2.png) [@david](https://meta.discourse.org/u/david)\
**Post date:** [April 13, 2022, 10:27am UTC](https://meta.discourse.org/t/theme-with-variable-width-inside-settings/192790/5 "2022-04-13T10:27:09Z")

</div>

> [@daemon](#):
>
> What irritates me now is the use of `#` instead of `$` like in other components I had a look

`#{...}` is scss interpolation:

> **[Sass: Interpolation](https://sass-lang.com/documentation/interpolation/)**
>
> Syntactically Awesome Style Sheets

My guess is that it’s required in some of the examples you shared because all theme settings are ‘string’ variables. Interpolation allows those strings to be used in places which would normally require a specific variable type. In many case though, you can probably get away with just `$variable`

---

_[View the full topic](https://meta.discourse.org/t/theme-with-variable-width-inside-settings/192790)._