Важный нюанс: мы хотим изменить только цвет основного фона, а не фон областей с текстом. Именно поэтому мы не можем напрямую использовать значения палитры цветов (если только я что-то не упустил).
По-прежнему пытаемся изменить фон для режима по умолчанию (светлый), сохраняя темный фон для темного режима.
Даже если мы хотим использовать простой цвет для светлого фона, любые попытки с CSS добавляют этот же цвет к фону и в темном режиме.
Вот почему мы пытаемся использовать изображение. Когда фоновое изображение установлено по умолчанию, для светлого режима используется стандартное изображение Graceful, а для темного режима — темный фон. Было бы отлично, если бы мы могли добавить собственное изображение, которое использовалось бы только в светлом режиме, но при попытке то же самое изображение применяется и в темном режиме. Поскольку фоновое изображение яркое и подходит для светлого режима, оно портит темный режим.
Не мог бы кто-нибудь помочь нам разобраться с этим, пожалуйста?
@piffy Большое спасибо. Это действительно достойное временное решение.
Я запутался в математике вычисления значения для SVG, которое при 20% непрозрачности давало бы #FAF0FC, но это достаточно близко для моих глаз, а тёмная тема остаётся тёмной. Уф!
// Цвет фона вместо фоновой картинки Graceful
.background-container {
background: rgb(200 190 192 / 20%);
}
Кто-нибудь нашел способ правильно настроить ширину форума с этой темой?
Мои изменения в CSS, похоже, не дают эффекта, а кастомный компонент ширины от Canapin отлично работает на теме по умолчанию, но, кажется, не влияет на Graceful.
По умолчанию форум очень узкий, и было бы здорово иметь возможность изменить это.
TC от Canapin работает у меня с этой темой.
Этот TC устанавливает CSS-переменные --d-max-width и --topic-body-width.
Возможно, у вас есть другой TC или кастомизации, которые перезаписывают эти значения.
Вы можете попробовать установить их вручную, например:
body {
--d-max-width: 1500px;
--topic-body-width: 1500px;
}
В качестве примера: изменения отступов, фона и т. д. применяются корректно, но сам цвет текста игнорируется и остаётся стандартным жёлтым. Может, нужно обращаться к другому свойству, чтобы изменить его? По умолчанию жёлтый цвет очень плохо читается на белом фоне.
На мобильных устройствах ширина форума теперь чуть больше, чем позволяет экран. Можно ли ограничить её максимум 100% на мобильных, чтобы она не выходила за пределы, но при этом не отменять увеличение ширины для десктопных пользователей?
У меня та же проблема, что и у @Solari выше: на мобильных устройствах отсутствуют цветные полосы. Я пробовал использовать предложенный CSS-код, но это не помогло. Кто-нибудь смог найти способ вернуть цветные полосы категорий на мобильные устройства?
Хорошо, я посмотрел здесь на Meta с выбранной темой Graceful. На мобильном устройстве по какой-то причине нет цветных полос, как на рабочем столе. Сам я не уверен, почему так.
Однако на рабочем столе в боковой панели можно переключиться на мобильный вид и использовать функцию «Исследовать элемент». Также рекомендую проверить режим рабочего стола и посмотреть, чем отличается CSS. При необходимости, скорее всего, можно создать пользовательский компонент с переопределениями для мобильной версии, чтобы цветные полосы отображались как ожидалось.
Спасибо! Я это ценю. Поскольку другие пользователи уже сообщали об этой проблеме ранее в этой теме, я надеялся на более постоянное решение, которое будет работать даже после будущих обновлений Grace.
Не хочу быть грубым или что-то в этом роде, но я задаюсь вопросом, почему на изображении фона по умолчанию изображена свастика. Это одна из первых вещей, которые я заметил. Возможно, у меня просто сработали паучьи чувства, всегда готовые к поиску потенциально токсичных участников сообщества.
