我的 VSCode 自定义主题

最近总是想换一个浅色主题,发现 Solarized Light 对比度太差,Ayu Light 对比度好一点但是背景太白,One Light 对比度差的离谱(One Dark 其实也差不多),Light Modern 什么都好就是太白。于是就想,自定义一下 Light Modern 就好了。

    "workbench.colorCustomizations": {
        "[Light Modern]": {
            // === 1. 核心代码区 ===
            "editor.background": "#FAFAFA",
            "editor.lineHighlightBackground": "#EAEAEA40",
            "editor.selectionBackground": "#0069CC40",
            "editor.inactiveSelectionBackground": "#0069CC1A",
            "editor.selectionHighlightBackground": "#0069CC15",
            "editor.wordHighlightBackground": "#0069CC26",
            "editor.wordHighlightStrongBackground": "#0069CC26",
            "editor.findMatchBackground": "#0069CC40",
            "editor.findMatchHighlightBackground": "#0069CC1A",
            // === 2. 标签页与顶部区域 ===
            "editorGroupHeader.tabsBackground": "#F3F3F3",
            "editorGroupHeader.tabsBorder": "#E5E5E5",
            "tab.inactiveBackground": "#F3F3F3",
            "tab.inactiveForeground": "#606060",
            "tab.border": "#E5E5E5",
            "tab.activeBackground": "#FAFAFA",
            "tab.activeForeground": "#202020",
            "tab.hoverBackground": "#FAFAFA",
            "tab.hoverForeground": "#202020",
            "tab.activeBorder": "#FAFAFA",
            "tab.activeBorderTop": "#000000",
            // === 3. 侧边栏与资源管理器 ===
            "sideBar.background": "#F5F5F5",
            "sideBar.border": "#E5E5E5",
            "sideBarSectionHeader.background": "#F5F5F5",
            //"sideBarSectionHeader.border": "#F0F1F2FF",
            "sideBar.foreground": "#202020",
            "list.hoverBackground": "#DADADA66",
            "list.hoverForeground": "#202020",
            "list.activeSelectionBackground": "#0069CC1A",
            "list.activeSelectionForeground": "#202020",
            "list.inactiveSelectionBackground": "#DADADA99",
            "list.inactiveSelectionForeground": "#202020",
            "list.focusBackground": "#00000000",
            "list.focusOutline": "#0069CCFF",
            "list.highlightForeground": "#0069CC",
            // === 4. 底部状态栏与输出面板 ===
            "statusBar.background": "#F1F1F1",
            "statusBar.border": "#E5E5E5",
            "statusBar.foreground": "#606060",
            "statusBarItem.hoverBackground": "#DADADA4f",
            "statusBar.focusBorder": "#0069CCFF",
            "panel.background": "#F5F5F5",
            "panel.border": "#E5E5E5",
            "panelTitle.activeBorder": "#000000",
            "panelTitle.activeForeground": "#202020",
            "terminal.foreground": "#202020",
            "terminalCursor.foreground": "#202020",
            "terminal.selectionBackground": "#0069CC26",
            // === 5. 弹窗与全局 UI 强化 ===
            "editorWidget.background": "#F5F5F5",
            "editorWidget.border": "#E4E5E6FF",
            "editorWidget.foreground": "#202020",
            "editorSuggestWidget.background": "#F5F5F5",
            "editorSuggestWidget.border": "#E4E5E6FF",
            "editorSuggestWidget.highlightForeground": "#0069CC",
            "editorSuggestWidget.selectedBackground": "#0069CC26",
            "focusBorder": "#0069CCFF",
            "badge.background": "#0069CC",
            "badge.foreground": "#FFFFFF",
            "progressBar.background": "#0069CC",
            // === 6. 菜单栏与右键弹出菜单 ===
            "menubar.selectionBackground": "#DADADA66",
            "menubar.selectionForeground": "#202020",
            "menu.background": "#F5F5F5",
            "menu.foreground": "#202020",
            "menu.border": "#DCDCDC",
            "menu.separatorBackground": "#E5E5E5",
            "menu.selectionBackground": "#0069CC1A",
            "menu.selectionForeground": "#202020"
        }
    }
posted @ 2026-05-28 11:00  mike_unk  阅读(18)  评论(0)    收藏  举报