Anwenden eines Farbdesigns auf DevTools
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:
Ändern des Farbdesigns von "Einstellungen"
Klicken Sie in DevTools auf die Schaltfläche DevTools anpassen und steuern () und dann auf die Schaltfläche Einstellungen (). Oder drücken Sie F1.
Wählen Sie Einstellungen und dann im Abschnitt Darstellung ein Design aus der Dropdownliste Design aus:
Ändern des Farbdesigns über das Befehlsmenü
So verwenden Sie das Befehlsmenü, um zu ändern, welches Farbdesign auf DevTools angewendet wird:
Öffnen Sie in DevTools das Befehlsmenü, z. B. durch Drücken von STRG+UMSCHALT+P (Windows/Linux) oder BEFEHL+UMSCHALT+P (macOS).
Beginnen Sie mit
theme
der Eingabe von , und wählen Sie dann einen Befehl Darstellung aus, z. B . Zum Abyss-Design wechseln oder zum Design "Hell+ wechseln( Standard)":
- 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.
Dieses Werk ist unter einer Creative Commons Attribution 4.0 International License lizenziert.