Anwenden eines Farbdesigns auf DevTools

  • Artikel

Sie können verschiedene Farbdesigns auf Microsoft Edge DevTools anwenden, einschließlich mehrerer Designs aus Visual Studio Code, z. B. Monokai und Solarized Dark. Designs wirken sich auf die Farbe von Bereichen, Schaltflächen und hervorhebungen der Codesyntax aus.

In diesem Artikel geht es um das Ändern der Darstellung von DevTools. Wenn Sie stattdessen ändern möchten, wie die in der Entwicklung befindliche Webseite angezeigt wird, finden Sie weitere Informationen unter Emulate dark or light scheme in the render page.to change instead to change how the webpage under development is displayed, see Emulate dark or light scheme in the render page.

Verfügbare Designs

Standardmäßig ist das DevTools-Design auf Systemeinstellung (auch als bevorzugtes Systemfarbdesign bezeichnet) festgelegt. Wenn Ihr Betriebssystem auf "Light" festgelegt ist, verwendet DevTools das Design "Light+ ". Wenn Ihr Betriebssystem auf das Design "Dunkel" festgelegt ist, verwendet DevTools das Design "Dark+ ". Sie können DevTools jedoch in ein beliebiges anderes Design ändern, sodass DevTools nicht betroffen ist, wenn Sie das Design "Hell" oder "Dunkel" für das Betriebssystem festlegen.

Leichte Designs:

  • Light+ (Standard)
  • Leises Licht
  • Solarisiertes Licht

Dunkle Designs:

  • Dunkel+ (Standard)
  • Abgrund
  • Kimbie Dark
  • Monokai
  • Monokai abgeblendet
  • Rot
  • Solarisiertes Dunkel
  • Morgen Nacht Blau

Der folgende Screenshot zeigt vier verschiedene DevTools-Designs von oben links nach unten rechts: Tomorrow Night Blue, Kimbie Dark, Solarized Dark und Red:

Vier Microsoft Edge-Fenster, jedes mit geöffneten DevTools und jedes mit einem anderen DevTools-Farbdesign

Ändern des Farbdesigns von "Einstellungen"

  1. Klicken Sie in DevTools auf die Schaltfläche DevTools anpassen und steuern (Symbol DevTools anpassen und steuern) und dann auf die Schaltfläche Einstellungen (Symbol Einstellungen). Oder drücken Sie F1.

    Symbol

  2. Wählen Sie Einstellungen und dann im Abschnitt Darstellung ein Design aus der Dropdownliste Design aus:

    Auswählen eines Designs in den Einstellungen

Ändern des Farbdesigns über das Befehlsmenü

So verwenden Sie das Befehlsmenü, um zu ändern, welches Farbdesign auf DevTools angewendet wird:

  1. Öffnen Sie in DevTools das Befehlsmenü, z. B. durch Drücken von STRG+UMSCHALT+P (Windows/Linux) oder BEFEHL+UMSCHALT+P (macOS).

  2. Beginnen Sie mit themeder Eingabe von , und wählen Sie dann einen Befehl Darstellung aus, z. B . Zum Abyss-Design wechseln oder zum Design "Hell+ wechseln( Standard)":

Die Liste der Designs im Befehlsmenü

  1. Drücken Sie EINGABE.

Siehe auch:

Hinweis

Teile dieser Seite sind Änderungen, die auf Arbeiten basieren, die von Google erstellt und geteilt und gemäß den in der Creative Commons Attribution 4.0 International License beschriebenen Bedingungen verwendet werden. Die originale Seite befindet sich hier und wurde von Kayce Basques (Technical Writer, Chrome DevTools & Lighthouse) verfasst.

Creative Commons License Dieses Werk ist unter einer Creative Commons Attribution 4.0 International License lizenziert.