Dark Mode AI Coding IDE

Syntax Blue
#2196f3
String Green
#66bb6a
Number Orange
#ff9800
Comment Gray
#757575
Error Red
#e57373
Background Black
#0d0d0d
Cursor White
#fafafa

Die Palette besteht aus Licht, Dunkel-Farben. Akzentfarben Syntax Blue #2196f3 und Number Orange #ff9800. Palette hat Farbtemperatur Kalt, Neutral, Warm.

Nach Helligkeit reicht diese Palette von #0D0D0D (dunkelstes) bis #FAFAFA (hellstes). Die Helligkeitsspanne ist groß.

Die Sättigung ist gemischt — gedämpfte und lebhafte Farbfelder.

Manche Farbton-Paare liegen nahe Komplementärpositionen — kann wie Komplementärkontrast wirken (heuristisch).

Die meisten Felder wirken neutral in der Farbtemperatur.

HEX-Codes (sortiert): #0D0D0D, #2196F3, #66BB6A, #757575, #E57373, #FAFAFA, #FF9800

Die Palette Dark Mode AI Coding IDE enthält eine Kombination aus 7-Codefarben:

VERHEXEN: #2196f3, RGB: (33, 150, 243); VERHEXEN: #66bb6a, RGB: (102, 187, 106); VERHEXEN: #ff9800, RGB: (255, 152, 0)

VERHEXEN: #757575, RGB: (117, 117, 117); VERHEXEN: #e57373, RGB: (229, 115, 115); VERHEXEN: #0d0d0d, RGB: (13, 13, 13)

VERHEXEN: #fafafa, RGB: (250, 250, 250)

Vereinfachte Version der Palettenfarben

Schatten von dodgerblue, Schatten von mediumseagreen, Schatten von darkorange, Schatten von dimgrey, Farbton von lightcoral, Schatten von Schwarz, Schatten von whitesmoke

Farbschema wurde erstellt von colorslib

Mehr Paletten mit:

Farbcodes in der Palette

Dark Mode AI Coding IDE Farbcodes HEX, RGB-Informationen in der Tabelle

Farbe	VERHEXEN	RGB	Name	alternativer Name
#2196f3	#2196f3	RGB(33, 150, 243)	Syntax Blue	—
#66bb6a	#66bb6a	RGB(102, 187, 106)	String Green	—
#ff9800	#ff9800	RGB(255, 152, 0)	Number Orange	—
#757575	#757575	RGB(117, 117, 117)	Comment Gray	Sonic Silver
#e57373	#e57373	RGB(229, 115, 115)	Error Red	—
#0d0d0d	#0d0d0d	RGB(13, 13, 13)	Background Black	Gray5
#fafafa	#fafafa	RGB(250, 250, 250)	Cursor White	Dr. White

Farbpalette Kontrast

9 Farbpaare haben einen niedrigen Kontrast und müssen verbessert werden, was die Lesbarkeit beeinträchtigen kann.

Tekst kleur	Achtergrond kleur	contrast ratio
#2196f3	#66bb6a	1.32
#2196f3	#ff9800	1.44
#2196f3	#757575	1.47
#2196f3	#e57373	1.04
#66bb6a	#ff9800	1.09
#66bb6a	#757575	1.94

Bildpalette Dark Mode AI Coding IDE png

--color-syntax-blue:	#2196f3;
--color-string-green:	#66bb6a;
--color-number-orange:	#ff9800;
--color-comment-gray:	#757575;
--color-error-red:	#e57373;
--color-background-black:	#0d0d0d;
--color-cursor-white:	#fafafa;

$color-syntax-blue:	#2196f3;
$color-string-green:	#66bb6a;
$color-number-orange:	#ff9800;
$color-comment-gray:	#757575;
$color-error-red:	#e57373;
$color-background-black:	#0d0d0d;
$color-cursor-white:	#fafafa;

@color-syntax-blue:	#2196f3;
@color-string-green:	#66bb6a;
@color-number-orange:	#ff9800;
@color-comment-gray:	#757575;
@color-error-red:	#e57373;
@color-background-black:	#0d0d0d;
@color-cursor-white:	#fafafa;