Important detail, we just want to change the color of the main background, not the background of the areas with text. This is why we can’t use the Color Palette values directly (unless I have missed something).
Still trying to change the background for the default (light) mode while keeping the dark background for dark mode.
Even if we want a plain color for the light background, anything we have tried with CSS adds the same color to the background in dark mode.
This is why we are trying with an image instead. When the background image is set to default, the stock Graceful image background is used for light, but for dark mode there is a dark background. It would be great if we could add a custom image that would be used only the light mode as well, but when we try, the same image is used in dark mode. Because the background image is bright and fitting for the light mode, it ruins dark mode.
@piffy Thank you very much. This is a decent workaround indeed.
I got lost in the math of calculating a SVG number that with a 20% opacity will, result in #FAF0FC but this gets close enough to my eyes, and dark mode is dark. Phew!
// Background color instead of Graceful background image
.background-container {
background: rgb(200 190 192 / 20%);
}
Has anyone found a way to properly adjust the width of the forum with this theme?
My CSS changes do not seem to be having an effect, and Canapin’s custom width component works fine on the default theme but seems to have no effect on Graceful.
By default the forum is really narrow and it would be great to be able to change this
The Canapin’s TC works for me on this theme.
This TC sets --d-max-width and --topic-body-width CSS variables.
You might have another TC or customizations that overwrites these values.
You can try manually, for example:
body {
--d-max-width: 1500px;
--topic-body-width: 1500px;
}
as an example, the change to padding, background etc are applied correctly, but the actual text color itself is ignored and remains the default yellow. Is there a different thing I should be addressing to change that? The yellow is extremely hard to read against a white background by default.
On Mobile, the width of the forum is now slightly more than the screen should be, is there a way to have it stay at max 100% width on mobile and not go over, but without undoing the width increase for desktop users?
I’m having the same issue @Solari was above in that the color bars on mobile are not present. I tried using the CSS code suggested in response but that didn’t seem to resolve the issue, did anyone figure out how to get category color bars back on mobile?
Okay was taking a look here on Meta with Graceful theme selected. On mobile for some reason there are no colored bars like in desktop. I myself am not sure why.
Though on desktop in the sidebar switch it to mobile view and should be able to use inspect element. I would also check on desktop mode and see how the CSS differs. If needed can likely create a custom component with overrides in Mobile to get the colored bars working as expected.
Thanks! I appreciate it. Since other users had already reported the issue earlier in this thread, I was hoping for a more permanent fix that would hold even after future updates to Grace.
의도적으로 나쁘게 말하려는 건 아니지만, 기본 배경 이미지에 왜 свастика(万字)가 들어 있는지 궁금했어요. 처음에 눈에 들어온 것 중 하나였거든요. 그냥 제 _스파이더 센스_가 과민하게 반응하는 건지도 몰라요. 항상 잠재적으로 독성이 있는 커뮤니티 멤버들을 경계하고 있거든요.
