Воздушная тема

[tynaut (Ty Correll)]

@Danielle Schwerin

Нам бы очень хотелось иметь возможность обновлять эти сокращения, так как у нас много категорий с похожими названиями (названия являются итерациями в зависимости от года класса/группы), поэтому они получают схожие сокращения. Кроме того, эти сокращения не очень понятны нашему сообществу.

Вы можете заменить сокращения изображениями:
Нажмите на категорию → значок гаечного ключа → Изображения

А если вы хотите скрыть только сокращения, вы можете создать компонент и применить примерно следующий CSS:

.custom-category-boxes:not(.above-discovery-categories-outlet) .category-box .category-box-inner {
    .category-logo.no-logo-present {
        display: none;
        
        & + .category-details {
            grid-column: 1/3;
            padding: 1em 1.5em;
            width: 100%;
        }
    }
}

До:

После:

[digitaldominica]

Привет, @jordan.vidrine! Как можно отобразить подкатегории в современном блоке категорий? Я выбрал опции «блоки» и «подкатегории», но они не отображаются. Неужели эту опцию не добавили в компонент?

[jordan.vidrine]

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

[digitaldominica]

Спасибо, я выяснил это после того, как сделал форк репозитория. Моя проблема решена.

[Kevin7 (Kévin .)]

Привет @jordan.vidrine, прежде всего поздравляю с вашей темой — она очень удобна в использовании. Однако я новичок в Discourse и пока не очень хорошо разбираюсь в системе, но хочу добавить CSS. Не могу найти кнопку для добавления пользовательских стилей. Нужно ли мне установить плагин для этого, ведь в стандартной теме я мог делать это напрямую в настройках темы? Заранее спасибо

[jordan.vidrine]

Информацию о том, как настроить ваш Discourse, можно найти здесь → Beginner's guide to using Discourse Themes

[ErlendMS (Erlend Markussen Saltnes)]

Я тоже один из тех, кто любит эту тему, и начинаю свой вопрос со слов «спасибо» и «отличная работа»!

Мой вопрос: Есть ли способ установить палитру цветов по умолчанию для тёмного режима?

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

Я создал пользовательские палитры для светлого и тёмного режимов (они включены как выбираемые пользователем, и это работает), но не могу отключить Air-Light и Air-Dark. И когда я захожу на сайт в режиме инкогнито с включённым тёмным режимом на устройстве, мне показывается Air-Dark.

---

О, и ещё один вопрос: Где должен находиться переключатель схемы «Тёмная/Светлая»?

При нажатии на аватар профиля в правом верхнем углу я вижу следующее, когда вхожу в систему как тестовый пользователь:

И вот что, когда я вхожу как администратор:

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

[jordan.vidrine]

@ErlendMS

Я создал пользовательские палитры для светлой и тёмной тем (они включены как выбираемые пользователем, и это работает), но не могу отключить Air-Light и Air-Dark. А когда я захожу на сайт в режиме инкогнито с включённой тёмной темой на устройстве, мне показывается Air-Dark.

Вы следовали этим рекомендациям?

@jordan-vidrine

Чтобы это работало правильно, в разделе https://discourse.jordanvidrine.com/admin/customize/colors должно быть включено как минимум два варианта цветовой схемы. Как минимум для двух цветов должна быть включена опция «пользователь может выбирать цветовую схему».

После этого пользователи смогут выбирать между двумя цветовыми схемами как свои предпочтения «светлая» и «тёмная» в меню настроек профиля.

@ErlendMS

О, и ещё один вопрос: Где должен находиться переключатель светлой/тёмной темы?

Эта тема посвящена компоненту переключения светлой/тёмной темы, установленному в теме Air. Там вам помогут. Вы можете разместить его в боковой панели или в заголовке.

Dark/Light Mode Toggle

Summary Dark/Light Mode Toggle adds a clickable toggle color scheme button in the hamburger menu. The toggle switches between a light or dark color scheme for one theme. Repository Link https://github.com/discourse/discourse-color-scheme-toggle New to Discourse Themes? Beginner’s guide to using Discourse Themes Install this theme component Features This component allows a dark/light mode toggle icon on your Discourse forum. It…

[ErlendMS (Erlend Markussen Saltnes)]

Да, пользователь может нормально выбрать светлый или тёмный режим. Я работаю над тем, что увидит новый пользователь до выбора режима. По умолчанию, прежде чем пользователь сделает выбор:

Если новый пользователь заходит на сайт с устройством, на котором включён светлый режим, он видит палитру, которую я указал на скриншоте. Но если на устройстве включён тёмный режим, он получает тему Air-Dark. Я хочу это изменить.

---

Спасибо за ссылку на компонент! Я не знал, что это отдельный компонент.

[jordan.vidrine]

@Erlend Markussen Saltnes

Но если на устройстве включён тёмный режим, отображается Air-Dark. Именно это я хочу изменить.

