Тема Mint

[Discourse]

	Краткое описание	Mint — современная тема с ноткой мяты.
	Предпросмотр	Предпросмотр в Конструкторе тем Discourse
	Ссылка на репозиторий	https://github.com/discourse/discourse-mint-theme
	Новичок в темах Discourse?	Руководство для начинающих по использованию тем Discourse

Установить эту тему

Поскольку это #официальная тема, поддерживаемая командой Discourse, вопросы #поддержки, сообщения об #ошибках, предложения по ux и запросы на #разработку можно направлять в соответствующие категории здесь, на Meta, с соответствующими тегами темы. Нажмите на ссылку ниже, чтобы создать новую тему.

 Поддержка  Ошибка  UX  Разработка

Возможности

Современная тема с ноткой мяты.

Главная страница (категории)

Последние

Тема

Расширенный поиск

Эта тема включает следующий компонент:

• Discourse Showcased Categories

Советы

Настройки Discourse

Для корректного отображения этой темы необходимо изменить следующие настройки:

• верхнее меню должно быть установлено в category, latest, new, unread, top
• стиль страницы категорий для рабочего стола должен быть установлен в Boxes with Subcategories

Приветственный баннер

Перейдите на страницу Admin > Приветственный баннер (/admin/config/welcome-banner).

• в выпадающем списке Enabled on themes… выберите Mint Theme
• в выпадающем списке Page visibility выберите Homepage only
• в выпадающем списке Location выберите Below site header
• Фоновое изображение можно настроить в соответствии с вашими требованиями

Discourse Showcased Categories

В параметрах компонента темы Showcased Categories необходимо внести следующие изменения для корректного отображения этой темы:

• выберите feed one category и feed two category в соответствии с вашими требованиями
• заполните feed one title и feed two title в соответствии с вашими требованиями
• рекомендуемое значение для max list length — 3.

Размещены у нас? Темы доступны для использования на наших тарифных планах Standard, Business и Enterprise.

[IAmGav (Gavin Perch)]

Очень приятная тема

Я даже, возможно, попробую её на своём тестовом сайте с королевским синим (мой любимый цвет).

Спасибо

[P2W (Mike Riddick)]

@meghna создаёт потрясающие темы. Выглядит отлично. Я развёрну и попробую.

[Rebecca_Chen]

Прекрасная тема! Спасибо, что создали её

Подскажите, пожалуйста, можно ли как-то убрать квадраты и круги на фоне? Буду благодарен за любую подсказку в правильном направлении

[tjot (Tomasz)]

Удалите

#main-outlet:after  {
  content: "";
  display: block;
  position: fixed;
  z-index: -1;
  width: 500px;
  height: 500px;
  border-radius: 2000px;
  background: $color-blue;
  right: 1px;
  top: -57px;
}

#main-outlet:before {
  content: "";
  display: block;
  position: fixed;
  z-index: -1;
  width: 300px;
  height: 300px;
  border-radius: 30px;
  background: -webkit-linear-gradient(146deg, rgba(74,247,255,.08) 55%, rgba(143,236,202,.52) 100%);
  // background: linear-gradient(146deg, rgba(74,247,255,.08) 55%, rgba(143,236,202,.52) 100%);
  background: linear-gradient(4deg, rgba(143,236,202,.29) 55%, rgba(74, 247, 255, 0.08) 100%);
  left: 70px;
  top: 350px;
  transform: rotate(74deg);
  transform-origin: 0 100%;
}

из desktop.scss, и всё будет в порядке

[Rebecca_Chen]

Спасибо большое, Томаш, очень ценю

[adalo_jesse (Jesse Haywood)]

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

[meghna (Meghna Jalan)]

@adalo_jesse

Эта тема потрясающая. Спасибо, что создали её!

Спасибо!

@adalo_jesse

Мне нужно скачать файл темы и отредактировать его там?

Да. Чтобы изменить цвета, вам нужно сделать форк темы и обновить коды цветов в соответствии с вашими требованиями. Вот как это сделать:

В файле variables.scss измените коды цветов по своему вкусу:

$color-blue: #e5f8ff;
$color-square-gradient: linear-gradient(4deg, rgba(143,236,202,.29) 55%, rgba(74, 247, 255, 0.08) 100%);
$color-square-webkit-gradient: -webkit-linear-gradient(4deg, rgba(143,236,202,.29) 55%, rgba(74, 247, 255, 0.08) 100%);

@adalo_jesse

Я хочу изменить цвет фона

Чтобы изменить цвет фона, обновите цвет secondary в файле about.json (обратите внимание, что это также изменит цвет текста некоторых кнопок):

"secondary": "F6FBFC"

[Nick_Chomey]

Мне нравится эта тема — она идеально подходит для брендинга нашего проекта! Однако при включении тёмной темы всё выглядит сломанным. Это ожидаемо? Есть ли способ запретить пользователям включать тёмную тему?

[Nick_Chomey]

Также было бы здорово иметь возможность редактировать CSS с фронтенда, как в стандартных темах.

[cvx (Jarek Radosz)]

В композере есть две небольшие проблемы. Кнопка с шестерёнкой имеет постоянно включённый фон, а форма первой кнопки при наведении не соответствует кривизне рамки:

[meghna (Meghna Jalan)]

Обе проблемы исправлены в:

UX: better composer button styling

[Pika (Patrick)]

Мне очень нравится ваша тема, и я её установил.
Фон поискового баннера не имеет скруглённых углов и не занимает всю ширину.
Как мне изменить это, чтобы он соответствовал вашей разметке?

[meghna (Meghna Jalan)]

Возможно, другая тема или компонент влияет на стилизацию темы mint. Попробуйте отключить другие установленные вами темы или компоненты.

[Pika (Patrick)]

Это чистая установка с неактивной темой по умолчанию и только следующими компонентами:

• discourse-search-banner
• Showcased Categories

[meghna (Meghna Jalan)]

Это странно. Можете прислать мне в личные сообщения URL вашего экземпляра Discourse, чтобы я мог взглянуть?

[meghna (Meghna Jalan)]

@Pika

Фон моего поискового баннера не имеет скруглённых углов и не занимает всю ширину.

Проблема с баннером теперь исправлена в:

UX: custom banner styling for mint theme (#3)

Также была обнаружена проблема в плагине showcased categories, на которую обратил моё внимание Патрик. Я исправил и её.

UX: fix header for showcased category boxes (#11)

[Ivan_Rapekas]

Привет! Я поэкспериментировал с тёмной темой на устройстве с красивой темой Mint. Я внес некоторые изменения для поддержки тёмного режима. Это пока только для тестов.

discourse-mint.zip (5.1 KB) Конечно, в нём могут быть ошибки По этой причине я не буду создавать PR на github.

Я внёс некоторые изменения для блоков кода, форматирования в стиле GitLab, широкой страницы и т. д. Тестирование на мобильных устройствах не проводилось.

[meghna (Meghna Jalan)]

Спасибо за усилия, Иван! Я изучил вашу работу, и есть некоторые кастомные изменения, которые не должны попадать в основную версию. Я займусь изменениями, связанными с тёмной темой, и внедрю их в основную версию после дополнительных тестов.

[Ivan_Rapekas]

Пожалуйста, Мегхна! Думаю, будет достаточно применить значение revert к некоторым элементам с белым цветом.