fix code contrast

ArthurFlag · ArthurFlag · commit d80983b4146c · 2025-05-27T09:37:38.000+02:00
diff --git a/assets/css/syntax-dark.css b/assets/css/syntax-dark.css
@@ -9,6 +9,7 @@
   }
   /* CodeLine */
   .cl {
+    color: var(--color-gray-200);
   }
   /* LineHighlight */
   .hl {
@@ -46,7 +47,7 @@
   }
   /* KeywordConstant */
   .kc {
-    color: var(--color-violet-700);
+    color: var(--color-violet-300);
   }
   /* KeywordDeclaration */
   .kd {
@@ -70,7 +71,7 @@
   }
   /* Name */
   .n {
-    color: var(--color-violet-700);
+    color: var(--color-violet-300);
   }
   /* NameAttribute */
   .na {
@@ -82,7 +83,7 @@
   }
   /* NameBuiltinPseudo */
   .bp {
-    color: var(--color-violet-700);
+    color: var(--color-violet-300);
   }
   /* NameClass */
   .nc {
@@ -94,7 +95,7 @@
   }
   /* NameDecorator */
   .nd {
-    color: var(--color-violet-700);
+    color: var(--color-violet-300);
   }
   /* NameEntity */
   .ni {
@@ -106,11 +107,11 @@
   }
   /* NameFunction */
   .nf {
-    color: var(--color-blue-600);
+    color: var(--color-blue-400);
   }
   /* NameFunctionMagic */
   .fm {
-    color: var(--color-blue-600);
+    color: var(--color-blue-400);
   }
   /* NameLabel */
   .nl {
@@ -126,15 +127,15 @@
   }
   /* NameProperty */
   .py {
-    color: var(--color-white-main);
+    color: var(--color-violet-300);
   }
   /* NameTag */
   .nt {
-    color: var(--color-green-600);
+    color: var(--color-green-300);
   }
   /* NameVariable */
   .nv {
-    color: var(--color-white-main);
+    color: var(--color-green-500);
   }
   /* NameVariableClass */
   .vc {
@@ -206,47 +207,47 @@
   }
   /* LiteralStringRegex */
   .sr {
-    color: var(--color-blue-500);
+    color: var(--color-blue-400);
   }
   /* LiteralStringSingle */
   .s1 {
     color: var(--color-green-600);
   }
   /* LiteralStringSymbol */
   .ss {
-    color: var(--color-blue-600);
+    color: var(--color-blue-400);
   }
   /* LiteralNumber */
   .m {
-    color: var(--color-blue-600);
+    color: var(--color-blue-400);
   }
   /* LiteralNumberBin */
   .mb {
-    color: var(--color-blue-600);
+    color: var(--color-blue-400);
   }
   /* LiteralNumberFloat */
   .mf {
-    color: var(--color-blue-600);
+    color: var(--color-blue-400);
   }
   /* LiteralNumberHex */
   .mh {
-    color: var(--color-blue-600);
+    color: var(--color-blue-400);
   }
   /* LiteralNumberInteger */
   .mi {
-    color: var(--color-blue-600);
+    color: var(--color-blue-400);
   }
   /* LiteralNumberIntegerLong */
   .il {
-    color: var(--color-blue-600);
+    color: var(--color-blue-400);
   }
   /* LiteralNumberOct */
   .mo {
-    color: var(--color-blue-600);
+    color: var(--color-blue-400);
   }
   /* Operator */
   .o {
-    color: var(--color-blue-700);
+    color: var(--color-blue-200);
   }
   /* OperatorWord */
   .ow {
diff --git a/assets/css/syntax-light.css b/assets/css/syntax-light.css
@@ -9,6 +9,7 @@
   }
   /* CodeLine */
   .cl {
+    color: var(--color-gray-700);
   }
   /* LineHighlight */
   .hl {
@@ -106,11 +107,11 @@
   }
   /* NameFunction */
   .nf {
-    color: var(--color-blue-600);
+    color: var(--color-blue-500);
   }
   /* NameFunctionMagic */
   .fm {
-    color: var(--color-blue-600);
+    color: var(--color-blue-500);
   }
   /* NameLabel */
   .nl {
@@ -130,7 +131,7 @@
   }
   /* NameTag */
   .nt {
-    color: var(--color-green-600);
+    color: var(--color-blue-400);
   }
   /* NameVariable */
   .nv {
@@ -166,83 +167,83 @@
   }
   /* LiteralStringAffix */
   .sa {
-    color: var(--color-green-600);
+    color: var(--color-green-700);
   }
   /* LiteralStringBacktick */
   .sb {
-    color: var(--color-green-600);
+    color: var(--color-green-700);
   }
   /* LiteralStringChar */
   .sc {
-    color: var(--color-green-600);
+    color: var(--color-green-700);
   }
   /* LiteralStringDelimiter */
   .dl {
-    color: var(--color-green-600);
+    color: var(--color-green-700);
   }
   /* LiteralStringDoc */
   .sd {
     color: #8f5902;
   }
   /* LiteralStringDouble */
   .s2 {
-    color: var(--color-green-600);
+    color: var(--color-green-700);
   }
   /* LiteralStringEscape */
   .se {
     color: var(--color-black-main);
   }
   /* LiteralStringHeredoc */
   .sh {
-    color: var(--color-green-600);
+    color: var(--color-green-700);
   }
   /* LiteralStringInterpol */
   .si {
-    color: var(--color-green-600);
+    color: var(--color-green-700);
   }
   /* LiteralStringOther */
   .sx {
-    color: var(--color-green-600);
+    color: var(--color-green-700);
   }
   /* LiteralStringRegex */
   .sr {
     color: var(--color-blue-500);
   }
   /* LiteralStringSingle */
   .s1 {
-    color: var(--color-green-600);
+    color: var(--color-green-700);
   }
   /* LiteralStringSymbol */
   .ss {
-    color: var(--color-green-600);
+    color: var(--color-green-700);
   }
   /* LiteralNumber */
   .m {
-    color: var(--color-blue-600);
+    color: var(--color-blue-500);
   }
   /* LiteralNumberBin */
   .mb {
-    color: var(--color-blue-600);
+    color: var(--color-blue-500);
   }
   /* LiteralNumberFloat */
   .mf {
-    color: var(--color-blue-600);
+    color: var(--color-blue-500);
   }
   /* LiteralNumberHex */
   .mh {
-    color: var(--color-blue-600);
+    color: var(--color-blue-500);
   }
   /* LiteralNumberInteger */
   .mi {
-    color: var(--color-blue-600);
+    color: var(--color-blue-500);
   }
   /* LiteralNumberIntegerLong */
   .il {
-    color: var(--color-blue-600);
+    color: var(--color-blue-500);
   }
   /* LiteralNumberOct */
   .mo {
-    color: var(--color-blue-600);
+    color: var(--color-blue-500);
   }
   /* Operator */
   .o {

Original file line number	Diff line number	Diff line change
`@@ -9,6 +9,7 @@`
`9`	`9`	`}`
`10`	`10`	`/* CodeLine */`
`11`	`11`	`.cl {`
	`12`	`+ color: var(--color-gray-200);`
`12`	`13`	`}`
`13`	`14`	`/* LineHighlight */`
`14`	`15`	`.hl {`
`@@ -46,7 +47,7 @@`
`46`	`47`	`}`
`47`	`48`	`/* KeywordConstant */`
`48`	`49`	`.kc {`
`49`		`- color: var(--color-violet-700);`
	`50`	`+ color: var(--color-violet-300);`
`50`	`51`	`}`
`51`	`52`	`/* KeywordDeclaration */`
`52`	`53`	`.kd {`
`@@ -70,7 +71,7 @@`
`70`	`71`	`}`
`71`	`72`	`/* Name */`
`72`	`73`	`.n {`
`73`		`- color: var(--color-violet-700);`
	`74`	`+ color: var(--color-violet-300);`
`74`	`75`	`}`
`75`	`76`	`/* NameAttribute */`
`76`	`77`	`.na {`
`@@ -82,7 +83,7 @@`
`82`	`83`	`}`
`83`	`84`	`/* NameBuiltinPseudo */`
`84`	`85`	`.bp {`
`85`		`- color: var(--color-violet-700);`
	`86`	`+ color: var(--color-violet-300);`
`86`	`87`	`}`
`87`	`88`	`/* NameClass */`
`88`	`89`	`.nc {`
`@@ -94,7 +95,7 @@`
`94`	`95`	`}`
`95`	`96`	`/* NameDecorator */`
`96`	`97`	`.nd {`
`97`		`- color: var(--color-violet-700);`
	`98`	`+ color: var(--color-violet-300);`
`98`	`99`	`}`
`99`	`100`	`/* NameEntity */`
`100`	`101`	`.ni {`
`@@ -106,11 +107,11 @@`
`106`	`107`	`}`
`107`	`108`	`/* NameFunction */`
`108`	`109`	`.nf {`
`109`		`- color: var(--color-blue-600);`
	`110`	`+ color: var(--color-blue-400);`
`110`	`111`	`}`
`111`	`112`	`/* NameFunctionMagic */`
`112`	`113`	`.fm {`
`113`		`- color: var(--color-blue-600);`
	`114`	`+ color: var(--color-blue-400);`
`114`	`115`	`}`
`115`	`116`	`/* NameLabel */`
`116`	`117`	`.nl {`
`@@ -126,15 +127,15 @@`
`126`	`127`	`}`
`127`	`128`	`/* NameProperty */`
`128`	`129`	`.py {`
`129`		`- color: var(--color-white-main);`
	`130`	`+ color: var(--color-violet-300);`
`130`	`131`	`}`
`131`	`132`	`/* NameTag */`
`132`	`133`	`.nt {`
`133`		`- color: var(--color-green-600);`
	`134`	`+ color: var(--color-green-300);`
`134`	`135`	`}`
`135`	`136`	`/* NameVariable */`
`136`	`137`	`.nv {`
`137`		`- color: var(--color-white-main);`
	`138`	`+ color: var(--color-green-500);`
`138`	`139`	`}`
`139`	`140`	`/* NameVariableClass */`
`140`	`141`	`.vc {`
`@@ -206,47 +207,47 @@`
`206`	`207`	`}`
`207`	`208`	`/* LiteralStringRegex */`
`208`	`209`	`.sr {`
`209`		`- color: var(--color-blue-500);`
	`210`	`+ color: var(--color-blue-400);`
`210`	`211`	`}`
`211`	`212`	`/* LiteralStringSingle */`
`212`	`213`	`.s1 {`
`213`	`214`	`color: var(--color-green-600);`
`214`	`215`	`}`
`215`	`216`	`/* LiteralStringSymbol */`
`216`	`217`	`.ss {`
`217`		`- color: var(--color-blue-600);`
	`218`	`+ color: var(--color-blue-400);`
`218`	`219`	`}`
`219`	`220`	`/* LiteralNumber */`
`220`	`221`	`.m {`
`221`		`- color: var(--color-blue-600);`
	`222`	`+ color: var(--color-blue-400);`
`222`	`223`	`}`
`223`	`224`	`/* LiteralNumberBin */`
`224`	`225`	`.mb {`
`225`		`- color: var(--color-blue-600);`
	`226`	`+ color: var(--color-blue-400);`
`226`	`227`	`}`
`227`	`228`	`/* LiteralNumberFloat */`
`228`	`229`	`.mf {`
`229`		`- color: var(--color-blue-600);`
	`230`	`+ color: var(--color-blue-400);`
`230`	`231`	`}`
`231`	`232`	`/* LiteralNumberHex */`
`232`	`233`	`.mh {`
`233`		`- color: var(--color-blue-600);`
	`234`	`+ color: var(--color-blue-400);`
`234`	`235`	`}`
`235`	`236`	`/* LiteralNumberInteger */`
`236`	`237`	`.mi {`
`237`		`- color: var(--color-blue-600);`
	`238`	`+ color: var(--color-blue-400);`
`238`	`239`	`}`
`239`	`240`	`/* LiteralNumberIntegerLong */`
`240`	`241`	`.il {`
`241`		`- color: var(--color-blue-600);`
	`242`	`+ color: var(--color-blue-400);`
`242`	`243`	`}`
`243`	`244`	`/* LiteralNumberOct */`
`244`	`245`	`.mo {`
`245`		`- color: var(--color-blue-600);`
	`246`	`+ color: var(--color-blue-400);`
`246`	`247`	`}`
`247`	`248`	`/* Operator */`
`248`	`249`	`.o {`
`249`		`- color: var(--color-blue-700);`
	`250`	`+ color: var(--color-blue-200);`
`250`	`251`	`}`
`251`	`252`	`/* OperatorWord */`
`252`	`253`	`.ow {`