Меня удивило, что в первый раз, когда я попробовал это после выбора темы “Fully” на Meta, тема на try.discourse.org отображалась с темой Fully. Я предполагаю, что это проблема кэширования, связанная с тем, что сайты находятся на одном домене.
Вы имеете в виду, что при нажатии на меню-гамбургер на try.discourse.org логотип Discourse не заменяется на маленький логотип?
Хм — на сайте try.discourse.org в панели навигации есть лишний div с ссылками меню (.try-header-nav-wrapper), который ломает макет страницы (только на этом сайте), сдвигая заголовок далеко вправо при скрытом боковом меню. Теперь я понимаю, что это не баг темы Fully.
Доброе утро!
Мне очень нравится использовать эту тему для моего форума, но я заметил, что, как и в теме по умолчанию, здесь нет возможности настроить CSS/HTML. Я хотел бы добавить фоновые обои к теме. Возможно ли это сделать?
Вы можете сделать это, используя меню настройки темы / компонента темы, чтобы создать новый компонент темы и добавить его в эту тему.
В вашем компоненте темы вы можете добавить пользовательский код для добавления вашего фона.
Привет, @jordan.vidrine,
Спасибо за ваш ответ. Я думал, что видел это где-то при поиске по запросу «смена фона», но предполагал, что это возможно только при настройке CSS/HTML темы.
Я попробую!
Привет, ребята! Мне очень нравится эта тема! Однако при предпросмотре на моём сайте возникла проблема с заголовком боковой навигации. Можно ли сделать так, чтобы заголовок имел другой цвет (обычный цвет заголовка для сайта)?
Вот так:
А не вот так:
Как это сделать? При изменении CSS весь блок навигации стал зелёным.
Спасибо!
Вы хотите изменить конкретную переменную —sidebar-color, и это изменит боковую панель и область над ней.
Хм, разве нельзя изменить только заголовок боковой панели?
У меня та же проблема: логотип в шапке оказывается на стыке двух разных цветов, что выглядит странно.
Я думал, что редактирование CSS в темах сейчас не рекомендуется? Опция редактора CSS была удалена для удалённых тем. Как тогда изменить эту переменную? Кроме того, это предполагает, что мы хотим, чтобы цвет боковой панели совпадал с цветом шапки.
Привет! Вы можете изменить этот раздел отдельно от боковой панели с помощью CSS.
Для этого нужно создать новый компонент или добавить изменения в существующий. 
Перейдите в /admin/customize/themes/
Настройка → Темы
Откройте вкладку Компоненты и нажмите кнопку Установить
В появившемся окне нажмите кнопку Создать новый и введите имя нового компонента.
Нажмите кнопку Создать.
Компонент создан. Теперь выберите «Полная тема», чтобы активировать его.
Нажмите кнопку Редактировать CSS/HTML.
Вставьте приведенный ниже код в раздел CSS.
Не забудьте сохранить изменения, нажав кнопку Сохранить внизу.
.desktop-view .has-sidebar-page .d-header-wrap::before {
background: transparent;
border-right: none;
}
Если вы хотите оставить правую границу, удалите эту строку из кода.
Спасибо за это, Дон. Я раньше не менял CSS в Discourse… где мне внести это изменение?
Я обновил пост выше. 
Спасибо. Только что сделал, и всё снова выглядит отлично 
В текущей теме справа у границы осталось очень мало места для этого. Думаю, было бы интересно увеличить это пространство и использовать его для виджетов.
Я предоставил своим пользователям доступ к теме, и они быстро заметили кое-что странное 
Я использую компонент темы Custom Header Links и другую тему (Material Design). При уменьшении ширины окна браузера, когда ссылки начинают перекрывать логотип сайта, логотип уменьшается, в конечном итоге становясь очень маленьким, например:
В теме Fully логотип не уменьшается, поэтому в итоге получается вот так…
Расширение Custom Header Links убирает ссылки и отображает заголовок темы при просмотре темы. Заголовок темы также перекрывает логотип на узких экранах браузера, хотя в конечном итоге логотип полностью удаляется, что решает проблему.
Не уверен, проблема ли это в Fully или в Custom Header Links, но начинаю с Custom Header Links, так как в другой теме оно работает нормально.
Похоже, здесь есть небольшой конфликт между discourse-full-width-component и более широкими логотипами.
Вы можете быстро исправить это с помощью 
Вставьте это в ранее созданный компонент после предыдущего кода, чтобы всё было в одном месте.
Это уменьшит логотип.
.desktop-view .d-header .title a {
flex: auto;
}
Обновление: Хм, думаю, при скрытой боковой панели логотип может стать слишком маленьким… 
Я быстро взглянул и думаю, что проблема связана с сеткой. Но лучше подождать официального решения, так как я не хочу нарушать пользовательский опыт в заголовке, меняя сетку.
@packman, пожалуйста, удалите этот код.
Ещё раз спасибо! Вы сегодня совершаете замечательные дела
Привет, Дон! Ещё одна проблема: изменение таким образом делает его одинаковым в тёмном режиме. Как можно изменить CSS только для конкретной цветовой схемы?
Логотип действительно становится очень маленьким в узком окне, но это же происходит и с пользовательскими ссылками в заголовке при использовании темы Material Design.
Я недавно смотрел CSS и думаю, что проблема может быть в том, что логотип находится внутри span.header-sidebar-toggle, хотя, возможно, это единственное логичное место для него на широком экране?
Привет @Renato_Mendes 
А, понятно, значит вы хотите использовать прозрачный фон только для одной цветовой схемы. Я этого не знал.
Есть несколько способов сделать это
dark-light-choose(): С её помощью это возможно, но в данном случае это не очень практично, так как создаются переменные. Лучше использовать для цветов.schemeType: Этот вариант лучше подходит для вашего случая, если вы хотите использовать его по типу схемы.Вот как использовать schemeType
Удалите предыдущий код из созданного вами компонента и поместите новый код в раздел компонента Определения цветов, как показано на изображении.
Это активирует код только в светлой схеме.
Общие / Определения цветов
@if #{schemeType()} == light {
.desktop-view {
.has-sidebar-page {
.d-header-wrap {
&:before {
background: transparent;
border-right: none;
}
}
}
}
}
Этот компонент добавляет фактическую цветовую схему в html, чтобы вы могли обращаться к ней через CSS.
Вот как его использовать:
Установите компонент.
Проверьте идентификатор цветовой схемы, в которой хотите внести изменения.
Вы можете найти его здесь:
или
/admin/customize/colors
Страница цветов. Здесь, если вы нажмёте на цветовую схему, её идентификатор будет добавлен в URL.
Теперь вы можете использовать это в коде. Не забудьте удалить ранее добавленный код.
html[color-scheme="your-color-scheme-id"] {
&.desktop-view {
.has-sidebar-page {
.d-header-wrap {
&:before {
background: transparent;
border-right: none;
}
}
}
}
}
Привет @packman Я отправил вам личное сообщение.