Что вы хотите показывать пользователям в тёмном режиме?

[ErlendMS (Erlend Markussen Saltnes)]

Отлично, у меня установлено и активировано четыре палитры:

• Mine-Light
• Mine-Dark
• Air-Light
• Air-Dark

(Я бы хотел иметь возможность отключить последние две, но это отдельный вопрос. Они отличные! Но я создаю форум для футбольной команды и сделал палитры, соответствующие цветам формы. )

Мне удалось установить Mine-Light в качестве палитры по умолчанию — так что, если новый пользователь заходит на сайт с включённым светлым режимом на устройстве, ему показывается именно она.

Но вот в чём проблема: если новый пользователь заходит на сайт с включённым тёмным режимом на устройстве, ему показывается Air-Dark. А мне нужно, чтобы это было Mine-Dark. (Чтобы получить это сейчас, они должны вручную выбрать его в настройках.)

[jordan.vidrine]

Какой режим у вас здесь установлен? → admin/site_settings/category/all_results?filter=dark%20mode

[ErlendMS (Erlend Markussen Saltnes)]

О, выбор предпочтительной схемы там сработал — спасибо!

Чуть странно, что там можно только установить режим по умолчанию в тёмном варианте (Настройки сайта ➔ Основное), а светлый режим по умолчанию — только в настройках темы.

Стоило бы добавить небольшую заметку, желательно со ссылкой, под тем местом, где в настройках темы устанавливается светлый режим. Что-то вроде:

Это устанавливает палитру светлого режима по умолчанию для вашей темы. Нажмите здесь, чтобы установить тёмный режим по умолчанию. / Перейдите в Настройки сайта ➔ Основное, чтобы установить тёмный режим по умолчанию.

---

Кстати, я немного поиграл с прозрачностью и размытием в вашей теме. (Хотя это вызвало у меня проблемы с z-index — скорее всего, из-за моей неопытности, с которой я ещё разбираюсь). Мне особенно понравилось, как это придало фоновому элементу больше веса!

Посмотрите, если хотите! (Хотя всё ещё на ранней стадии — как, думаю, вы можете заметить.)

[Wayne_Hsu]

Привет, это Вэйнь Сюй из компании Niantic, Inc.
Мы создаём наш форум для 8thwall.com, используя тему Discourse Air с пользовательской палитрой цветов. По какой-то причине в мобильном виде фон основного контейнера контента на странице категорий (div с id: main-outlet) полностью прозрачен, и значение альфа-канала установлено в 0. Я не вижу способа изменить цвет или альфа-канал фона.
Я заметил, что у кого-то ранее была похожая проблема:
Air Theme - #187 by hequaye

Было предложено изменить настройку «стиль страницы категорий для настольных ПК» на что-то другое (сейчас она установлена как «Категории и последние темы»), но это не помогло, так как эта настройка действует только для настольного вида.
Есть ли какие-то идеи по решению этой проблемы?
Спасибо!

[jordan.vidrine]

@Erlend Markussen Saltnes

Посмотрите, если хотите! (Хотя всё ещё на раннем этапе — как вы, наверное, видите.)

Выглядит довольно неплохо!

[HisFocus (Tim)]

Мне кажется, тема Air очень приятная, однако при переходе по пути ADMIN > CUSTOMIZE > Air Theme нет возможности редактировать (или добавлять) CSS. Я что-то упускаю? Мой сайт размещён на https://www.communiteq.com/. Вот что я вижу:

[Moin]

Вы должны добавить свой собственный компонент

Air Theme

Go here admin/customize/themes Click on components Click Install Click create new & give it a name Click on the new component in the components list Click Edit Html/css Add the linked code above to the common css file. Add this new component to the currently used theme

[HisFocus (Tim)]

@Привет! Я совсем новичок в Discourse, но ВАУ! Это становится всё лучше и лучше! Большое спасибо!

Также, пожалуйста, примите мои извинения, так как я вижу, что при чтении этой ветки этот вопрос задавался и отвечался на него примерно 5000 раз.

[Arkshine]

Извиняться не нужно. Возможно, не все знают, что это можно сделать!

Вот руководство, если вы захотите изучить тему и компоненты:

Beginner's guide to using Discourse Themes

This is a crash course in Discourse theme basics. The target audience is everyone who is not familiar with Discourse themes. If you’ve already used Discourse theme / theme components, this guide is probably not something you need to read. What are themes and theme components? A theme or theme component is a set of files packaged together designed to either modify Discourse visually or to add new features. Let’s start with themes. Themes In general, themes are not supposed to be compatible …

[ElComputer]

Спасибо за тему. Я хотел бы использовать шрифты Adobe. Нужно ли мне редактировать файл темы, или есть более разумный способ это сделать?

Также я заметил, что логотип в шапке немного мал, а поисковая строка и кнопка входа справа могут выглядеть скорее как кнопка, чем как иконка. Это плагин/компонент или стили CSS?