mac vscode 背景半透明_给 vscode 添加半透明毛玻璃效果

Electron 可以调用 MacOS 的毛玻璃效果,下面让我来带你给 VScode 添加毛玻璃效果。

2. 创建一个 CSS 文件(CSS 是我自己写的,你可以按需修改)

html {

background: transparent !important;

}

.scroll-decoration {

box-shadow: none !important;

}

.minimap {

opacity: 0.6;

}

.editor-container {

background: transparent !important;

}

.search-view .search-widget .input-box, .search-view .search-widget .input-box .monaco-inputbox,

.monaco-workbench>.part.editor>.content>.one-editor-silo>.container>.title .tabs-container>.tab,

.monaco-editor-background,

.monaco-editor .margin,

.monaco-workbench>.part>.content,

.monaco-workbench>.editor>.content>.one-editor-silo.editor-one,

.monaco-workbench>.part.editor>.content>.one-editor-silo>.container>.title,

.monaco-workbench>.part>.title,

.monaco-workbench,

.monaco-workbench>.part,

body {

background: transparent !important;

}

.editor-group-container>.tabs {

background-color: rgba(37, 37, 37,0.2) !important;

}

.editor-group-container>.tabs .tab {

background-color: transparent !important;

}

.editor-group-container>.tabs .tab.active {

background-color: rgba(37, 37, 37,0.4) !important;

}

.monaco-list.settings-toc-tree .monaco-list-row.focused {

outline-color: rgb(37, 37, 37,0.6) !important;

}

.monaco-list.settings-toc-tree .monaco-list-row.selected,

.monaco-list.settings-toc-tree .monaco-list-row.focused,

.monaco-list .monaco-list-row.selected,

.monaco-list.settings-toc-tree:not(.drop-target) .monaco-list-row:hover:not(.selected):not(.focused) {

background-color: rgb(37, 37, 37,0.6) !important;

}

.monaco-list.settings-editor-tree .monaco-list-row {

background-color: transparent !important;

outline-color: transparent !important;

}

.monaco-inputbox {

background-color: rgba(41, 41, 41,0.2) !important;

}

.monaco-editor .selected-text {

background-color: rgba(58, 61, 65,0.6) !important;

}

.monaco-editor .focused .selected-text {

background-color: rgba(38, 79, 120,0.6) !important;

}

.monaco-editor .view-overlays .current-line {

border-color: rgba(41, 41, 41,0.2) !important;

}

.extension-editor,

.monaco-inputbox>.wrapper>.input,

.monaco-workbench>.part.editor>.content>.one-editor-silo>.container>.title .tabs-container>.tab.active,

.preferences-editor>.preferences-header,

.preferences-editor>.preferences-editors-container.side-by-side-preferences-editor .preferences-header-container,

.monaco-editor, .monaco-editor .inputarea.ime-input {

background: transparent !important;

}

.editor-group-container>.tabs .tab {

border: none !important;

}

3. 创建一个 JS 文件

nodeRequire('electron')

.remote

.getCurrentWindow()

// 设置半透明效果 https://electronjs.org/docs/api/browser-window#winsetvibrancytype-macos

.setVibrancy('ultra-dark');

4. 修改 settings.json 添加以下内容

"vscode_custom_css.imports": [

"file:custom.css",

"file:custom.js"

],

"vscode_custom_css.policy": true

5. 输入命令(⇧⌘P) “Reload Custom CSS and JS”

6. 重启 VScode

之后每次更新 VScode 后需要输入命令 “Reload Custom CSS and JS”。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/526346.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

python队列精灵对战_python队列Queue

python2, 参考思路.QueueQueue是python标准库中的线程安全的队列(FIFO)实现,提供了一个适用于多线程编程的先进先出的数据结构,即队列,用来在生产者和消费者线程之间的信息传递基本FIFO队列class Queue.Queue(maxsize0)FIFO即First in First Out,先进先出…

mysql 函数返回查询结果_MySQL数据库中常用查询函数简介

