shalldie / vscode-background Goto Github PK

测试win10 x32 vscode1.6.1 全新安装环境

求助～

换用Atom主题后，行号背景和文本背景不一样，而且Atom主题的背景被覆盖了
如图

比如说：

1. 图片url配置~
2. background position， background size, opacity 神马的~
3. 图片本地cache~

After uninstalling the plugin the background image left. How to remove it?

感觉不安全。。。这个提示太恐怖

如何为单个图片设置单独样式
我又三个图片 尺寸不一
如果为这三张图设置不同的缩放尺寸

如题

如题

图片的透明度怎么来设置啊？我添加自己图片后它没达到铺满状态，这是我的图片太小的原因还是设置的问题？

升级到1.6.1之后背景坏了

background.cunstomImages should be background.customImages.

请问我在哪个目录下可以找到 setting.json 并且修改之

我fork下来看了一下
图片路径的话mac也是OK的
系统安装路径，nodejs在win下

var _dirPath = path.join(inputPath, 'resources\\app\\out\\vs\\workbench\\electron-browser');

mac下应该改成

var _dirPath = path.join(inputPath, 'Contents/resources/app/out/vs/workbench/electron-browser');
//inputPath:mac用户的安装路径是/Users/YourID/.../Visual Studio Code.app

可以用node的os.platform()来判断，mac是darwin,win是win32
PS:mac下就不要报搜索错误了，反正搜不到
PS2:魔爱党表示第三张默认图应该换成小爱

背景图还在，我换了一张岛国动作电影女主角的图片看看效果，后面准备换掉，结果卸不掉=_=!!!

如果不是UAC管理员权限运行的话，在没有写入权限的时候抛出异常没有提示

试用了一下感觉很棒，不过如果能随机就更好了，例如

costomImages:[
    [pic1, pic2, pic3, ...], // 窗口1的背景从这里随机
    'window2-pic', // 指定窗口2使用此背景
    [pic1, pic2, pic3, ...], // 窗口3的背景从这里随机
]

感谢dalao的插件，很喜欢~

求赐教

vscode 1.10.2安装之后无法正常显示

我通过管理员权限运行后，无法加载出图片。然后再setting.json中增加了相关设置也是不行。

{
    "background.enabled": true,
    "background.useDefault": true,
    "background.style": {
        "content": "''",
        "pointer-events": "none",
        "position": "absolute",
        "z-index": "99999",
        "width": "100%",
        "height": "100%",
        "background-position": "100% 100%",
        "background-repeat": "no-repeat",
        "opacity": 0.6
    }
}

I can't uninstall the background extension. It says it's uninstalled, but the background still has the picture. The settings are gone though.

先添加的 background.style 的特性比较适合，小尺寸的图片(如默认的图片)，而如果换成 填充适应整个工作窗口的大图片来说，会出现一个问题 就是 opacity:1 ,图片覆盖了 整个代码的内容，若设置透明 <1,又感觉比较模糊， 查看代码应该是图片样式 从 .monaco-scrollable-element{} 改成了 .monaco-scrollable-element:nth-child(2)::after{} 造成的， 希望作者可以考虑一下这种情况 ，亦或通过添加新属性来控制，图片 是否在代码等的上方。

PS： 已经通过修改本地插件的代码来达到之前的效果，但也不是长久之计，之前找了几个黑色主题的背景很不错的，但是不适合当前版本 ，图片分享： http://pan.baidu.com/share/link?shareid=2965468559&uk=3945358808

I want to add a paper texture to the background but right now it just stays on the bottom left corner. Would be nice to have a repeat / tile option like in CSS "background-repeat: repeat" option.

{
    "workbench.iconTheme": "vscode-icons",
    "background.enabled": true,
    "background.useDefault": true,
    "background.customImages": [
        // "http://img.hb.aicdn.com/dc114db9e695ac9863b6b9882c77eb402a09e5af299ac0-R96Uv1_fw658"
    ],
    "background.style": {
        "background-position": "100% 100%",
        "background-repeat": "no-repeat"
    }
}

我感觉默认的图片就很好啊，有其他主题就更好了！但是我的为什么不显示= =

你好，有好图也分享下哈哈哈~
比如说readme里的那几张图~

芙兰好可爱啊！！！
要是有其他角色的也请发一下

输入：background Set as default
错误：command 'extension.background.reset' not found

"background.useDefault": false,
"background.customImages": [
"https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1489728605120&di=39e2c2a49613a1a11353e0d577165573&imgtype=0&src=http%3A%2F%2Fcartoon.zwbk.org%2FImageUploadTK%2F63468890451334875012523622145.jpg",
"file:///G:/1.png"
]

设置里是这么写的，网上的图片和本地都显示不出来，要怎么改呢？

用户自己制作适合的图片有些小麻烦，希望有个列表把大家把觉得不错的背景图片收集起来互相分享。

配置没毛病，不显示图片

禁用后依旧是会显示背景图的,除非重装或者找到原始文件workbench.main.css改回去.

我只想加个纯背景色，如何设置

如何恢复默认

能出个命令自定义图片大小吗

I`ve created my own picks on my PC and set it up in settings.json but still It wont show them. Any ideas ?

按照提示操作。并没有生效。不知道为什么

[id='workbench.parts.editor']>.content>.one-editor-silo:nth-child(1) .overflow-guard>.monaco-scrollable-element{background-image: url(${img0});}

没双引号的话，文件路径带括号或者空格等，会懵逼
没encodeURI的话，非ASCII字符会懵逼

不知道写在哪里 囧

VSCODE 1.4.0 Running the contributed command:'extension.background.reset' failed.

0,0不知道为嘛用不了

不太好描述，我截图了，就是这个设置

"background.useFront": true,

这是设置为false之后的情况：

代码自动完成提示框也是这个现象，框框的背景颜色没了。

这是保持默认true的情况（正常）

About Code - Insiders

About Config

{
    "background.useDefault": false,
    "background.enabled": true,
    "background.style": {
        "background-position": "50% 50%",
        "background-repeat": "no-repeat"
    },
    "background.customImages": [
        "http://ohupawle2.bkt.clouddn.com/vscode-update.png",
        "http://ohupawle2.bkt.clouddn.com/vscode-update.png",
        "http://ohupawle2.bkt.clouddn.com/vscode-update.png"
    ],
    "editor.renderWhitespace": "all",
    "indentRainbow.colors": [
        "rgba(64,64,16,.5)",
        "rgba(32,64,32,.5)",
        "rgba(64,32,64,.5)",
        "rgba(16,48,48,.5)",
        "rgba(128,32,32,.5)"
    ],
    "diffEditor.ignoreTrimWhitespace": false,
    "editor.minimap.enabled": false,
    "workbench.welcome.enabled": false,
    "editor.minimap.renderCharacters": true,
    "editor.dragAndDrop": true,
    "css.colorDecorators.enable": true,
    "scss.colorDecorators.enable": true,
    "less.colorDecorators.enable": true,
    "workbench.sideBar.location": "left",
    "window.zoomLevel": 0,
    "material-icon-theme.showUpdateMessage": false,
    "editor.fontFamily": "Menlo, Monaco, 'Courier New', monospace",
    "window.nativeTabs": true,
    "workbench.colorTheme": "Material Ocean Next Theme +",
    "workbench.iconTheme": "material-icon-theme"
}

Looking forward to your reply