Я думаю, вы можете создать новый #theme-component и переопределить шрифты.
Этот компьютерный изгиб, возможно, можно модифицировать, либо вы можете найти подходящие шрифты в Google Fonts.
Заголовок, на мой взгляд, можно настроить с помощью CSS.
Возможно, это не совсем то, что вы искали, но, возможно, будет интересно.
Всем привет
Спасибо за такую замечательную тему!
У меня возникла небольшая сложность. Я заметил, что на мобильных устройствах у некоторых вкладок «Настройки профиля» нет сплошного фона, из-за чего это выглядит немного странно. См. изображение ниже для наглядности:
Страница ошибки в мобильной версии ведёт себя аналогично. На десктопной и планшетной версиях всё в порядке, но в мобильной версии, похоже, используется другой CSS?
Не подскажете, где и как это можно исправить? У меня нет опыта в программировании, поэтому, возможно, мне придётся обратиться к разработчику?
Вот пример того, как это выглядит на планшете/мобильном устройстве, а также то, как выглядят большинство других вкладок:
Добро пожаловать в Meta! 
Думаю, нет. Это #официальная тема, поэтому она поддерживается командой Discourse. Но даже другие темы, которые здесь публикуются, часто исправляются их авторами, когда вы сообщаете о проблеме.
Мне удалось воспроизвести вашу проблему здесь. Она выглядит даже хуже, чем на вашем скриншоте, потому что превью сообщения шире моего экрана.
Вы можете попробовать этот CSS:
.topic-list {
.topic-list-header .posts,
.topic-list-body .posts {
display: none !important;
}
}
Да, я пытался скрыть их таким образом. Обычные div-элементы скрываются, но это не работает с td. Я пробовал несколько вариантов:
.td.num.posts...
{
display: none;
}
.td:num.posts...
{
display: none;
}
Я протестировал свой CSS, и у меня всё работает. А вы его тестировали?
Для этой темы не хватает !important.
Спасибо, @chapoi
.full-width .contents .topic-list .topic-list-body .topic-list-item .topic-list-data.posts,
.full-width .contents .topic-list .topic-list-body .topic-list-item .topic-list-data.age,
.full-width .contents .topic-list .topic-list-body .topic-list-item .topic-list-data.posters {
display: none;
}
Сверху есть пустое пространство. Есть ли способ его убрать? Я не могу ничего найти с помощью инспектора элементов.
И я хотел бы увеличить ширину блока с содержимым темы.
В классе main-outlet задан отступ сверху (margin-top).
Добавьте следующее:
html body #main-outlet {
margin-top: 0;
}
Я ещё не использовал это, но в CSS в корневом элементе есть настройка topic-width.
Добавьте это — это должно адаптировать всё остальное:
:root {
--topic-body-width: 750px;
}
При этом всё выглядит нормально. Спасибо.
.container.posts {
grid-template-columns: 90% 10%;
}
Спасибо за публикацию! Скоро посмотрим.
Это было исправлено в последнем слиянии PR.
Пожалуйста, подскажите, как обрезать фоновое изображение так, чтобы углы были симметрично скруглены, как на этом примере:
Сейчас код выглядит следующим образом:
html .background-container {
position: fixed;
top: 0;
left: 0;
height: 100vh;
width: 100vw;
background: url(https://site/uploads/default/original/2X/2/26d48362654a9e03c716eeaff4a176cbbd01d6b8.png);
background-size: cover;
}
Вам нужно будет отредактировать свойства clip-path. Подробнее об этом можно узнать на таких сайтах, как CSS Tricks.
Когда я использую тему здесь, на Meta, иконки перед цитатой, редактированием, копированием цитаты и функцией Ask AI становятся невидимыми.
Хм, какую цветовую схему вы используете? Фон для этого не соответствует теме.
WCAG Light, безусловно, имеет эту проблему, но я переключился на «тема по умолчанию»
