Arbitrary background color for cover page

[Leopoldthecoder]

Currently the background of cover page is generated randomly. In some cases, when put together, the generated color and the coloring of project's logo don't quite match. Any thoughts on letting users configure their own background colors?

Another thing, Math.floor(Math.random() * 255) makes it impossible for hue to be greater than 255, thus the background color may never be purple or pink. Is this on purpose?

[QingWei-Li]

I will add a new feature to support custom background color or image. likes

![logo](_media/icon.svg)

# docsify <small>1.3.3</small>

> A magical documentation site generator.

- Simple and lightweight (~12kb gzipped)
- Multiple themes
- Not build static html files


[GitHub](https://github.com/QingWei-Li/docsify/)
[Get Started](#quick-start)

![](background.png)
<!-- or  -->
![color](red)
<!-- or  -->
![color](linear-gradient(to left bottom, #b3ffc8 0%, #eeffb3 100%))

Just use markdown to add the image syntax at the bottom.

[Leopoldthecoder]

Awesome!

[QingWei-Li]

1.4.0 is now released!

[Leopoldthecoder]

哦

[QingWei-Li]

你大爷

[Leopoldthecoder]

别闹，今天就试试

[mazeitor]

hi, I am trying this configuration to have an image as background and also the gradient on it, but the results are not like the screenshot you posted. the version i am using is 4.6.10.

anyone can help ? thanks

[ed1chandler]

I'm in the same boat. My background image is stuck at a fixed size no matter what I do. How do you duplicate the full-screen responsive background image as shown in the image above? Thanks.

[pdao1]

Maybe things changed since, but )
doesn't work.

I did manage a workaround to just write/overwrite direct to css class for gradient bg:

placed this styles in the index.html

.cover.show {
background: linear-gradient(to left top, #821617 0%, #B31F29 20%, #FEC443 100%) !important;

}