# CSS темы не отображается для незарегистрированных пользователей

**URL:** https://meta.discourse.org/t/theme-css-isnt-showing-for-logged-out-users/256308
**Category:** Development
**Tags:** css
**Created:** [26.Февраль.2023 15:38:07 UTC](https://meta.discourse.org/t/theme-css-isnt-showing-for-logged-out-users/256308 "2023-02-26T15:38:07Z")
**Posts on this page:** 13
**Page:** 1

<div class="post-metadata">

### Author: ![Ray\_ACP](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/ray_acp/32/295128_2.png) [@Ray\_ACP](https://meta.discourse.org/u/Ray_ACP)
#### Post date: [26.Февраль.2023 15:38:07 UTC](https://meta.discourse.org/t/theme-css-isnt-showing-for-logged-out-users/256308/1 "2023-02-26T15:38:07Z")

</div>

Привет,

Я создал новый компонент, который добавляет дополнительные стили CSS к моей теме. Я применил этот компонент ко всем темам, включая тему по умолчанию.

Я заметил, что когда вы не авторизованы, отображаются не все CSS-стили, а когда вы вошли в систему — всё работает? Уверен, что где-то есть настройка, которую я упустил, или я что-то не понимаю. Я уже довольно долго искал, но так и не смог понять, почему это происходит. Любая помощь будет очень кстати!

---

<div class="post-metadata">

### Author: ![Canapin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/canapin/32/119591_2.png) [@Canapin](https://meta.discourse.org/u/Canapin)
#### Post date: [26.Февраль.2023 16:58:35 UTC](https://meta.discourse.org/t/theme-css-isnt-showing-for-logged-out-users/256308/2 "2023-02-26T16:58:35Z")

</div>

Привет 🙂

Можешь поделиться с нами добавленным CSS? Добавлял ли ты JavaScript на свой форум?

---

<div class="post-metadata">

### Author: ![Ray\_ACP](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/ray_acp/32/295128_2.png) [@Ray\_ACP](https://meta.discourse.org/u/Ray_ACP)
#### Post date: [26.Февраль.2023 17:09:58 UTC](https://meta.discourse.org/t/theme-css-isnt-showing-for-logged-out-users/256308/3 "2023-02-26T17:09:58Z")

</div>

Привет! У меня есть следующий CSS:

` .custom-homepage-columns .header-wrapper a h2, a:visited, .user-menu.revamped .tabs-list .btn .badge-notification, a, { color: #ffffff; }`

` a:hover { color: #35af74; }`

` @import url(https://fonts.googleapis.com/css?family=Baloo+2);`

`body { font-family: 'Baloo 2', 'Helvetica', cursive; font-size: 18px; }`

Я не добавлял никакого JavaScript на форум, если только компоненты, которые я установил, сами его не содержат. Вот мои компоненты:

- Баннеры категорий
- Переключатель тёмной/светлой темы
- Кликабельные темы Discourse
- Слайдер загрузки Discourse
- Современные блоки категорий и групп
- Компонент ссылки навигации
- Стили тегов
- Компонент «Плитки» (галерея)
- Универсальный баннер

Однако CSS, который не отображается, настраивается через цвета темы и не связан с вышеуказанным. В разделе Настроить → Цвета → Тема я изменил основные, вторичные и третичные цвета, но они применяются только при входе в систему.

---

<div class="post-metadata">

### Author: ![Canapin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/canapin/32/119591_2.png) [@Canapin](https://meta.discourse.org/u/Canapin)
#### Post date: [26.Февраль.2023 17:30:12 UTC](https://meta.discourse.org/t/theme-css-isnt-showing-for-logged-out-users/256308/4 "2023-02-26T17:30:12Z")

</div>

> [@Ray ACP](#):
>
> Я изменил основные/вторичные/третичные цвета, но они применяются только при входе в систему.

Думаю, это потому, что отредактированная вами тема не является темой по умолчанию.  
Вы можете проверить это здесь:

 ![image](https://global.discourse-cdn.com/meta/original/4X/8/e/b/8ebc8340b3701684312938693e93c8dff3c052fb.png)

---

<div class="post-metadata">

### Author: ![Ray\_ACP](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/ray_acp/32/295128_2.png) [@Ray\_ACP](https://meta.discourse.org/u/Ray_ACP)
#### Post date: [26.Февраль.2023 17:30:21 UTC](https://meta.discourse.org/t/theme-css-isnt-showing-for-logged-out-users/256308/5 "2023-02-26T17:30:21Z")

</div>

Я думаю, что приближаюсь к решению проблемы. Несмотря на то, что по умолчанию выбрана тёмная тема Solarized, в выпадающем списке указано, что «Light» является темой по умолчанию. Похоже, незарегистрированные пользователи видят именно её. Просто пытаюсь найти, где это можно изменить. Тёмная тема Solarized должна иметь приоритет. Не совсем понятно, что это за тема «Light» — похоже, это тема по умолчанию Discourse?

---

<div class="post-metadata">

### Author: ![Canapin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/canapin/32/119591_2.png) [@Canapin](https://meta.discourse.org/u/Canapin)
#### Post date: [26.Февраль.2023 17:31:51 UTC](https://meta.discourse.org/t/theme-css-isnt-showing-for-logged-out-users/256308/6 "2023-02-26T17:31:51Z")

</div>

> [@Ray ACP](#):
>
> Тоже не совсем понимаю, что это за тема «Light». Выглядит как стандартная тема Discourse?

Да, именно так 🙂

---

<div class="post-metadata">

### Author: ![Ray\_ACP](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/ray_acp/32/295128_2.png) [@Ray\_ACP](https://meta.discourse.org/u/Ray_ACP)
#### Post date: [26.Февраль.2023 17:35:57 UTC](https://meta.discourse.org/t/theme-css-isnt-showing-for-logged-out-users/256308/8 "2023-02-26T17:35:57Z")

</div>

Кажется, я понял проблему: когда я выбираю Solarized в качестве темы по умолчанию, а затем сохраняю или обновляю страницу, выбор снимается. Не уверен, почему это происходит — баг в теме?

 ![image_2023-02-26_173545713](https://global.discourse-cdn.com/meta/original/4X/1/c/0/1c05b9900274ae067c3e6495f5628a76d1d17d3e.png)

---

<div class="post-metadata">

### Author: ![Ray\_ACP](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/ray_acp/32/295128_2.png) [@Ray\_ACP](https://meta.discourse.org/u/Ray_ACP)
#### Post date: [26.Февраль.2023 17:44:09 UTC](https://meta.discourse.org/t/theme-css-isnt-showing-for-logged-out-users/256308/9 "2023-02-26T17:44:09Z")

</div>

![image](https://global.discourse-cdn.com/meta/original/4X/9/f/3/9f38bf97992ca1243dbc549220ac7f1c8ea732ce.png)

Кажется, я понял проблему, и она довольно глупая… Когда я ставил галочку для подтверждения включения, я не нажимал кнопку сохранения, потому что она была невидима из-за моего CSS. Только после того, как я предположил и нажал на невидимую кнопку, изменения сохранились.

Скорее всего, я установил для кнопки тот же цвет, что и у фона, поэтому не заметил её и решил, что простого выставления галочки достаточно для сохранения 🤡

На данный момент в режиме инкогнито всё ещё отображается тема по умолчанию, но я подожду немного, на случай если это кэш.

---

<div class="post-metadata">

### Author: ![Jagster](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jagster/32/192154_2.png) [@Jagster](https://meta.discourse.org/u/Jagster)
#### Post date: [26.Февраль.2023 18:01:44 UTC](https://meta.discourse.org/t/theme-css-isnt-showing-for-logged-out-users/256308/10 "2023-02-26T18:01:44Z")

</div>

> [@Ray ACP](#):
>
> Обновите страницу, и она снимет отметку с пункта по умолчанию

Попробуйте также выбрать `Тема может быть выбрана пользователями`. Я знаю, что пункт по умолчанию должен выбираться автоматически.

---

<div class="post-metadata">

### Author: ![Ray\_ACP](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/ray_acp/32/295128_2.png) [@Ray\_ACP](https://meta.discourse.org/u/Ray_ACP)
#### Post date: [26.Февраль.2023 18:10:17 UTC](https://meta.discourse.org/t/theme-css-isnt-showing-for-logged-out-users/256308/11 "2023-02-26T18:10:17Z")

</div>

Спасибо, я попробовал. К сожалению, в режиме гостя всё ещё отображаются разные цвета, даже после того, как я понял, что не нажал «Подтвердить» для установки темы Solarized по умолчанию. Есть ли у Discourse какое-либо жёсткое кэширование, которое нужно очистить?

---

<div class="post-metadata">

### Author: ![Jagster](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jagster/32/192154_2.png) [@Jagster](https://meta.discourse.org/u/Jagster)
#### Post date: [26.Февраль.2023 18:13:25 UTC](https://meta.discourse.org/t/theme-css-isnt-showing-for-logged-out-users/256308/12 "2023-02-26T18:13:25Z")

</div>

> [@Ray\_ACP](#):
>
> Есть ли в Discourse какое-либо жесткое кэширование, требующее очистки?

Достаточно перезагрузить вкладку. Если вы используете DiscourseHub, вам нужно закрыть и снова открыть сеанс.

---

<div class="post-metadata">

### Author: ![Ray\_ACP](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/ray_acp/32/295128_2.png) [@Ray\_ACP](https://meta.discourse.org/u/Ray_ACP)
#### Post date: [26.Февраль.2023 19:05:49 UTC](https://meta.discourse.org/t/theme-css-isnt-showing-for-logged-out-users/256308/13 "2023-02-26T19:05:49Z")

</div>

Начинаю думать, что это баг темы или ошибки в её настройке со стороны автора. Как видно здесь, для Solarized Dark есть две цветовые палитры:

 ![image](https://global.discourse-cdn.com/meta/original/4X/3/6/a/36a0c54d22ca3388409cf3b1e91a33bda85e71f1.png)

Палитра с названием в нижнем регистре «не редактируема, принадлежит: solarized». К сожалению, именно эта палитра имеет приоритет в режиме гостя, инкогнито или для неавторизованных пользователей. Тема, которую вы редактируете напрямую, — это палитра с заглавными буквами выше, но она отображается только после входа в систему.

Если автор не сделает исходные цвета редактируемыми, я не думаю, что смогу что-то изменить здесь без хардкодинга CSS. Надеюсь, это понятно, объяснить сложно без визуального примера.

Редактирование: Хардкодинг переопределил нередактируемые опции цветов темы в режиме гостя. Пока что приму это как решение.

---

<div class="post-metadata">

### Author: ![system](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/system/32/443519_2.png) [@system](https://meta.discourse.org/u/system)
#### Post date: [28.Март.2023 19:06:09 UTC](https://meta.discourse.org/t/theme-css-isnt-showing-for-logged-out-users/256308/14 "2023-03-28T19:06:09Z")

</div>

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.
