green theme and nord syntax highlighter

ProjectEvergreen · Jan 27, 2024 · 0182536 · 0182536
1 parent 5e371f8
commit 0182536
Show file tree

Hide file tree

Showing 3 changed files with 23 additions and 2 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -21,6 +21,7 @@
   },
   "dependencies": {
     "geist": "^1.2.0",
+    "prism-themes": "^1.9.0",
     "prismjs": "^1.21.0"
   },
   "devDependencies": {

diff --git a/src/templates/app.html b/src/templates/app.html
@@ -4,14 +4,15 @@
   <head>
     <title>Greenwood</title>
     <meta charset="utf-8">
-    <link rel="stylesheet" href="/node_modules/prismjs/themes/prism-tomorrow.css"></link>
+    <link rel="stylesheet" href="/node_modules/prism-themes/themes/prism-nord.css"></link>
     <style>
       :root {
         --color-primary: '';
         --color-secondary: #003554;
         /* --color-accent: #e2725b; */
         /* --color-accent: #e57757; */
-        --color-accent: #c2452d;
+        --color-accent: #04724d;
+        /* --color-accent: #c2452d; */
         --color-white: white;
         --color-yellow: #fffaca;
         --color-green: #04724d;
@@ -186,6 +187,14 @@
         margin: 10px auto;
         display: inline-block;
       }
+
+      h3 u {
+        color: var(--color-accent);
+      }
+
+      h3 u i {
+        color: var(--color-white);
+      }
     </style>
   </head>