Merge pull request rails#42800 from lloydk/syntax-highlight-contrast

eileencodes · web-flow · commit 6c5b12e99443 · 2021-07-16T13:10:56.000-04:00
Fix contrast ratio for guide syntax highlighting [ci-skip]
diff --git a/guides/assets/stylesheets/highlight.css b/guides/assets/stylesheets/highlight.css
@@ -1,24 +1,24 @@
 .highlight table td { padding: 5px; }
 .highlight table pre { margin: 0; }
 .highlight .cm {
-  color: #999988;
+  color: #6c6c65;
   font-style: italic;
 }
 .highlight .cp {
-  color: #999999;
+  color: #6c6c6c;
   font-weight: bold;
 }
 .highlight .c1 {
-  color: #999988;
+  color: #6c6c65;
   font-style: italic;
 }
 .highlight .cs {
-  color: #999999;
+  color: #6c6c6c;
   font-weight: bold;
   font-style: italic;
 }
 .highlight .c, .highlight .ch, .highlight .cd, .highlight .cpf {
-  color: #999988;
+  color: #6c6c65;
   font-style: italic;
 }
 .highlight .err {
@@ -37,14 +37,14 @@
   color: #aa0000;
 }
 .highlight .gh {
-  color: #999999;
+  color: #6c6c6c;
 }
 .highlight .gi {
   color: #000000;
   background-color: #ddffdd;
 }
 .highlight .go {
-  color: #888888;
+  color: #6c6c6c;
 }
 .highlight .gp {
   color: #555555;
@@ -53,7 +53,7 @@
   font-weight: bold;
 }
 .highlight .gu {
-  color: #aaaaaa;
+  color: #6c6c6c;
 }
 .highlight .gt {
   color: #aa0000;
@@ -83,77 +83,77 @@
   font-weight: bold;
 }
 .highlight .k, .highlight .kv {
-  color: #07a;
+  color: #0073a6;
 }
 .highlight .mf {
-  color: #009999;
+  color: #007979;
 }
 .highlight .mh {
-  color: #009999;
+  color: #007979;
 }
 .highlight .il {
-  color: #009999;
+  color: #007979;
 }
 .highlight .mi {
-  color: #009999;
+  color: #007979;
 }
 .highlight .mo {
-  color: #009999;
+  color: #007979;
 }
 .highlight .m, .highlight .mb, .highlight .mx {
-  color: #009999;
+  color: #007979;
 }
 .highlight .sb {
-  color: #d14;
+  color: #d51144;
 }
 .highlight .sc {
-  color: #d14;
+  color: #d51144;
 }
 .highlight .sd {
-  color: #d14;
+  color: #d51144;
 }
 .highlight .s2 {
-  color: #d14;
+  color: #d51144;
 }
 .highlight .se {
-  color: #d14;
+  color: #d51144;
 }
 .highlight .sh {
-  color: #d14;
+  color: #d51144;
 }
 .highlight .si {
-  color: #d14;
+  color: #d51144;
 }
 .highlight .sx {
-  color: #d14;
+  color: #d51144;
 }
 .highlight .sr {
-  color: #009926;
+  color: #007e26;
 }
 .highlight .s1 {
-  color: #d14;
+  color: #d51144;
 }
 .highlight .ss {
   color: #990073;
 }
 .highlight .s, .highlight .sa, .highlight .dl {
-  color: #d14;
+  color: #d51144;
 }
 .highlight .na {
-  color: #008080;
+  color: #007979;
 }
 .highlight .bp {
-  color: #999999;
+  color: #6c6c6c;
 }
 .highlight .nb {
-  color: #0086B3;
+  color: #0074a1;
 }
 .highlight .nc {
   color: #445588;
   font-weight: bold;
 }
 .highlight .no {
-  color: #008080;
+  color: #007979;
 }
 .highlight .nd {
   color: #3c5d5d;
@@ -181,16 +181,16 @@
   color: #000080;
 }
 .highlight .vc {
-  color: #008080;
+  color: #007979;
 }
 .highlight .vg {
-  color: #008080;
+  color: #007979;
 }
 .highlight .vi {
   color: #005cc5;
 }
 .highlight .nv, .highlight .vm {
-  color: #008080;
+  color: #007979;
 }
 .highlight .ow {
   color: #000000;
@@ -201,7 +201,7 @@
   font-weight: bold;
 }
 .highlight .w {
-  color: #bbbbbb;
+  color: #6c6c6c;
 }
 .highlight {
   background-color: transparent;

Original file line number	Diff line number	Diff line change
`@@ -1,24 +1,24 @@`
`1`	`1`	`.highlight table td { padding: 5px; }`
`2`	`2`	`.highlight table pre { margin: 0; }`
`3`	`3`	`.highlight .cm {`
`4`		`- color: #999988;`
	`4`	`+ color: #6c6c65;`
`5`	`5`	`font-style: italic;`
`6`	`6`	`}`
`7`	`7`	`.highlight .cp {`
`8`		`- color: #999999;`
	`8`	`+ color: #6c6c6c;`
`9`	`9`	`font-weight: bold;`
`10`	`10`	`}`
`11`	`11`	`.highlight .c1 {`
`12`		`- color: #999988;`
	`12`	`+ color: #6c6c65;`
`13`	`13`	`font-style: italic;`
`14`	`14`	`}`
`15`	`15`	`.highlight .cs {`
`16`		`- color: #999999;`
	`16`	`+ color: #6c6c6c;`
`17`	`17`	`font-weight: bold;`
`18`	`18`	`font-style: italic;`
`19`	`19`	`}`
`20`	`20`	`.highlight .c, .highlight .ch, .highlight .cd, .highlight .cpf {`
`21`		`- color: #999988;`
	`21`	`+ color: #6c6c65;`
`22`	`22`	`font-style: italic;`
`23`	`23`	`}`
`24`	`24`	`.highlight .err {`
`@@ -37,14 +37,14 @@`
`37`	`37`	`color: #aa0000;`
`38`	`38`	`}`
`39`	`39`	`.highlight .gh {`
`40`		`- color: #999999;`
	`40`	`+ color: #6c6c6c;`
`41`	`41`	`}`
`42`	`42`	`.highlight .gi {`
`43`	`43`	`color: #000000;`
`44`	`44`	`background-color: #ddffdd;`
`45`	`45`	`}`
`46`	`46`	`.highlight .go {`
`47`		`- color: #888888;`
	`47`	`+ color: #6c6c6c;`
`48`	`48`	`}`
`49`	`49`	`.highlight .gp {`
`50`	`50`	`color: #555555;`
`@@ -53,7 +53,7 @@`
`53`	`53`	`font-weight: bold;`
`54`	`54`	`}`
`55`	`55`	`.highlight .gu {`
`56`		`- color: #aaaaaa;`
	`56`	`+ color: #6c6c6c;`
`57`	`57`	`}`
`58`	`58`	`.highlight .gt {`
`59`	`59`	`color: #aa0000;`
`@@ -83,77 +83,77 @@`
`83`	`83`	`font-weight: bold;`
`84`	`84`	`}`
`85`	`85`	`.highlight .k, .highlight .kv {`
`86`		`- color: #07a;`
	`86`	`+ color: #0073a6;`
`87`	`87`	`}`
`88`	`88`	`.highlight .mf {`
`89`		`- color: #009999;`
	`89`	`+ color: #007979;`
`90`	`90`	`}`
`91`	`91`	`.highlight .mh {`
`92`		`- color: #009999;`
	`92`	`+ color: #007979;`
`93`	`93`	`}`
`94`	`94`	`.highlight .il {`
`95`		`- color: #009999;`
	`95`	`+ color: #007979;`
`96`	`96`	`}`
`97`	`97`	`.highlight .mi {`
`98`		`- color: #009999;`
	`98`	`+ color: #007979;`
`99`	`99`	`}`
`100`	`100`	`.highlight .mo {`
`101`		`- color: #009999;`
	`101`	`+ color: #007979;`
`102`	`102`	`}`
`103`	`103`	`.highlight .m, .highlight .mb, .highlight .mx {`
`104`		`- color: #009999;`
	`104`	`+ color: #007979;`
`105`	`105`	`}`
`106`	`106`	`.highlight .sb {`
`107`		`- color: #d14;`
	`107`	`+ color: #d51144;`
`108`	`108`	`}`
`109`	`109`	`.highlight .sc {`
`110`		`- color: #d14;`
	`110`	`+ color: #d51144;`
`111`	`111`	`}`
`112`	`112`	`.highlight .sd {`
`113`		`- color: #d14;`
	`113`	`+ color: #d51144;`
`114`	`114`	`}`
`115`	`115`	`.highlight .s2 {`
`116`		`- color: #d14;`
	`116`	`+ color: #d51144;`
`117`	`117`	`}`
`118`	`118`	`.highlight .se {`
`119`		`- color: #d14;`
	`119`	`+ color: #d51144;`
`120`	`120`	`}`
`121`	`121`	`.highlight .sh {`
`122`		`- color: #d14;`
	`122`	`+ color: #d51144;`
`123`	`123`	`}`
`124`	`124`	`.highlight .si {`
`125`		`- color: #d14;`
	`125`	`+ color: #d51144;`
`126`	`126`	`}`
`127`	`127`	`.highlight .sx {`
`128`		`- color: #d14;`
	`128`	`+ color: #d51144;`
`129`	`129`	`}`
`130`	`130`	`.highlight .sr {`
`131`		`- color: #009926;`
	`131`	`+ color: #007e26;`
`132`	`132`	`}`
`133`	`133`	`.highlight .s1 {`
`134`		`- color: #d14;`
	`134`	`+ color: #d51144;`
`135`	`135`	`}`
`136`	`136`	`.highlight .ss {`
`137`	`137`	`color: #990073;`
`138`	`138`	`}`
`139`	`139`	`.highlight .s, .highlight .sa, .highlight .dl {`
`140`		`- color: #d14;`
	`140`	`+ color: #d51144;`
`141`	`141`	`}`
`142`	`142`	`.highlight .na {`
`143`		`- color: #008080;`
	`143`	`+ color: #007979;`
`144`	`144`	`}`
`145`	`145`	`.highlight .bp {`
`146`		`- color: #999999;`
	`146`	`+ color: #6c6c6c;`
`147`	`147`	`}`
`148`	`148`	`.highlight .nb {`
`149`		`- color: #0086B3;`
	`149`	`+ color: #0074a1;`
`150`	`150`	`}`
`151`	`151`	`.highlight .nc {`
`152`	`152`	`color: #445588;`
`153`	`153`	`font-weight: bold;`
`154`	`154`	`}`
`155`	`155`	`.highlight .no {`
`156`		`- color: #008080;`
	`156`	`+ color: #007979;`
`157`	`157`	`}`
`158`	`158`	`.highlight .nd {`
`159`	`159`	`color: #3c5d5d;`
`@@ -181,16 +181,16 @@`
`181`	`181`	`color: #000080;`
`182`	`182`	`}`
`183`	`183`	`.highlight .vc {`
`184`		`- color: #008080;`
	`184`	`+ color: #007979;`
`185`	`185`	`}`
`186`	`186`	`.highlight .vg {`
`187`		`- color: #008080;`
	`187`	`+ color: #007979;`
`188`	`188`	`}`
`189`	`189`	`.highlight .vi {`
`190`	`190`	`color: #005cc5;`
`191`	`191`	`}`
`192`	`192`	`.highlight .nv, .highlight .vm {`
`193`		`- color: #008080;`
	`193`	`+ color: #007979;`
`194`	`194`	`}`
`195`	`195`	`.highlight .ow {`
`196`	`196`	`color: #000000;`
`@@ -201,7 +201,7 @@`
`201`	`201`	`font-weight: bold;`
`202`	`202`	`}`
`203`	`203`	`.highlight .w {`
`204`		`- color: #bbbbbb;`
	`204`	`+ color: #6c6c6c;`
`205`	`205`	`}`
`206`	`206`	`.highlight {`
`207`	`207`	`background-color: transparent;`