VSCode设置透明背景,解决透明度导致全局字体模糊问题

VSCode 设置透明背景,解决透明度的问题

    • 但这个方法有点个缺点,就是透明度的问题,照片透明度越高,那么字体的透明度也高,导致代码或者菜单选项看不清

网上找到的大多数教程都是使用这个方法

/*background start*/
body{pointer-events:auto !important;background-size:100% !important;opacity: 0.93 !important;background-position: 0 0 !important;background-image: url('file://E:/OneDrive/Pictures/overwatch/bg-53.jpg') !important;content:'';position:absolute;z-index:99999;width:100%;background-repeat:no-repeat;}
*background end*/

但这个方法有点个缺点,就是透明度的问题,照片透明度越高,那么字体的透明度也高,导致代码或者菜单选项看不清

###解决思路:
1.编辑workbench.html文件,然后加一个div,专门用来显示背景图。
2.使用透明png格式的图片,这样透明部分就不会导致代码或者菜单看不清
##解决方式
    编辑安装路径下的文件
    Microsoft VS Code\resources\app\out\vs\code\electron-browser\workbench\workbench.html
在body中添加以下div(必须添加在首行)

<body class="monaco-shell vs-dark" aria-label="">
        
                <div style="
                        background-image: url('file://C:/Images/a2.png');
                        pointer-events:none;
                        opacity:0.72;
                        position:absolute;
                        z-index:2;
                        background-size:contain;
                        width: 100%;
                        height: 100%;
                        left:360px;
                        background-repeat:no-repeat;
                        display:block;">
                        div>
         
、/body>

#效果图
前端我就是个坑,希望有大佬能够告知能够自动右对齐的方法

VSCode设置透明背景,解决透明度导致全局字体模糊问题_第1张图片

你可能感兴趣的:(VSCode设置透明背景,解决透明度导致全局字体模糊问题)