vscode主题插件（AuroraWaterTheme）

vscode主题插件

看网上的主题插件太多了， 自己喜欢的在多个插件上，不想安装过多的主题插件就自己写了一个， 有不足的话网友们帮助提出来， 一直在优化！！！

插件名称(AuroraWaterTheme)

目前插件已经上传到vscode插件市场上面了，大家搜索AuroraWaterTheme， 为什么叫这个名字呢，因为不带下划线的名字被占用了。

功能

• 支持11款主题
• 增加一款深色多拼色的主题
• 增加一款浅色多拼色的主题

Auror Dark-Code Pro

Auror Dark-Cyber

Auror Dark-Github

Auror Dark-Matrix

Auror Dark-Midnight Coder

Auror Dark-Neon

Auror Dark-One Dark

Aurora Light – Pastel

Aurora Light – Solarized

Auror Dark-Back

Auror Dark-White

Aurora Dark – Rainbow

Aurora Bright – Refresh

使用

windows

• ctrl+shift+p 搜索 Aurora Theme 按下回车之后选择主题在按下回车
  
  mac
• cmd+shift+p 搜索 Aurora Theme 按下回车之后选择主题在按下回车

代码地址

github

微软下载地址

vscode主题插件

下面是其中一块代码的解释

{
    "name": "Aurora Dark - Rainbow",  // 主题的名称
    "type": "dark",  // 主题类型，"dark" 表示暗色主题
    "colors": {  // 定义了 UI 元素的颜色
        "editor.background": "#1E1E1E",  // 编辑器背景色
        "editor.foreground": "#D4D4D4",  // 编辑器文字颜色
        "activityBar.background": "#2B213A",  // 活动栏背景色（左侧栏）
        "activityBar.foreground": "#E9D8FD",  // 活动栏前景色（图标等）
        "activityBar.inactiveForeground": "#6B7280",  // 活动栏非活动时图标颜色
        "activityBarBadge.background": "#9F7AEA",  // 活动栏徽标背景色
        "activityBarBadge.foreground": "#F8F8F2",  // 活动栏徽标前景色
        "activityBar.border": "#1E1E1E",  // 活动栏的边框颜色
        "sideBar.background": "#1A365D",  // 侧边栏背景色
        "sideBar.foreground": "#E2E8F0",  // 侧边栏文字颜色
        "sideBarTitle.foreground": "#63B3ED",  // 侧边栏标题文字颜色
        "sideBarSectionHeader.background": "#2A4365",  // 侧边栏部分标题背景色
        "sideBarSectionHeader.foreground": "#90CDF4",  // 侧边栏部分标题文字颜色
        "statusBar.background": "#065F46",  // 状态栏背景色
        "statusBar.foreground": "#D1FAE5",  // 状态栏文字颜色
        "statusBar.debuggingBackground": "#FF5555",  // 调试时状态栏的背景色
        "statusBar.noFolderBackground": "#047857",  // 没有打开文件夹时状态栏的背景色
        "titleBar.activeBackground": "#2D2D2D",  // 活动窗口的标题栏背景色
        "titleBar.activeForeground": "#F8F8F2",  // 活动窗口的标题栏文字颜色
        "titleBar.inactiveBackground": "#1E1E1E",  // 非活动窗口的标题栏背景色
        "titleBar.inactiveForeground": "#6272A4",  // 非活动窗口的标题栏文字颜色
        "tab.activeBackground": "#2D2D2D",  // 活动标签页的背景色
        "tab.activeForeground": "#50FA7B",  // 活动标签页的文字颜色
        "tab.inactiveBackground": "#1E1E1E",  // 非活动标签页的背景色
        "tab.inactiveForeground": "#6272A4",  // 非活动标签页的文字颜色
        "editorGroupHeader.tabsBackground": "#1E1E1E",  // 编辑器组头部的标签背景色
        "button.background": "#50FA7B",  // 按钮的背景色
        "button.foreground": "#1E1E1E",  // 按钮文字颜色
        "button.hoverBackground": "#8BE9FD",  // 按钮悬停时的背景色
        "list.activeSelectionBackground": "#44475A",  // 活动列表选中项的背景色
        "list.activeSelectionForeground": "#F8F8F2",  // 活动列表选中项的文字颜色
        "list.hoverBackground": "#44475A50",  // 列表项悬停时的背景色
        "list.hoverForeground": "#8BE9FD",  // 列表项悬停时的文字颜色
        "panel.background": "#252526",  // 面板背景色
        "panelTitle.activeBorder": "#FF79C6",  // 面板标题激活时的下边框颜色
        "panelTitle.activeForeground": "#F8F8F2",  // 面板标题激活时的文字颜色
        "panelTitle.inactiveForeground": "#6272A4"  // 面板标题非激活时的文字颜色
    },
    "tokenColors": [  // 代码标记的颜色配置
        {
            "name": "Comments",  // 配置注释的颜色
            "scope": ["comment", "punctuation.definition.comment"],  // 匹配注释的语法范围
            "settings": {
                "foreground": "#6272A4"  // 注释的文字颜色
            }
        },
        {
            "name": "Strings",  // 配置字符串的颜色
            "scope": ["string", "string.quoted"],  // 匹配字符串的语法范围
            "settings": {
                "foreground": "#F1FA8C"  // 字符串的文字颜色
            }
        },
        {
            "name": "Keywords",  // 配置关键字的颜色
            "scope": ["keyword", "storage.type", "storage.modifier"],  // 匹配关键字的语法范围
            "settings": {
                "foreground": "#FF79C6"  // 关键字的文字颜色
            }
        },
        {
            "name": "Functions",  // 配置函数名的颜色
            "scope": ["entity.name.function", "support.function"],  // 匹配函数名的语法范围
            "settings": {
                "foreground": "#50FA7B"  // 函数名的文字颜色
            }
        },
        {
            "name": "Variables",  // 配置变量的颜色
            "scope": ["variable", "support.variable"],  // 匹配变量的语法范围
            "settings": {
                "foreground": "#8BE9FD"  // 变量的文字颜色
            }
        }
    ]
}

最后希望大家给一个star被， 这样才能有动力去维护，大家免费使用！！！！