Mint主题的背景更改

支持
1

Hello,
I would like to use the Mint theme in dark mode, but the current background image (the green square and circle) doesn’t match with my general community theme and the colors.
Is there an easy way to change the background picture without heavy CSS?
Guidance for a newbie here is greatly appreciated

2

The background shapes in the Mint theme are actually gradients and not images, but regardless they can be disabled with a little CSS. You can create a new theme component, add it to the Mint theme, and include:

#main-outlet::before, 
#main-outlet::after {
  display: none;
}

You can then add your own background image with a little more CSS. First you’d want to add the image to the uploads section of you theme component:

image
image300×165 4.47 KB

Then in your CSS you can reference the image’s variable name like this:

body {
  background: url($blobs);
}
1 个赞