Custom background image

Custom CSS & Theme Design
1

What I’m trying to do

im trying to make a background image for the ENTIRE window, instead of just the editing window. the solutions i found on this forum only cover the editing window.

Things I have tried

body {
background-image: url(image here);
background-size: cover;
background-position: fixed;
}

which doesnt seem to work.

2

Just replace “image here” with a valid url eg. “https://example.online.wallpapers.com/picture.png”
This should add a background image to your main window.

To apply your image to other areas than the main win is way less intuitive bc you’ll need to:

  • target the specific areas (top, side areas)
  • apply a calculated % of your image to different areas than the main one.
3

i said i tried it but it doesnt work. something up with the bg colors of the panes which im not sure how to fix.

4

Quickly looking at two themes I know of that support background images (AnuPpuccin and Everforest Enchanted), it’s not as simple as setting a background image. It looks like you also need to make the panes, UI elements, tab headers, etc., transparent or partially transparent for the image to show through.

5

This topic was automatically closed 90 days after the last reply. New replies are no longer allowed.