Code highlightjs

Author: atomjoy

resources/css/app.css

@@ -1,20 +1,13 @@
 @import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
 @import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
-@import url('https://fonts.googleapis.com/css2?family=Fira+Code:[email protected]&display=swap');
 
 :root {
 	--font-family: 'Poppins', Arial, Helvetica, sans-serif;
 	--font-family-text: 'Open Sans', Arial, Helvetica, sans-serif;
-	--font-family-code: 'Fira Code', monospace, consolas;
 	--font-size: 16px;
 	--border-radius: 10px;
 	--scrollbar-bg: #FF9557;
 	--scrollbar-thumb: #e6e6e6;
-	--code-font-size: 14px;
-	--code-border: #00339911;
-	--code-line-numbers: #6885ba;
-	--code-line-border: #ff2233aa;
-	--code-line-underline: #00339911;
 }
 
 :root {	

resources/js/assets/code.css

@@ -1,16 +1,24 @@
-code {
-    font-size: var(--code-font-size);
-	font-family: var(--font-family-code);
-	border: 1px solid var(--code-border);		
-	padding: 20px !important;
+@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&display=swap');
+
+:root {
+    /* code highlighterjs */
+	--code-font-family: 'JetBrains Mono', monospace, consolas;
+	--code-font-size: 14px;
+	--code-border: #00339911;
+	--code-line-numbers: #6885ba;
+	--code-line-border: #ff2233aa;
+	--code-line-underline: #00339911;
 }
 
 pre {
     margin: 20px 0px;
 }
 
 code, code.hljs {
-    padding: 10px !important;    
+    font-size: var(--code-font-size);
+	font-family: var(--code-font-family);
+	border: 1px solid var(--code-border);		
+	padding: 10px !important;
     overflow: hidden !important;
 }
 
@@ -19,7 +27,7 @@ code, code.hljs {
     float: left;
     width: 100%;
     font-size: var(--code-font-size);
-    font-family: 'JetBrains Mono', 'Fira Code', monospace, consolas;
+    font-family: var(--code-font-family);
 }
 
 .hljs-ln tbody {