Современная тема DarkPixlz

[darkpixlz (Pyx)]

Это старая тема!

Если вы используете эту тему или заинтересованы в ней, пожалуйста, используйте вместо неё Pyx's Modern Theme. Обновления для этой темы больше не выпускаются.

---

Современная тема darkpixlz

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

!!ВНИМАНИЕ: Некоторые скриншоты могут быть устаревшими. Если это так, то данный пост является вики-страницей — не стесняйтесь редактировать его!

Эта тема создана для тёмных схем. Она поддерживает светлые, но некоторые элементы могут работать некорректно.
Скриншоты:

Также существует версия с плиточным фоном, но я не смог найти для неё подходящего применения в этом посте.

Я редактирую эту тему, но должен ответить, а Discourse не позволяет сохранить черновик — скоро сюда будут добавлены новые скриншоты.

Эта тема поддерживает большинство основных плагинов.

На данный момент она не будет поставляться с другой цветовой палитрой, но следите за обновлениями в будущем.

Есть идеи? Напишите мне здесь!

Настройки

Активность курсора: Позволяет курсору менять своё состояние.
Пример:
Отключено (по умолчанию):

Включено:

Фоновое изображение: Меняет фоновое изображение.

Примеры

Размытие фона: Включает размытие фона.

Пример

Включено:

Отключено:

Тип фона: Переключение между плиточным фоном и масштабируемым фоном.

Пример

Обрезка:

Плитка:

Размер плитки: Изменяет размер плитки для плиточных фонов.
Метка персонала: Включает метку «ПЕРСОНАЛ» рядом с именами администраторов и модераторов. Включено по умолчанию.

Плагины и компоненты, вызывающие проблемы

• Компонент «Полная ширина»
• (возможно) Все плагины рекламы

Другие уведомления

• Не рекомендуется добавлять пользовательские фоны к элементам, не являющимся настройками (например, теги), так как это может вызвать несовместимость или ошибки.
• Chrome и iOS известны проблемами с размытием фона в некоторых местах.
• Страницы «Последние» и «Лучшие» имеют известные проблемы на мобильных устройствах.
• Предпросмотр в Конструкторе тем работает некорректно из-за цветов.
• Хотя светлые схемы возможны, они могут нарушить работу некоторых элементов и затруднить чтение.

	Предпросмотр	Theme Creator
	Репозиторий	GitHub - pyxfluff/darkpixlz-Modern-Theme · GitHub
	Руководство по установке	Как установить тему или компонент темы
	Новичок в темах Discourse?	Руководство для начинающих по использованию тем Discourse

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

Примечания к выпуску
DarkPixlz's Modern Theme - #65 by darkpixlz

[Alexander (Alexander Barrios)]

Напоминает мне очень много о Fluent (Windows 10), мне это нравится

[darkpixlz (Pyx)]

Всем привет!

Я заметил, что обещанные углы отсутствовали — я только что их добавил
Приятного просмотра!

[darkpixlz (Pyx)]

Всем привет!

Сегодня ещё одно обновление: я изменил способ размытия элементов и добавил поддержку Discourse Chat.
Наслаждайтесь

Я не был полностью уверен насчёт варианта с флагом — любые отзывы будут приняты с благодарностью!

[Shira_Richter]

Привет!
Я новичок здесь и хотел бы узнать, можно ли использовать эту тему в моём Discourse?

[JammyDodger]

Все темы здесь в #theme доступны для использования всеми (а также компоненты в #theme-component). Эта конкретная тема — вклад сообщества от @darkpixlz, но есть и некоторые #официальные — все с открытым исходным кодом и бесплатны для использования.

[darkpixlz (Pyx)]

Да, как сказал @JammyDodger, вы можете использовать любую тему в #theme: просто нажмите «Настроить», затем «Добавить тему», затем «Из репозитория Git», вставьте ссылку на репозиторий, и тема будет добавлена. Спасибо

[Shira_Richter]

Круто! Отлично работает. Можешь помочь мне с одним вопросом? Как изменить заголовок — градиент на мои цвета? Я не могу найти это.

Прикрепляю фото:

[darkpixlz (Pyx)]

Я не до конца понимаю.

Я напишу для вас кастомную тему, которая будет точной копией, но без градиента. Дайте мне 10 минут, и удалите эту тему со своего сайта.

[darkpixlz (Pyx)]

Привет! Извини за задержку, вот репозиторий:

GitHub - pyxfluff/DarkPixlz-s-theme-with-no-gradient

[Shira_Richter]

О, большое спасибо, извините, мой вопрос был неясен. Как можно изменить цвет — например, с зелёного на светло-голубой, или с розового на тёмно-синий?

[darkpixlz (Pyx)]

Ох, теперь я понял.

Конечно, я могу это для тебя изменить. Это же картинка, лол, наверное, стоит сделать настоящий градиент.

[Shira_Richter]

Вау, круто… Я думал, это в коде или ещё где-то. Если это изображение, то где оно находится, чтобы я мог заменить его в своей версии?

[Shira_Richter]

Кстати, раз вы такой замечательный!!!
где я могу добавить изображение на фон, как у вас здесь? иконки

[darkpixlz (Pyx)]

Хорошо, слушай:

Удали эту тему, а затем снова загрузи репозиторий по умолчанию.
Обнови его.

Создай новый компонент и установи следующий CSS:

.d-header {
  background-image: url("https://cdn.discordapp.com/attachments/597146309908103178/1001925437632565308/Untitled2.jpg?size=4096") !important;
  background-repeat: no-repeat;
  border-radius: 0px 0px 8px 8px;
}

Затем сохрани его и примени к моей теме. Должно сработать.
Иконки исправлены в последнем обновлении — просто нажми «Обновить до последней версии».
Последняя версия:

[Shira_Richter]

Огромное спасибо!
Вы очень добры, что так сильно помогли!!!

Надеюсь, я всё понял

[darkpixlz (Pyx)]

Всем привет!

Я забыл упомянуть об этом раньше, но благодаря @Don тема теперь полностью поддерживает Firefox и мобильные браузеры!

Также у меня есть несколько очень интересных планов и изменений на будущее, так что следите за большим коммитом в ближайшее время!

Кстати, хотели бы вы видеть такие карточки?

Мне бы они понравились, но я не хочу разбираться в SCSS

На самом деле мне удалось кое-как это реализовать!

Ещё раз: дайте знать, стоит ли оставлять это.

[ANormalUser (LOL)]

Я на фото!

[albert_vu (Albert Vũ)]

Выглядит как смесь Windows 11 и macOS с добавлением элементов Material Design — просто влюбляешься

[Kuro22]

Вы пытаетесь преобразовать элементы списка тем в эти карточки? Выглядит великолепно, мне нравятся скруглённые углы . И, кажется, пустое пространство под тегами предназначено для кратких описаний тем, не так ли? Это интересная идея. Я бы сказал, продолжайте в том же духе.

Но что означают эти цифры (например, 120, 83, 16), не совсем понятно, по крайней мере для меня. Возможно, вы могли бы что-то улучшить в этом плане.