shalldie / vscode-background

Bring background images to your vscode. vscode background 背景扩展插件。
https://marketplace.visualstudio.com/items?itemName=shalldie.background
MIT License
1.36k stars 140 forks source link

Share your images. 分享你的背景图。 #106

Open shalldie opened 6 years ago

shalldie commented 6 years ago

分享各自的背景图。 Share the background images.

shalldie commented 6 years ago

backtop1 backtop2 backtop3

shalldie commented 6 years ago

logo show

shalldie commented 6 years ago

currupt_des

shalldie commented 6 years ago
err_tip
shalldie commented 6 years ago

@treezhou05 这个issue是用来存放一些图片用的(有些朋友想要原图),请不要在此回复。你可以另开一个。

插件下载之后就会自动运行。如果不显示则一般是权限原因。

TreeZhou commented 6 years ago

自己调整的图片,希望大家喜欢。谢谢作者的解答,最后设置好了。 image image

https://i.loli.net/2018/06/29/5b35d7383694b.png https://i.loli.net/2018/06/29/5b35d75e58fde.png

piumnl commented 6 years ago

17 个人喜欢这张,这张来自游戏 arcaea(没拿授权,权当广告

UserNameYSH commented 5 years ago

So, how do you set up different background images in paging mode? 那么,如何在分页模式中设置不同的背景图像呢?

UserNameYSH commented 5 years ago

菜鸟报道

UserNameYSH commented 5 years ago

那么,如何在分页模式下设置不同的背景图像?那么,如何在分页模式中设置不同的背景图像呢?

啊,已经找到了,逗号万岁

yywc commented 5 years ago

image

pika

提交一只皮卡丘

"background.style": { "content": "''", "pointer-events": "none", "position": "absolute", "right": "0", "bottom": "0", "width": "45%", "height": "45%", "z-index": "9999", "background-size": "contain", "opacity": 0.3, }, "background.useDefault": false,

craybee commented 5 years ago

大锅,你介个插件的本地安装路径可以提供下吗

DragonQuestHero commented 5 years ago
"background.customImages":[
    "https://user-images.githubusercontent.com/24371189/47023104-85336080-d191-11e8-957f-b4ac3f8a24c1.png",
],
"background.style": {
    "content": "''",
    "pointer-events": "none",
    "position": "absolute",
    "right": "0",
    "bottom": "0",
    "width": "100%",
    "height": "100%",
    "z-index": "9999",
    "background-size": "contain",
    "opacity": 0.3,
    },
    "background.useDefault": false,

感觉还行

mariusagur commented 4 years ago

vscode20200220

8naf commented 3 years ago

image https://i.ibb.co/5c03GT5/Gawr-Gura-4.webp https://i.ibb.co/BCp4pLR/Gawr-Gura-8.webp

8naf commented 3 years ago

image https://i.ibb.co/P5sqRWR/Kinako-4.png https://i.ibb.co/tmVtR8Z/Kinako-3.png

8naf commented 3 years ago

image https://i.ibb.co/pxQDkjg/Menhera-19.webp https://i.ibb.co/BthcFjP/Menhera-3.png

yuguansu commented 3 years ago

九公主-21 九公主-31

cdry commented 3 years ago

bg

LeSnow-Ye commented 3 years ago

默认图片有出处吗?还是大佬自己画的 ¿

要是自定义图片和默认图片能同时生效就好了

附一张 Toru

Toru_gif

HUANG-Haolun commented 3 years ago

hanser! hanser555

en1cm4 commented 2 years ago

¿Cual archivo es el que debo modificar ? o cual es la ruta del archivo...

mason-jing commented 2 years ago

有大佬知道怎样将背景设为全屏吗?我现在图片只能显示在代码编辑区

yuguansu commented 2 years ago

有大佬知道怎样将背景设为全屏吗?我现在图片只能显示在代码编辑区

外面有相同问题,因为权限问题,暂不支持

sulbon commented 2 years ago

{ "background.loop": false, "background.enabled": true, "background.useDefault": false, "background.customImages": [ "https://raw.githubusercontent.com/cat-milk/Anime-Girls-Holding-Programming-Books/master/Typescript/Beako_Reading_The_TypeScript_Programming_Language.png" ], "background.style": { "content": "''", "pointer-events": "none", "z-index": "99999", "width": "100%", "height": "100%", "background-position": "100% 100%", "background-repeat": "no-repeat", "background-size": "contain", "opacity": 0.25, "-webkit-mask-image": "linear-gradient(90deg, transparent, black, black)", "-webkit-mask-size": "40% 100%", "-webkit-mask-repeat": "no-repeat", "-webkit-mask-position": "right top, right bottom", }, }

无标题 梦-幻-联-动 https://github.com/cat-milk/Anime-Girls-Holding-Programming-Books

tonine1337 commented 2 years ago

wallhaven-eypv9r

02 - https://w.wallhaven.cc/full/ey/wallhaven-eypv9r.png

therainisme commented 2 years ago

image

kq

https://user-images.githubusercontent.com/41776735/163673800-0e575aa3-afab-405b-a833-212474a51adc.png

"background.style": {
    "content": "''",
    "pointer-events": "none",
    "position": "absolute",
    "right": "0",
    "bottom": "0",
    "width": "10vw",    
    "z-index": "9999",
    "background-size": "contain",
    "opacity": 0.3,
}
PommesPeter commented 2 years ago

image

url:https://user-images.githubusercontent.com/54879512/163674024-1a132324-b35d-4795-a062-2c819736e29e.png

"background.style": {
  "content": "''",
  "pointer-events": "none",
  "position": "absolute",
  "right": "0",
  "bottom": "0",
  "width": "30%",
  "height": "30%",
  "z-index": "9999",
  "background-size": "contain",
  "opacity": 0.5,
  },
pengxiaotian commented 2 years ago

image

shalldie commented 2 years ago

background-fullscreen

KoichiKiyokawa commented 1 year ago

image

  "background.fullscreen": {
    "image": "https://i.pinimg.com/originals/59/0e/d3/590ed3a4e7be835cb48a2288c017fa54.jpg",
    "size": "contain",
    "opacity": 0.88
  }
shalldie commented 1 year ago

590ed3a4e7be835cb48a2288c017fa54

wenda84 commented 1 year ago

image

pika

提交一只皮卡丘

"background.style": { "content": "''", "pointer-events": "none", "position": "absolute", "right": "0", "bottom": "0", "width": "45%", "height": "45%", "z-index": "9999", "background-size": "contain", "opacity": 0.3, }, "background.useDefault": false,

这个配置可以使用,thx

shalldie commented 1 year ago

image

rYHWm9f6nt3pSwc

seH6v1pJIdODynX

summerainX commented 1 year ago

如果我想设置不透明的应该如何配置呢 就是背景图片是不透明的,直接调整透明度会导致代码部分 被覆盖了,颜色很奇怪

shalldie commented 1 year ago

@summerainX 可以再开个issue描述问题,这个issue用于大家分享图片~

rlawotmd7991 commented 1 year ago

4kcyberpunk

image

JoCat commented 1 year ago

image _amber_and_baron_bunny_genshin_impact_drawn_by_pinocchio_dlekrkdwlt

VladyslavParashchenko commented 1 year ago

@shalldie could you share your config, I would like to have one image per each open editor tab like on your screenshots

shalldie commented 1 year ago

@shalldie could you share your config, I would like to have one image per each open editor tab like on your screenshots

@VladyslavParashchenko

  "background.enabled": true,
  "background.useFront": true,
  "background.customImages": [
    "https://i.loli.net/2021/03/26/seH6v1pJIdODynX.png",
    "https://i.loli.net/2021/03/26/rYHWm9f6nt3pSwc.png"
  ],
  "background.interval": 12,
  "background.style": {
    "background-size": "320px 460px",
    "opacity": 0.4
   }
VladyslavParashchenko commented 1 year ago

@shalldie thanks a lot, it works

YL-python commented 1 year ago
image

// background 插件设置 start "background.enabled": true, "background.useFront": true, "background.useDefault": false, "background.customImages": [ "https://upload-bbs.miyoushe.com/upload/2023/02/24/196231062/8540249f2c0dd72f34c8236925ef45bc_3880538836005347690.png" ], "background.style": { "content": "''", "pointer-events": "none", "position": "absolute", "z-index": "99999", "right": "7%", "bottom": "0", "width": "30%", "height": "30%", "background-repeat": "no-repeat", "background-size": "contain", "opacity": 0.3 }, // background 插件设置 end

changehu commented 11 months ago

cyt

Musicminion commented 11 months ago

放一只绫华! ayaka-origin

ZWL2307375057 commented 6 months ago

https://files.codelife.cc/wallhaven/full/8o/wallhaven-8om931.jpg?x-oss-process=image/resize,limit_0,m_fill,w_2560,h_1440/quality,Q_92/format,webp 摸鱼时看看腿也不错喔 @_ @ videoframe_9727

shalldie commented 6 months ago

https://files.codelife.cc/wallhaven/full/8o/wallhaven-8om931.jpg?x-oss-process=image/resize,limit_0,m_fill,w_2560,h_1440/quality,Q_92/format,webp 摸鱼时看看腿也不错喔 @_ @ !

wallhaven-8om931

ZWL2307375057 commented 6 months ago

https://files.codelife.cc/wallhaven/full/8o/wallhaven-8om931.jpg?x-oss-process=image/resize,limit_0,m_fill,w_2560,h_1440/quality,Q_92/format,webp 摸鱼时看看腿也不错喔 @_ @ !

wallhaven-8om931

呀,预览图放错了,作者好细心,爱了爱了~

ZWL2307375057 commented 6 months ago

您好,请问可以分享一下你的字体配色吗,我觉的你的这个配色非常鲜明,想抄个作业~

shalldie commented 6 months ago

@ZWL2307375057 我的吗?

没有啥额外的配置, font size: 14px 颜色主题:Default Dark+

SongRunqi commented 4 months ago

illust_117511790_20240403_205706 illust_117511790_20240403_205708 ![Uploading 118900851_p0_master1200.jpg…]()