如何在vscode中更改设置输入背景色?

达蒙

我想更改设置中输入的背景颜色。我试着做"input.background": "#1D1F22"但这不起作用。设置中的搜索栏确实反映了新背景。但是,设置中的任何输入都不会更改背景颜色。

这是我的颜色自定义设置(基本上我只是将vscode默认深色和一个深色专业主题组合在一起):

{
    "workbench.colorCustomizations": {
        "[Default Dark+]": {
            "activityBar.background": "#282c34",
            "activityBar.foreground": "#d7dae0",
            "activityBarBadge.background": "#4d78cc",
            "activityBarBadge.foreground": "#f8fafd",
            "badge.background": "#282c34",
            "button.background": "#404754",
            "debugToolBar.background": "#21252b",
            "diffEditor.insertedTextBackground": "#00809b33",
            "dropdown.background": "#282c34",
            "dropdown.border": "#21252b",
            "editor.background": "#20252B",
            "editor.foreground": "#D4D4D4",
            "editorError.foreground": "#c24038",
            "editorIndentGuide.activeBackground": "#c8c8c859",
            "editorMarkerNavigation.background": "#21252b",
            "editorRuler.foreground": "#abb2bf26",
            "editorWarning.foreground": "#d19a66",
            "editor.lineHighlightBackground": "#2c313c",
            "editor.selectionBackground": "#67769660",
            "editor.selectionHighlightBackground": "#ffffff10",
            "editor.selectionHighlightBorder": "#ddd",
            "editorCursor.background": "#ffffffc9",
            "editorCursor.foreground": "#528bff",
            "editorBracketMatch.border": "#515a6b",
            "editorBracketMatch.background": "#515a6b",
            "editor.findMatchBackground": "#42557b",
            "editor.findMatchBorder": "#457dff",
            "editor.findMatchHighlightBackground": "#6199ff2f",
            "editor.wordHighlightBackground": "#d2e0ff2f",
            "editor.wordHighlightBorder": "#7f848e",
            "editor.wordHighlightStrongBackground": "#abb2bf26",
            "editor.wordHighlightStrongBorder": "#7f848e",
            "editorGroup.border": "#181a1f",
            "editorGroupHeader.tabsBackground": "#21252b",
            "editorIndentGuide.background": "#3b4048",
            "editorLineNumber.foreground": "#495162",
            // "editorActiveLineNumber.activeForeground": "#737984",
            "editorWhitespace.foreground": "#3b4048",
            "editorHoverWidget.background": "#21252b",
            "editorHoverWidget.border": "#181a1f",
            "editorSuggestWidget.background": "#21252b",
            "editorSuggestWidget.border": "#181a1f",
            "editorSuggestWidget.selectedBackground": "#2c313a",
            "editorWidget.background": "#21252b",
            "focusBorder": "#464646",
            "input.background": "#1d1f23",
            "list.activeSelectionBackground": "#2c313a",
            "list.activeSelectionForeground": "#d7dae0",
            "list.focusBackground": "#383e4a",
            "list.hoverBackground": "#292d35",
            "list.highlightForeground": "#c5c5c5",
            "list.inactiveSelectionBackground": "#2c313a",
            "list.inactiveSelectionForeground": "#d7dae0",
            "list.warningForeground": "#d19a66",
            "menu.foreground": "#c8c8c8",
            "peekViewEditor.background": "#1b1d23",
            "peekViewEditor.matchHighlightBackground": "#29244b",
            "peekViewResult.background": "#22262b",
            "scrollbarSlider.background": "#4e566660",
            "scrollbarSlider.activeBackground": "#747d9180",
            "scrollbarSlider.hoverBackground": "#5a637580",
            "sideBar.background": "#20252B",
            "sideBarSectionHeader.background": "#282c34",
            "statusBar.background": "#282c34",
            "statusBar.foreground": "#9da5b4",
            "statusBarItem.hoverBackground": "#2c313a",
            "statusBar.noFolderBackground": "#282c34",
            "statusBar.debuggingBackground": "#7e0097",
            "statusBar.debuggingBorder": "#66017a",
            "statusBar.debuggingForeground": "#ffffff",
            "statusBarItem.remoteForeground": "#f8fafd",
            "statusBarItem.remoteBackground": "#4d78cc",
            "tab.activeBackground": "#282c34",
            "tab.activeForeground": "#dcdcdc",
            "tab.border": "#181a1f",
            "tab.inactiveBackground": "#21252b",
            "tab.hoverBackground": "#323842",
            "tab.unfocusedHoverBackground": "#323842",
            "terminal.foreground": "#c8c8c8",
            "terminal.ansiBlack": "#2d3139",
            "terminal.ansiBlue": "#61afef",
            "terminal.ansiGreen": "#98c379",
            "terminal.ansiYellow": "#e5c07b",
            "terminal.ansiCyan": "#56b6c2",
            "terminal.ansiMagenta": "#c678dd",
            "terminal.ansiRed": "#e06c75",
            "terminal.ansiWhite": "#d7dae0",
            "terminal.ansiBrightBlack": "#7f848e",
            "terminal.ansiBrightBlue": "#528bff",
            "terminal.ansiBrightGreen": "#98c379",
            "terminal.ansiBrightYellow": "#e5c07b",
            "terminal.ansiBrightCyan": "#56b6c2",
            "terminal.ansiBrightMagenta": "#7e0097",
            "terminal.ansiBrightRed": "#f44747",
            "terminal.ansiBrightWhite": "#d7dae0",
            "titleBar.activeBackground": "#282c34",
            "titleBar.activeForeground": "#9da5b4",
            "titleBar.inactiveBackground": "#21252b",
            "titleBar.inactiveForeground": "#6b717d",
            "textLink.foreground": "#61afef",
            "sideBar.border": "#282c34",
            "breadcrumb.background": "#282c34"
        }
    },
    "[jsonc]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "editor.tokenColorCustomizations": {
        "[Default Dark+]": {
            "comments": "#7f848e",
            "textMateRules": [
                {
                    "name": "Comments",
                    "scope": "comment, punctuation.definition.comment",
                    "settings": {
                        "foreground": "#7f848e",
                        "fontStyle": "italic"
                    }
                },
                {
                    "name": "js/ts italic",
                    "scope": "entity.other.attribute-name.js,entity.other.attribute-name.ts,entity.other.attribute-name.jsx,entity.other.attribute-name.tsx,variable.parameter,variable.language.super",
                    "settings": {
                        "fontStyle": "italic"
                    }
                }
            ]
        }
    }
}

