style: remove background highlight from tokens

tophf · tophf · commit 90b5dcf23ce0 · 2023-10-12T06:52:11.000+03:00
diff --git a/gatsby-browser.js b/gatsby-browser.js
@@ -1,4 +1,5 @@
 import WebFont from 'webfontloader';
+// This theme defines a weird highlight on some tokens which we remove in our style.css
 import 'prismjs/themes/prism.css';
 
 WebFont.load({
diff --git a/src/common/style.css b/src/common/style.css
@@ -292,3 +292,11 @@ main {
     @apply mb-0;
   }
 }
+
+.language-css .token.string,
+.style .token.string,
+.token.entity,
+.token.operator,
+.token.url {
+  background: none; /* removing the weird highlighted background from prismjs default theme */
+}

Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,5 @@`
`1`	`1`	`import WebFont from 'webfontloader';`
	`2`	`+// This theme defines a weird highlight on some tokens which we remove in our style.css`
`2`	`3`	`import 'prismjs/themes/prism.css';`
`3`	`4`
`4`	`5`	`WebFont.load({`
Original file line number	Diff line number	Diff line change
`@@ -292,3 +292,11 @@ main {`
`292`	`292`	`@apply mb-0;`
`293`	`293`	`}`
`294`	`294`	`}`
	`295`	`+`
	`296`	`+.language-css .token.string,`
	`297`	`+.style .token.string,`
	`298`	`+.token.entity,`
	`299`	`+.token.operator,`
	`300`	`+.token.url {`
	`301`	`+ background: none; /* removing the weird highlighted background from prismjs default theme */`
	`302`	`+}`