# Тема Mint

**URL:** https://meta.discourse.org/t/mint-theme/202822
**Category:** Theme
**Tags:** official, mint-theme
**Created:** [07.Сентябрь.2021 12:06:24 UTC](https://meta.discourse.org/t/mint-theme/202822 "2021-09-07T12:06:24Z")
**Posts on this page:** 20
**Page:** 2

<div class="post-metadata">

### Author: ![Joe\_Baylis](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/joe_baylis/32/240983_2.png) [@Joe\_Baylis](https://meta.discourse.org/u/Joe_Baylis)
#### Post date: [07.Январь.2022 14:11:48 UTC](https://meta.discourse.org/t/mint-theme/202822/23 "2022-01-07T14:11:48Z")

</div>

Привет! Большое спасибо за потрясающую тему!

У меня есть пара быстрых вопросов по поводу изображений и описаний категорий. В данный момент изображения на главной странице отображаются довольно мелко:

 ![image](https://global.discourse-cdn.com/meta/original/3X/1/7/17a704fb45049711c47e82bd73adef8555b38e80.jpeg)

Но в настройках редактирования категории они показываются в нормальном размере:

 ![image](https://global.discourse-cdn.com/meta/original/3X/d/9/d99989dd87a2e917b676eb9e8a5ca7a3d67fb81c.jpeg)

Есть ли способ увеличить их размер внутри блока категории на главной странице?

Кроме того, на странице категории можно ли убрать изображение и/или описание в верхней части страницы? Сейчас это выглядит так:

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

Заранее огромное спасибо!

---

<div class="post-metadata">

### Author: ![RokPZ](https://avatars.discourse-cdn.com/v4/letter/r/bc79bd/32.png) [@RokPZ](https://meta.discourse.org/u/RokPZ)
#### Post date: [19.Апрель.2022 09:14:52 UTC](https://meta.discourse.org/t/mint-theme/202822/24 "2022-04-19T09:14:52Z")

</div>

У меня проблема на мобильном: поиск в баннере не отображается. Кто-нибудь знает, как это исправить?

---

<div class="post-metadata">

### Author: ![Usman\_Perwaiz](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/usman_perwaiz/32/261538_2.png) [@Usman\_Perwaiz](https://meta.discourse.org/u/Usman_Perwaiz)
#### Post date: [05.Июнь.2022 17:34:27 UTC](https://meta.discourse.org/t/mint-theme/202822/25 "2022-06-05T17:34:27Z")

</div>

@meghna Отличная тема! Плавная и чистая. Спасибо за разработку!

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

---

<div class="post-metadata">

### Author: ![acezuha](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/acezuha/32/263528_2.png) [@acezuha](https://meta.discourse.org/u/acezuha)
#### Post date: [13.Июнь.2022 23:34:35 UTC](https://meta.discourse.org/t/mint-theme/202822/26 "2022-06-13T23:34:35Z")

</div>

Огромное спасибо за тему.

---

<div class="post-metadata">

### Author: ![meghna](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/meghna/32/453356_2.png) [@meghna](https://meta.discourse.org/u/meghna)
#### Post date: [15.Июнь.2022 15:08:27 UTC](https://meta.discourse.org/t/mint-theme/202822/27 "2022-06-15T15:08:27Z")

</div>

> [@RokPZ](#):
>
> У меня проблема на мобильных устройствах: строка поиска в баннере не отображается.

Это сделано намеренно. Баннер поиска не подходит для мобильного вида.

> [@Usman\_Perwaiz](#):
>
> Отличная тема! Плавная и чистая. Спасибо за разработку!

Спасибо! 😊

> [@Usman\_Perwaiz](#):
>
> Поисковая строка не отображается на мобильных устройствах, а на ПК вокруг неё есть рамка.

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

> <https://github.com/discourse/discourse-mint-theme/commit/dddfbb993ce4a144feb6bfe019a2109cb5ce322a>

---

<div class="post-metadata">

### Author: ![BaneWilliams](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/banewilliams/32/256105_2.png) [@BaneWilliams](https://meta.discourse.org/u/BaneWilliams)
#### Post date: [15.Сентябрь.2022 05:51:27 UTC](https://meta.discourse.org/t/mint-theme/202822/28 "2022-09-15T05:51:27Z")

</div>

Всем привет,

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

Ещё:  
 ![image](https://global.discourse-cdn.com/meta/original/4X/2/e/0/2e0f57fd40cab3da58c2f19fca3dcd31f1271f50.png)

Новая тема:

 ![image](https://global.discourse-cdn.com/meta/original/4X/5/0/1/501af40159aa6c8751a2a00bc78031519c9bab57.png)

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

---

<div class="post-metadata">

### Author: ![denvergeeks](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/denvergeeks/32/327671_2.png) [@denvergeeks](https://meta.discourse.org/u/denvergeeks)
#### Post date: [15.Сентябрь.2022 07:28:20 UTC](https://meta.discourse.org/t/mint-theme/202822/29 "2022-09-15T07:28:20Z")

</div>

Восхитительно!!! Обожаю!!!

---

<div class="post-metadata">

### Author: ![meghna](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/meghna/32/453356_2.png) [@meghna](https://meta.discourse.org/u/meghna)
#### Post date: [16.Сентябрь.2022 10:48:37 UTC](https://meta.discourse.org/t/mint-theme/202822/30 "2022-09-16T10:48:37Z")

</div>

Исправлено в:

> <https://github.com/discourse/discourse-mint-theme/commit/08ab20e31f0495094a55904d79f17e7f6881fcd3>

Спасибо, что обратили на это внимание 👍

---

<div class="post-metadata">

### Author: ![RokPZ](https://avatars.discourse-cdn.com/v4/letter/r/bc79bd/32.png) [@RokPZ](https://meta.discourse.org/u/RokPZ)
#### Post date: [09.Ноябрь.2022 13:32:06 UTC](https://meta.discourse.org/t/mint-theme/202822/31 "2022-11-09T13:32:06Z")

</div>

Возможно ли изменить следующее:

- некоторые цвета кнопок по умолчанию выглядят странно при выборе (не соответствуют цветам темы)
- фоновый цвет по умолчанию (не баннера поиска, а всей страницы)

 ![image](https://global.discourse-cdn.com/meta/original/4X/c/0/0/c00713fdf71fb29cafc41f25959fab3164f13e08.png)

---

<div class="post-metadata">

### Author: ![SidV](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/sidv/32/119460_2.png) [@SidV](https://meta.discourse.org/u/SidV)
#### Post date: [16.Февраль.2023 01:01:15 UTC](https://meta.discourse.org/t/mint-theme/202822/32 "2023-02-16T01:01:15Z")

</div>

> [@Meghna Jalan](#):
>
> В настройках компонента темы `Showcased Categories`

Привет, Meghna, в этой теме есть баг 🐛 с этим компонентом (Showcased Categories).  
Посмотрите этот отчет: [Showcased Categories - #45 by SidV](https://meta.discourse.org/t/showcased-categories/173524/45?u=sidv)

---

<div class="post-metadata">

### Author: ![meghna](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/meghna/32/453356_2.png) [@meghna](https://meta.discourse.org/u/meghna)
#### Post date: [20.Февраль.2023 07:46:51 UTC](https://meta.discourse.org/t/mint-theme/202822/33 "2023-02-20T07:46:51Z")

</div>

Отсутствие кнопки «Опубликовать» в «показанных категориях» является преднамеренным решением дизайна, как видно из этого кода:

> <https://github.com/discourse/discourse-mint-theme/blob/79c944601cc7e4b57fd77b2174ccf563c58d1aae/common/common.scss#L71-L73>

Вы можете либо создать форк темы и внести необходимые изменения, либо добавить новый компонент темы, чтобы включить кнопку «Опубликовать», добавив следующий CSS:

```plaintext
.custom-homepage-columns .col .header-wrapper .btn-primary {
  display: block;
}

```

---

<div class="post-metadata">

### Author: ![profcaju](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/profcaju/32/301565_2.png) [@profcaju](https://meta.discourse.org/u/profcaju)
#### Post date: [26.Февраль.2023 19:47:27 UTC](https://meta.discourse.org/t/mint-theme/202822/34 "2023-02-26T19:47:27Z")

</div>

У меня та же проблема. Есть ли решение?

С уважением

---

<div class="post-metadata">

### Author: ![LimitlessGreen](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/limitlessgreen/32/235212_2.png) [@LimitlessGreen](https://meta.discourse.org/u/LimitlessGreen)
#### Post date: [28.Июль.2023 12:02:27 UTC](https://meta.discourse.org/t/mint-theme/202822/35 "2023-07-28T12:02:27Z")

</div>

Макет страницы профиля выглядит немного сломанным (по сравнению со стандартной тёмной темой):

 ![image](https://global.discourse-cdn.com/meta/original/4X/c/4/d/c4d3eb137837f4baade34209facbda307f9f202e.png)  
 ![image](https://global.discourse-cdn.com/meta/original/4X/e/6/f/e6f683eb9a32df12323fd922e2448d75db79fd8a.png)

---

<div class="post-metadata">

### Author: ![LimitlessGreen](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/limitlessgreen/32/235212_2.png) [@LimitlessGreen](https://meta.discourse.org/u/LimitlessGreen)
#### Post date: [28.Июль.2023 14:19:33 UTC](https://meta.discourse.org/t/mint-theme/202822/36 "2023-07-28T14:19:33Z")

</div>

Редактор цветовой палитры тоже выглядит немного странно.

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

---

<div class="post-metadata">

### Author: ![Gonerdot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/gonerdot/32/366307_2.png) [@Gonerdot](https://meta.discourse.org/u/Gonerdot)
#### Post date: [24.Январь.2024 13:53:53 UTC](https://meta.discourse.org/t/mint-theme/202822/37 "2024-01-24T13:53:53Z")

</div>

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

 ![image](https://global.discourse-cdn.com/meta/original/4X/a/5/5/a5510ca611b25ac937e052ddebd043fcde2ad9e6.jpeg)

---

<div class="post-metadata">

### Author: ![Arkshine](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/arkshine/32/298682_2.png) [@Arkshine](https://meta.discourse.org/u/Arkshine)
#### Post date: [24.Январь.2024 14:40:12 UTC](https://meta.discourse.org/t/mint-theme/202822/38 "2024-01-24T14:40:12Z")

</div>

Добро пожаловать! 👋

Вместе с этой темой автоматически установлен компонент темы.

Он называется [Search Banner](https://meta.discourse.org/t/search-banner/122939).

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

1. Перейдите в `Admin` (Администрирование)
2. Нажмите на `Themes` (Темы)  
 ![image](https://global.discourse-cdn.com/meta/original/4X/4/8/7/487d05f3db26c3e6a701fce9c769f1a7bf5e9138.png)
3. Нажмите на `Components` (Компоненты) и найдите компонент Discourse Search Banner:  
 ![image](https://global.discourse-cdn.com/meta/original/4X/1/3/7/137d90caf08890368668d1dcc911602449e9ab4b.png)
4. Если прокрутить правую панель вниз, вы увидите переводы. Вы можете изменить их здесь:  
 ![image](https://global.discourse-cdn.com/meta/original/4X/b/8/7/b87cbaf3da5331bf7413ffa5afa5033e846294d0.png)

Если вы новичок в работе с темами, рекомендую прочитать [Руководство для начинающих по использованию тем Discourse](https://meta.discourse.org/t/beginners-guide-to-using-discourse-themes/91966)!

---

<div class="post-metadata">

### Author: ![Gonerdot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/gonerdot/32/366307_2.png) [@Gonerdot](https://meta.discourse.org/u/Gonerdot)
#### Post date: [24.Январь.2024 15:00:26 UTC](https://meta.discourse.org/t/mint-theme/202822/39 "2024-01-24T15:00:26Z")

</div>

Вау, оказывается, это так просто. Большое спасибо 🥰

---

<div class="post-metadata">

### Author: ![gvianna](https://avatars.discourse-cdn.com/v4/letter/g/6de8d8/32.png) [@gvianna](https://meta.discourse.org/u/gvianna)
#### Post date: [07.Июнь.2024 16:52:12 UTC](https://meta.discourse.org/t/mint-theme/202822/40 "2024-06-07T16:52:12Z")

</div>

Можно ли изменить эту зелёную тему?

 ![Screenshot 2021-09-06 at 19.48.04](https://global.discourse-cdn.com/meta/original/4X/c/d/9/cd9b5667df7b17e18cb977195a99b95582a6c9cd.jpeg)

---

<div class="post-metadata">

### Author: ![wendellverli](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/wendellverli/32/280396_2.png) [@wendellverli](https://meta.discourse.org/u/wendellverli)
#### Post date: [12.Июнь.2024 09:48:49 UTC](https://meta.discourse.org/t/mint-theme/202822/41 "2024-06-12T09:48:49Z")

</div>

![Скриншот 2024-06-12 в 4:46:56](https://global.discourse-cdn.com/meta/original/4X/b/4/8/b4826d9ae83d6768cec1dfb4906d59dd0d1498a9.jpeg)

[https://discourse.fotografos.online](https://discourse.fotografos.online)

1. Над большим блоком поиска есть лишнее пространство — нужно его убрать. Если я нажимаю «Недавнее», пространство исчезает. Это баг?

2. Как изменить большой зеленый блок на цвет моего бренда / синеватый?

3. Как сделать заголовок (где находится логотип) темным, чтобы логотип отображался в светлой версии?

---

<div class="post-metadata">

### Author: ![Arkshine](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/arkshine/32/298682_2.png) [@Arkshine](https://meta.discourse.org/u/Arkshine)
#### Post date: [14.Июнь.2024 00:32:23 UTC](https://meta.discourse.org/t/mint-theme/202822/42 "2024-06-14T00:32:23Z")

</div>

> [@gvianna](#):
>
> Можно ли изменить эту зелёную тему?

В настройках темы вы можете отредактировать цветовую палитру:

 ![image](https://global.discourse-cdn.com/meta/original/4X/5/d/6/5d62cb97a205a241529f457d78dc266e3776417e.png)

> [@wendellverli](#):
>
> Выше большого блока поиска есть лишнее пространство — нужно его убрать. Если я нажимаю «Недавнее», пространство исчезает. Это ошибка?

Я не уверен, почему присутствует этот CSS. Вы можете переопределить его в компоненте темы:

```css
.navigation-categories .search-banner {
  padding: 0
  margin: 0;
  height: auto
}

```

> [@wendellverli](#):
>
> Как можно изменить большой зелёный блок на цвет моего бренда / голубоватый?

Вот как тема использует CSS для этого конкретного баннера.  
Вы можете настроить его под свои нужды.

```css
.custom-search-banner-wrap {
  background: linear-gradient(
    270deg,
    var(--tertiary-medium) 0%,
    var(--tertiary) 100%
  );
}

```

Полезные ссылки:

- [background - CSS | MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/background)
- [linear-gradient() CSS function - CSS | MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/gradient/linear-gradient)

[Предыдущая страница](https://meta.discourse.org/t/mint-theme/202822.md?page=1)

[Следующая страница](https://meta.discourse.org/t/mint-theme/202822.md?page=3)
