Бөлісу құралы:

Применение цветовой темы к devTools

  • Мақала

Вы можете применить различные цветовые темы к Microsoft Edge DevTools, в том числе несколько тем из Visual Studio Code, таких как Monokai и Solarized Dark. Темы влияют на цвет панелей, кнопок и выделение синтаксиса кода.

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

Доступные темы

По умолчанию для темы DevTools задано значение Системный параметр (также называется системной цветовой темой). Если для вашей операционной системы задано значение Светлая тема, DevTools использует тему Light+ . Если для вашей операционной системы задано значение Темная тема, DevTools использует тему Dark+ . Однако вы можете изменить DevTools на любую из нескольких других тем, чтобы не влиять на devTools, если для операционной системы задано значение Светлая или Темная тема.

Светлые темы:

  • Light+ (по умолчанию)
  • Тихий свет
  • Солнечный свет

Темные темы:

  • Dark+ (по умолчанию)
  • Бездну
  • Кимби Темный
  • Монокай
  • Монокай тусклый
  • Красный
  • Солнечные темные
  • Завтра ночь синий

На следующем снимке экрана показаны четыре различные темы DevTools от верхнего левого до нижнего справа: Tomorrow Night Blue, Kimbie Dark, Solarized Dark и Red:

Четыре окна Microsoft Edge, каждое с открытыми средствами разработки, и каждое с разными цветовой темой DevTools

Изменение цветовой темы в разделе "Параметры"

  1. В DevTools нажмите кнопку Настройка и управление Средствами разработки (настройка и управление ими значок DevTools), а затем нажмите кнопку Параметры (значок Параметры). Или нажмите клавишу F1.

    Значок

  2. Выберите Параметры, а затем в разделе Внешний вид выберите тему из раскрывающегося списка Тема :

    Выбор темы в параметрах

Изменение цветовой темы из меню "Команда"

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

  1. В средствах разработки откройте меню Команд, например нажав клавиши CTRL+SHIFT+P (Windows/Linux) или COMMAND+SHIFT+P (macOS).

  2. Начните вводить theme, а затем выберите команду Внешний вид, например Переключиться на тему Abyss или Переключиться на свет+ (по умолчанию).

Список тем в меню команд

  1. Нажмите клавишу ВВОД.

См. также:

Примечание.

Части этой страницы являются изменениями, основанными на работе, созданной и совместно используемой Google и используемой в соответствии с условиями, описанными в международной лицензии Creative Commons Attribution 4.0. Исходная страница находится здесь и автор Kayce Basques (Технический писатель, Chrome DevTools & Lighthouse).

Creative Commons License Эта работа лицензируется по международной лицензии Creative Commons Attribution 4.0.