The following user style adds Tricksta's awesome Esix to the front page of e621. It also adjusts styles of boxes, links and controls to match the image. You can choose either the safe version or one of the explicit versions.

post #1411608 post #1414338 post #1414339

• Gist page with all info
• Screenshot
• Direct .user.css link for Stylus

Can it be used with any image or...?

Demesejha said:
Can it be used with any image or...?

Er... the 3 images are embedded into the user style, but you can use this style to change the background on the front page to any image. There's a line at the bottom:

background-image: var(--tricksta-esix-image-1) !important;

change it to

background-image: url(https://example.com/path/to/image.png) !important;

It must be noted though that this style is supposed to be used with these specific background images. It changes colors of inputs and links to match the image, makes boxes hexagonal like in the image, and after the last update it fits the image into the window and moves boxes around optimally to avoid covering relevant parts of the image.

Due to limitations of CSS, I can't make the style generic enough for all these features to work perfectly for any image. Most of these features were added later, so if you plan to use the style with your own image, you should use the older version.

KinkyGlutamate said:
The following user style adds Tricksta's awesome Esix to the front page of e621. It also adjusts styles of boxes, links and controls to match the image. You can choose either the safe version or one of the explicit versions.

post #1411608 post #1414338 post #1414339

• Gist page with all info
• Screenshot
• Direct .user.css link for Stylus

Suggest this art to the admins they might put it on the front page without u need to use any styles :3 If u contact with the artist first and he says that his art can be used.

Hexdragon said:
Suggest this art to the admins they might put it on the front page without u need to use any styles :3 If u contact with the artist first and he says that his art can be used.

This styles does more than the mascot feature can:

1. It supports explicit image versions. I can't imagine e621's admins ever approving explicit mascots. :)

2. It customizes design of all items on the front page to match the image. Mascot feature supports only changing background color currently.

3. It scales the background image and moves page content for any screen resolution. Doing this for every mascot image would be problematic (it can be done, but devs won't like the amount of code required for a minor feature).

Overall, I think my customized front page looks way prettier than the official mascot will look, with those huge blurred boxes and default colors.

That being said, Tricksta does approve adding the image to the official mascot list, so I'll try to get e621's devs to add it. It won't make my style obsolete for the aforementioned reasons though.

Added little Esix that sits at the bottom of every page. Fits into snow and grass subthemes the best.

Also considerably improved the style. Found out there's a way to put inline SVG into CSS and to achieve solid outer text shadow.

Now I really like how the page looks myself. 😁

The only step away from perfection is optimization of the transparent PNG, colors of non-opaque pixels are weird.