在此处输入图片说明

标记

在您的特定情况下,您需要此colorCustomization:

"workbench.colorCustomizations": {

  "settings.numberInputBackground": "#ff0000",

但也可以看到类似的选项颜色:

"settings.textInputBackground": "#00aeff",
"settings.checkboxBackground": "#ff0000",
"settings.dropdownBackground": "#ff0000",

尝试settingscolorCustomizations块中键入您将获得智能提示,以向您显示更多选项,例如foreground颜色,borders,modified指示器等。

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

如何在JavaScript中的用户输入和计算输出之间更改背景色

如何更改表格的输入背景色?

如何在Java GUI中设置按钮的背景色?

如何在Flutter中设置布局元素的背景色

如何在Java中设置JButton的背景色?

如何在Android中设置包含背景色

如何在WPF中设置标签的背景色?

如何在xml布局中设置背景色?

如何在WPF中设置按钮的背景色?

如何在OpenGL中设置背景色

如何在Android中更改溢出菜单的背景色

如何在Xamarin表单中更改GroupDisplayBinding的背景色?

如何在FullCalendar中更改所选日期的背景色

如何在GraphViz中更改边缘标签的背景色

如何在Xcode中更改PDFView批注背景色?

如何在C#中更改kryptontabcontrol的背景色?

输入文本时如何更改输入字段的背景色?

如何在更改后的单元格上更改背景色的背景色?

如何将背景色更改为用户在HTML中输入的内容

如何更改或设置8086组件中的背景色?

如何在快速编程中在UIimage中设置背景色

如何在Android中以编程方式在圆角的imageview中设置自定义背景色

在ExtJS中,如何在Ext.grid.EditorGridPanel中设置行的背景色

如何在ListView中的多个项目删除中更改背景色

如何在c#中的UWP Apps中更改按钮的背景色?

如何在UIStackView内设置UIView的背景色?

如何在Mac OS上设置JButton的背景色

MPAndroidChart如何在图表上设置双背景色

根据输入值更改背景色