# Acessando configurações da lista de temas via regra @each SCSS

**URL:** <https://meta.discourse.org/t/accessing-theme-list-settings-via-scss-each-rule/272142>\
**Category:** Development\
**Created:** [19 Julho , 2023 15:27 UTC](https://meta.discourse.org/t/accessing-theme-list-settings-via-scss-each-rule/272142 "2023-07-19T15:27:42Z")\
**Posts on this page:** 1\
**Showing post:** 4

<div class="post-metadata">

**Author:** ![Lilly](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/lilly/32/575047_2.png) [@Lilly](https://meta.discourse.org/u/Lilly)\
**Post date:** [31 Julho , 2023 01:43 UTC](https://meta.discourse.org/t/accessing-theme-list-settings-via-scss-each-rule/272142/4 "2023-07-31T01:43:37Z")

</div>

aliás, resolvi isso na semana passada. usei uma função scss separadora de strings

```scss
@function str-to-list($string, $separator, $startAt: 1) {
  $item: str-slice($string, $startAt);
  $list: ();
  $index: str-index($item, $separator);

  @if $index == null {
    $list: ($item);
  } @else {
    $list: (str-slice($item, 1, $index - 1));
    $list: join($list, str-to-list($item, $separator, $startAt: $index + 1));
  }

  @return $list;
}

$list: str-to-list("#{$list_setting}", "|");

@each $setting in $list {
  algum código de formatação css com cada $setting aqui;
}

```

usando isso nestes componentes aqui:

> **[GitHub - Lillinator/topic-header-changer: changes topic header text for specified categories](https://github.com/Lillinator/topic-header-changer)**
>
> changes topic header text for specified categories

> **[GitHub - Lillinator/restrict-user-status: This component restricts the Discourse user status...](https://github.com/Lillinator/restrict-user-status)**
>
> This component restricts the Discourse user status functionality to select groups, including forum staff, superusers, etc.

obrigado a @Don pela dica 🙂

---

_[View the full topic](https://meta.discourse.org/t/accessing-theme-list-settings-via-scss-each-rule/272142)._