MYSQL中的常用函数count(*)---相当于统计表的行数,在统计结果的时候,不会忽略列值为NULL的记录。 select count(*) from yinxiong;Count(列名)表示统计此列当中总行数(不计算null所在的行)Count(distinct 列名&#xf…

属性值动态调整_这可能是你见过最牛的CAD粗糙度动态块了!

好课推荐:零基础CAD:点我CAD家装:点我 周站长CAD:点我CAD机械:点我revit教程:点我CAD建筑:点我CAD三维:点我全屋定制:点我 ps教程:点我苹果版CAD:点我 3dmax教…

mysql like_MySQL LIKE:模糊查询

在 MySQL 中,LIKE 关键字主要用于搜索匹配字段中的指定内容。其语法格式如下:[NOT] LIKE 字符串其中:NOT :可选参数,字段中的内容与指定的字符串不匹配时满足条件。字符串:指定用来匹配的字符串。“字符串…

bootstrap mysql源码_Django+Bootstrap+Mysql 搭建个人博客 (六)

6.1.comments插件(1)安装pip install django-contrib-comments(02)settingsINSTALLED_APPS [django.contrib.sites,django_comments,]SITE_ID 1(3)website/urlurl(r^comments/, include(django_comments.urls)),(4)修改源码django_comments/abstracts.py第36行原代码site mode…

mysql 查看索引 命令_MySQL命令篇之库、表、索引、用户、视图及SELECT查询

大纲一、库管理二、表管理三、索引管理四、用户管理五、视图管理六、SELECT查询一、库管理(1)、创建数据库CREATE DATABASE db_name [CHARACTER SET [] charset_name] [COLLATE [] collation_name];mysql> CREATE DATABASE IF NOT EXISTS testdb CHARACTER SET gbk COLLATE …

mysql 数据修改记录日志_mysql对数据的更新操作记录在哪个日志中?

mysql对数据的更新操作记录在通用查询日志和二进制日志中。通用查询日志用来记录用户的所有操作,包括启动和关闭 MySQL 服务、更新语句和查询语句等;二进制日志会以二进制的形式记录数据库的各种操作,但不记录查询语句。(推荐教程&#xff1a…

mysql insert 二进制_MYSQL 插入二进制数的 2 种方法。

方法 1、insert into TableName set column ;方法 2、insert into TableName .... values(.....);------------------------------------------------------------------------------------------------------------------------------------------create table T(x bit(8));方…

mysql jdbc 单利_java单利模式设计

java中单例模式是一种常见的设计模式,单例模式分三种:懒汉式单例、饿汉式单例、登记式单例三种。Singleton是一种创建型模式,指某个类采用Singleton模式,则在这个类被创建后,只可能产生一个实例供外部访问,…

vb 读取mysql所有表名_vb怎么列举出一个mdb数据库里面所有表名?

该楼层疑似违规已被系统折叠 隐藏此楼查看此楼Private Sub Command1_Click()Dim conn As New ADODB.ConnectionDim rs As New ADODB.Recordset打开指定的服务器sql "ProviderSQLOLEDB.1;Persist Security InfoFalse;User IDfood;Password123456;Data Source192.168.1.251…

mysql行级锁升级_mysql innodb 行级锁升级

创建数据表test,表定义如下所示:CREATE TABLE test (id int(11) NOT NULL AUTO_INCREMENT,name varchar(20) NOT NULL,PRIMARY KEY (id),KEY idx_name (name)) ENGINEInnoDB AUTO_INCREMENT1 DEFAULT CHARSETlatin1;创建测试数据集,插入SQL语…

mysql触发器可以使用正则表达式,是否可以使用正则表达式在MySQL中强制执行数据检查...

Suppose I have an attribute called phone number and I would like to enforce certain validity on the entries to this field. Can I use regular expression for this purpose, since Regular Expression is very flexible at defining constraints.解决方案Yes, you can…

c 调用mysql密码为空_C语言连MySQL - osc_srnunz15的个人空间 - OSCHINA - 中文开源技术交流社区...

连接例程用C语言连接MySQL数据库包含两个步骤“初始化一个连接句柄结构;实际进行连接。初始化连接句柄#includeMYSQL *mysql_init(MYSQL *);通常传递NULL给这个例程,它会返回一个指向新分配的连接句柄结构的指针。如果传递一个已有的结构,它将…

mysql怎么分组查询所有数据库_Mysql-4 分组查询与子查询

1、查询结果的分组操作a、分组允许把数据分为多个组,以便能对每个组进行聚集计算b、分组是在select语句的group by 子句中建立的注意:group by 只是创建分组,但并不保证分组里面的数据的排列顺序,需要使用order by 子句对分组里面…

mysql 多列union_Mysql联合查询UNION和UNION ALL的使用介绍

一、UNION和UNION ALL的作用和语法UNION 用于合并两个或多个 SELECT 语句的结果集,并消去表中任何重复行。UNION 内部的 SELECT 语句必须拥有相同数量的列,列也必须拥有相似的数据类型。同时,每条 SELECT 语句中的列的顺序必须相同.SQL UNION…

mysql导数据出指定数量_mysql导出指定数据或部份数据的方法

这个时候mysqldump可能就不大好使了,使用下面的方法则可以解决这个问题。方法一、insert和select结合使用1、新建一个表,比如new-table,包含所要导出的字段的名称,比如a,b,c2、使用insert into new-table (a,b,c) select a,b,c fr…

mysql update upper_MySQL数据处理函数upper、abs、date

1. 数据处理函数文本处理函数upper()转换大写函数SQL> select vend_name, upper(vend_name) as vend_name_upcase from vendors order by vend_name;soundex()发音类似函数SQL> select cust_name, cust_contact from customers where cust_contact Y. Lie;SQL> selec…

mysql与django交互_django与mysql交互

查看ubuntu已安装的所有软件:查看软件安装的路径查看开机启动的软件,需要额外安装插件:安装mysql:django setting配置:在model模块中添加如下建表语句:vi app/models.pymodel模块在app中,其中定…

深度系统如何安装mysql_deepin 安装mysql apache

# 如果MYSQL安装成功,就会有my-medium.cnfcp /usr/local/src/mysql-5.5.17/support-files/my-medium.cnf/etc/my.cnf# 设置权限chmod x /usr/local/mysqlchown -R mysql:mysql /usr/local/mysql# 配置开机自启动cp support-files/mysql.server /etc/init.d/mysqldch…

自动清理mysql的lock进程的脚本_自动清理MySQL的Lock进程的脚本

自动清理MySQL的Lock进程的脚本作者:小涵 | 来源:互联网 | 2018-07-13 21:01阅读: 915最近数据库服务器在某一时段进程数忽然暴增,导致数据库服务器死掉,根据日志查询,是由于Mysql大量Lock进程造成服务器进程数过高导致…