DEV Community

Background image for vs code

Bharath Muppa on September 28, 2020

If you are like me, who likes to spend a considerable amount of time making your work a bit more exciting with a workspace environment. This articl...

Read full post

Fox • May 22 '21

this isnt working

    "background.customImages": [
      "https://localhost/localhost-whitelisted/fundy%20in%20maid%20dress.png",
    ],

i try local apache server cause /home/fox/Pictures/fundy in maid dress.png doesnt work either

Fox • May 22 '21

Fixed its the /usr/share/code is unwriteable sudo chown urUsername /usr/share/code -R then chmod ugo+rwx /usr/share/code (for Linux users who install vscode using dpkg -i)

crhodes • Nov 11 '21

It broke my vscode.
Thanks a lot.

Allwell Onen • Apr 22 '22

It broke yours, it worked for him. We move.

oelun-In • Nov 6 '22

aha ah omo naija

KT022 • Jul 7 '22

Thank you a lots it help you so much after many times unsuccessful trial

studboo • Dec 14 '21

you can try my settings and use images you like



"background.enabled": true,
    "background.loop": false,
    "background.useDefault": false,
    "background.useFront": false,
    "background.style": {
        "content": "''",
        "pointer-events": "none",
        "position": "absolute",
        "z-index": "99999",
        "height": "100%",
        "width": "100%",
        "background-position": "right bottom",
        "background-size": "20%",
        "background-repeat": "no-repeat",
        "opacity": 0.2
    },
    "background.customImages": [
        "https://studboo.com/wp-content/uploads/2020/02/a2.png",
        "https://studboo.com/wp-content/uploads/2020/02/b2.png",
        "https://studboo.com/wp-content/uploads/2020/02/c2.png",
        "https://studboo.com/wp-content/uploads/2020/02/d2.png",
        "https://studboo.com/wp-content/uploads/2020/02/e2.png",
        "https://studboo.com/wp-content/uploads/2020/02/f2.png",
        "https://studboo.com/wp-content/uploads/2020/02/g2.png",
        "https://studboo.com/wp-content/uploads/2020/02/h2.png",
        "https://studboo.com/wp-content/uploads/2020/02/j2.png",
        "https://studboo.com/wp-content/uploads/2020/02/k2.png",
        "https://studboo.com/wp-content/uploads/2020/02/i2.png"
    ],