Цвет строки состояния Visual Studio Code

108

Цвет строки состояния Visual Studio Code по умолчанию синий, и я нахожу это довольно отвлекающим. Я использовал это расширение для изменения цвета, но после 1.10.2обновления оно перестало работать .

Шахзаиб Рахим
источник
11
Пожалуйста,
holms

Ответы:

202

Вы можете изменить цвет строки состояния, отредактировав пользовательские настройки, добавив в нее следующие строки кода:

"workbench.colorCustomizations": {
    "statusBar.background" : "#1A1A1A",
    "statusBar.noFolderBackground" : "#212121",
    "statusBar.debuggingBackground": "#263238"
}
Acesmndr
источник
можно ли это сделать динамически? const config2 = vscode.workspace.getConfiguration('workbench.colorCustomizations.statusBar'); config2.update('background', '#1A1A1A');кажется, ничего не делает?
Tom H
@TomH Я не эксперт и не совсем уверен, как это делается «динамически», но при запуске Object.assign(vscode.workspace.getConfiguration('workbench.colorCustomizations'), { "statusBar.background" : "#00FF00"})выдает ошибку TypeError, говорящую мне, что мы не можем назначить свойство только для чтения. Поэтому я полагаю, что использование метода getConfiguration - неправильный способ сделать это.
acesmndr
3
Это хорошо работает, спасибо @acesmndr. Как описано здесь: code.visualstudio.com/docs/getstarted/… , вы также можете внести это изменение в конкретную тему файла настроек пользователя, например: "workbench.colorCustomizations": {"[Markdown Editor Dark]": {"statusBar .background ":" # 1A1A1A "," statusBar.noFolderBackground ":" # 212121 "," statusBar.debuggingBackground ":" # 263238 "}},
Уолтон
1
действительно полезный ответ @acesmndr
Ахила
68

1) Я сэкономлю 30 минут времени для таких новичков, как я - это нужно отредактировать в файле settings.json. Самый простой способ получить доступ - это Файл -> Настройки -> Настройки, найдите «Цвет», выберите вариант «Верстак: Настройки цвета» -> «Изменить в settings.json».

2) Здесь используется решение, предложенное "Gama11", но! Примечание !: окончательная форма кода в settings.json должна быть такой - обратите внимание на двойные фигурные скобки вокруг "workbench.colorCustomizations":

{
  // fontSize just for testing purposes, commented out.
  //"editor.fontSize" : 12

  // StatusBar color:
     "workbench.colorCustomizations": {
     "statusBar.background" : "#303030",
     "statusBar.noFolderBackground" : "#222225",
     "statusBar.debuggingBackground": "#511f1f"
    }
}

После копирования / вставки кода выше нажмите Ctrl + S, чтобы сохранить изменения в settings.json.

Решение было адаптировано отсюда: https://code.visualstudio.com/api/references/theme-color

Дж. Пол
источник
21

Поскольку все темы очень разные, вы, вероятно, не захотите вносить подобные изменения глобально. Вместо этого укажите их для каждой темы: например:

"workbench.colorCustomizations": {
    "[Some Theme Name]": {
        "statusBar.background" : "#486357",
        "statusBar.foreground" : "#c8e9c5",
    },
    "[Some Other Theme Name]": {
        "statusBar.background" : "#385357",
        "statusBar.foreground" : "#d7e9c4",
    }
},

Таким образом, когда вы переключаетесь между любимыми темами, ваши настройки их не будут забыты и будут иметь смысл в данном контексте.

шейкер
источник
2
Также замечательно применить это к настройкам рабочей области, чтобы различать разные проекты, когда открыто несколько экземпляров VSCode. Можно также изменить titleBar.activeBackgroundи titleBar.activeForegroundсделать это еще более очевидным.
Qwerty
Обратите внимание, что, как и в других ответах, вы, вероятно, также захотите установить statusBar.noFolderBackgroundи statusBar.debuggingBackground, иначе они не будут затронуты.
ляпис
3

На мой взгляд, существует более сильное и надежное решение, чем приведенные выше ответы, и оно заключается в изменении цвета строки состояния в зависимости от файла, над которым вы работаете - это называется ColorTabs,
и оно позволяет вам предоставить список регулярных выражений и изменить его. цвет на основе этого.

Отказ от ответственности - я написал расширение Enjoy!

орепор
источник
Хорошее расширение - хотелось бы, чтобы регулярное выражение работало на полном пути, чтобы я мог различать все мои открытые проекты VSCode.
cyberwombat
1
На самом деле он был на полных путях, но я изменил его на относительные пути ... Может быть, его можно настроить
orepor
1
Было бы неплохо настроить цвета вкладок на ветке вместо имени файла - если он развивается -> зеленый, qa -> оранжевый, главный -> красный, другие -> по умолчанию?
Йохан Аспелинг,
1
Парень, который написал расширение, решающее проблему, набрал меньше голосов, чем другие сообщения, которые повторяют то, что говорится в верхнем сообщении, приятно.
a.anev
1

Нажмите, control+shift+pкогда вы просто открываете vscode, введите, open settings(UI)найдите window.titleBarStyleи измените параметр с nativeна, customчтобы вы могли восстановить цвет строки состояния с whiteна black.

Важное примечание: этот метод работает для обновления vscode версии 1.32, выпущенного в феврале 2019 года. Убедитесь, что вы обновили vscode до последней версии 1.32 или более поздних версий, так как это может не работать для более старых версий.

Пример снимка экрана

Рахул Ахире
источник
7
не отвечает на вопрос, не имеющий отношения к строке состояния
Гал Маргалит
как сказал Гал выше, строка заголовка не является строкой состояния - первая находится вверху, вторая внизу
revelt
1

Это шаги, которые я предпринял, чтобы установить цвета строки состояния VS Code в macOS для рабочего пространства (не глобально).

Просмотр | Палитра команд ... | Выполните поиск по запросу «Настройки открытого рабочего пространства (JSON)»

(Это откроет файл проекта [название-проекта] .code-workspace.)

Добавьте настройки цвета в свойстве настроек.

{
    "folders": [],
    "settings": {
        "workbench.colorCustomizations": {
            "statusBar.background": "#938e04",
            "statusBar.foreground": "#ffffff"
        }
    }
}

Это действительно полезно, когда у вас открыто несколько экземпляров VS Code и вы хотите визуально различать каждое окно, не меняя глобальную тему.

HelloWorldЧувак
источник
0

Вы можете изменить цвет, отредактировав расширения:

 "colors":{
        "statusBar.background": "#505050",
    },
user10753201
источник