improve code color and accessibility

AngeloChecked · Oct 5, 2024 · b452c5a · b452c5a
1 parent e1a5f04
commit b452c5a
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 4 deletions.
diff --git a/blog/components/Base.ts b/blog/components/Base.ts
@@ -57,10 +57,11 @@ export const Base = (props: BaseProps) =>
       ${props.scripts ?? ""}
       ${props.style ?? ""}
       ${ props.content.includes("lite-youtube") ? `<link rel="preload" as="style" href="https://cdnjs.cloudflare.com/ajax/libs/lite-youtube-embed/0.3.3/lite-yt-embed.min.css" onload="this.onload=null;this.rel='stylesheet'"/>` : ""}
-      <link rel="preload" as="style" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/default.min.css" onload="this.onload=null;this.rel='stylesheet'">
+      <link rel="preload" as="style"  href="https://cdn.jsdelivr.net/npm/highlight.js@11.10.0/styles/atom-one-dark.min.css" onload="this.onload=null;this.rel='stylesheet'">
       <noscript>
-        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/default.min.css">
+        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/highlight.js@11.10.0/styles/atom-one-dark.min.css">
       </noscript>      
+
     </head>
     ${googleTagManagerScript()}
     <body>

diff --git a/blog/style/mainCss.ts b/blog/style/mainCss.ts
@@ -41,8 +41,8 @@ const preStyle = cssElement({
   properties: {
     lineHeight: "1.1",
     fontFamily: "verdana",
-    fontSize: "10px",
-    backgroundColor: "rgb(5,4,4)",
+    fontSize: "12px",
+    backgroundColor: "#282c34",
     padding: "15px",
     overflowX: "auto",
     borderRadius: "20px",