> ## Documentation Index
> Fetch the complete documentation index at: https://docs.soundcloud-desktop.fun/llms.txt
> Use this file to discover all available pages before exploring further.

# Тема, обои и свой CSS

> Тема, обои, шрифт, масштаб и свой CSS. Светлой темы нет

Всё здесь: **Настройки -> Оформление**.

| Что поменять | Где |
| - | - |
| Тема: **SoundCloud**, **Тьма**, **Неон**, **Лес**, **Кармин** или **Своя** (свой **Цвет акцента**) | **Тема** |
| Обои: **Файл**, **URL**, **Онлайн**, смена по таймеру **Слайд-шоу** | **Фоновое изображение** |
| Шрифт | **Шрифт интерфейса** |
| Размер всего окна | **Масштаб интерфейса** или **Ctrl+плюс** и **Ctrl+минус** (на macOS **Cmd**) |
| Цвета от обложки играющего трека | **Цвета обложки** |
| Порядок и видимость блоков | **Расположение** |
| Свои стили, описание по кнопке **Справка** | **Свой CSS** |

Светлой темы нет: все темы тёмные.

## Поставить обои

<Steps>
  <Step title="Откройте настройки фона">
    **Настройки -> Оформление -> Фоновое изображение**.
  </Step>

  <Step title="Добавьте картинку">
    Нажмите **Файл** и выберите картинку. Другие способы: **URL** (вставьте ссылку и нажмите **Скачать**) или **Онлайн** (поиск обоев).
  </Step>

  <Step title="Подстройте вид">
    Под картинками появятся **Затемнение фона**, **Затемнение краёв** и **Блюр фона**. **Нет** убирает фон.
  </Step>
</Steps>

<Warning>
  Сломали вид своим CSS? Нажмите **Ctrl+Alt+Shift+C** (на macOS **Cmd+Option+Shift+C**): стили выключатся. Повторное нажатие включит их снова.
</Warning>

<AccordionGroup>
  <Accordion title="Картинка по ссылке не загружается" icon="link" id="url-wallpaper">
    Ссылка работает не со всех сайтов. Скачайте картинку на компьютер, нажмите **Файл** и выберите её.

    Большой GIF (десятки мегабайт) тоже может не загрузиться: возьмите анимированный WebP или файл поменьше.
  </Accordion>

  <Accordion title="Своя картинка в CSS" icon="image" id="css-images">
    1. Откройте **Свой CSS -> Свои картинки** и нажмите **Добавить картинку**. Подходят PNG, JPG, WebP, GIF, SVG и AVIF до 10 МБ.
    2. Нажмите значок копирования рядом с файлом (подсказка **Копировать CSS**). В буфер попадёт `url("sc-assets/имя")`.
    3. Вставьте это в свой CSS:

    ```css theme={null}
    [data-ui="sidebar"] {
      background-image: url("sc-assets/bg.webp") !important;
      background-size: cover;
    }
    ```

    Ссылки на сайты и пути вроде `C:\` в CSS не загружаются.

    <Frame>
      <img src="https://mintcdn.com/69-3b950232/gEXciwhTuFDNw6td/images/app/custom-css.webp?fit=max&auto=format&n=gEXciwhTuFDNw6td&q=85&s=9c0afeb309facbbf82495c11a53f93e6" alt="Карточка Свой CSS: редактор, хуки и переменные, раздел Свои картинки с кнопкой Добавить картинку и подсказка про клавиши, которые выключают стили" width="520" data-path="images/app/custom-css.webp" />
    </Frame>
  </Accordion>

  <Accordion title="Поделиться темой" icon="share-nodes" id="share">
    Выложите скриншот и CSS на форуме **темы** в [Discord](https://discord.gg/xQcGBP8fGG).
  </Accordion>

  <Accordion title="Сбросить оформление" icon="rotate-left" id="reset">
    Нажмите **Сбросить** справа вверху в первой карточке (**Оформление**). Сбросятся тема, обои, шрифт и цвета обложки. Масштаб, расположение и свой CSS останутся.
  </Accordion>

  <Accordion title="Клавиша не помогла, интерфейс всё равно сломан" icon="power-off" id="no-custom-css">
    Закройте приложение полностью ([как закрыть](/fix/wont-close)) и запустите его без своего CSS:

    <Tabs>
      <Tab title="Windows" icon="windows" iconType="brands">
        Правой кнопкой нажмите на ярлык -> **Свойства**. В конце поля **Объект** поставьте пробел и допишите `--no-custom-css`. Нажмите **ОК** и запустите ярлык.
      </Tab>

      <Tab title="macOS" icon="apple" iconType="brands">
        ```bash theme={null}
        open -a soundcloud-desktop --args --no-custom-css
        ```
      </Tab>

      <Tab title="Linux" icon="linux" iconType="brands">
        ```bash theme={null}
        soundcloud-desktop --no-custom-css
        ```
      </Tab>
    </Tabs>

    Свой CSS останется выключенным. Исправьте его или нажмите **Очистить**, потом включите переключатель **Свой CSS**. На Windows уберите флаг из ярлыка.
  </Accordion>
</AccordionGroup>


## Related topics

- [Есть ли функция и где она](/use/features.md)
- [Чёрный экран или "Что-то пошло не так"](/fix/black-screen.md)
- [Форки и сборки от незнакомцев](/about/forks.md)
- [Linux: белое или пустое окно](/fix/linux-window.md)
- [Скачать трек или слушать без интернета](/use/offline.md)


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.