VScode 修改 Markdown Preview Enhanced 主题与字体


VS Code基础入门使用可查看: VS Code 基础入门使用(配置)教程
其他Vs Code 配置可关注查看: Vs Code 配置专栏


Markdown Preview Enhanced默认主题是白色背景的,与vscode默认的黑色主题不符,字体也偏小。可以通过如下方式修改。

1. 修改前后效果对比

修改前:

修改后:

2. 修改主题

2.1 更改默认主题

按快捷键 Ctrl + , 打开设置,搜索 markdown-preview-enhanced.previewTheme,选择一个黑色主题的css,如 github-dark.css.

2.2 修改背景色

预置主题与vscode的主题的背景色还是不一样,可以通过如下方式修改:

  • F1 或者 Ctrl + Shift + P,输入 Customize CSS,选择 Markdown Preview Enhanced 对应的css (建议全局)。

在打开的style.less填入如下css:

.markdown-preview.markdown-preview {
  background-color: #2b2b2b;
}

注意:这里的 #2b2b2b 就是想要的背景色,如果与你的主题不一致,可以使用颜色拾取工具(如utools的color插件)拾取。

3. 修改字体

在打开的style.less增加字体设置,如:

.markdown-preview.markdown-preview {
  font-family: 'Consolas'; // 字体类型
  font-size: 20px;  	   // 字体大小
}

相关推荐

  1. vscode 自定义(修改已有)主题教程

    2024-05-13 06:34:12       32 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-05-13 06:34:12       67 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-05-13 06:34:12       72 阅读
  3. 在Django里面运行非项目文件

    2024-05-13 06:34:12       58 阅读
  4. Python语言-面向对象

    2024-05-13 06:34:12       69 阅读

热门阅读

  1. RabbitMQ 如何使用延迟队列

    2024-05-13 06:34:12       29 阅读
  2. yolov9c-seg 在自动驾驶领域的应用

    2024-05-13 06:34:12       29 阅读
  3. Python基础语法【1】

    2024-05-13 06:34:12       22 阅读
  4. 队列(详解)

    2024-05-13 06:34:12       27 阅读
  5. 使用Docker容器在Linux上部署MySQL

    2024-05-13 06:34:12       23 阅读
  6. ffmpeg推流flv到rtmp

    2024-05-13 06:34:12       27 阅读
  7. cpu常用命令

    2024-05-13 06:34:12       27 阅读
  8. Hadoop快速搭建指南

    2024-05-13 06:34:12       28 阅读