diff --git a/styles/prism-theme.css b/styles/prism-theme.css
index 742c8d2..a389962 100644
--- a/styles/prism-theme.css
+++ b/styles/prism-theme.css
@@ -1,68 +1,125 @@
+/* prism theme adjustments */
+
 .notion-code {
-  background-color: #0a0a0a;  /* Dark black */
-  border: 1px solid #333;  /* Lighter black */
-  border-radius: 0.5rem;
+  background-color: rgba(249, 250, 251, 1);
+  border: 1px solid rgba(229, 231, 235, 1);
+  border-radius: 0.375rem;
   padding: 1.5em !important;
-  font-size: 0.875em;
 }
 
 .dark-mode .notion-code {
-  background-color: #0a0a0a;  /* Dark black */
-  border-color: #333;  /* Lighter black */
-  color: #f5ebd1;  /* Golden */
+  background-color: rgba(17, 24, 39, 1);
+  border-color: rgba(55, 65, 81, 1);
 }
-
 .notion code {
-  color: #f5ebd1;  /* Golden */
-  font-family: 'Fira Code', monospace;
+  color: rgba(31, 41, 55, 1);
+  border: 0 none !important;
+  box-shadow: none !important;
+  background: none !important;
+  padding: 0 !important;
 }
-
 .dark-mode .notion code {
-  color: #f5ebd1;  /* Golden */
+  color: rgba(229, 231, 235, 1);
 }
 
 .dark-mode .notion .notion-inline-code {
-  background: #0a0a0a;  /* Dark black */
-  color: #0077cc;  /* Blue */
-  padding: 0.2em 0.5em !important;
-  border-radius: 0.25rem;
+  background: rgb(71, 76, 80) !important;
+  color: #ff4081;
+  padding: 0.2em 0.4em !important;
 }
 
 .notion .notion-inline-code {
-  color: #0077cc;  /* Blue */
-  background: #0a0a0a;  /* Dark black */
-  padding: 0.2em 0.5em !important;
-  border-radius: 0.25rem;
+  color: #ff4081;
+  background: rgba(127, 122, 107, 0.1) !important;
+  padding: 0.2em 0.4em !important;
 }
 
-/* Additional code highlighting and readability */
-
+.token.cdata,
+.token.doctype,
+.token.prolog {
+  color: rgba(55, 65, 81, 1);
+}
 .token.comment {
-  color: #888888; /* Gray for comments */
-  font-style: italic;
+  color: #5b9b4c;
 }
-
-/* General Layout & Typography */
-.notion-page-title {
-  font-size: 2em;
-  color: #f5ebd1;  /* Golden */
-  font-weight: 600;
+.dark-mode .token.cdata,
+.dark-mode .token.doctype,
+.dark-mode .token.prolog {
+  color: rgba(209, 213, 219, 1);
 }
-
-.dark-mode .notion-page-title {
-  color: #f5ebd1;  /* Golden */
+.token.punctuation {
+  color: rgba(55, 65, 81, 1);
+}
+.dark-mode .token.punctuation {
+  color: rgba(209, 213, 219, 1);
+}
+.token.boolean,
+.token.constant,
+.token.deleted,
+.token.number,
+.token.property,
+.token.symbol,
+.token.tag {
+  color: rgba(16, 185, 129, 1);
+}
+.token.attr-name,
+.token.builtin,
+.token.char,
+.token.inserted,
+.token.selector,
+.token.string {
+  color: rgba(139, 92, 246, 1);
+}
+.language-css .token.string,
+.style .token.string,
+.token.entity,
+.token.operator,
+.token.url {
+  color: rgba(245, 158, 11, 1);
+}
+.token.atrule,
+.token.attr-value,
+.token.keyword {
+  color: rgba(59, 130, 246, 1);
+}
+.token.class-name,
+.token.function {
+  color: rgba(236, 72, 153, 1);
+}
+.token.important,
+.token.regex,
+.token.variable {
+  color: rgba(245, 158, 11, 1);
+}
+code[class*='language-'],
+pre[class*='language-'] {
+  color: rgba(31, 41, 55, 1);
+}
+.dark-mode code[class*='language-'],
+.dark-mode pre[class*='language-'] {
+  color: rgba(249, 250, 251, 1);
 }
-
-/* Custom Scrollbar for code blocks */
 pre::-webkit-scrollbar {
-  width: 8px;
+  display: none;
+}
+pre {
+  -ms-overflow-style: none;
+  scrollbar-width: none;
+}
+.token.operator,
+.token.entity,
+.token.url,
+.token.variable {
+  background: none;
 }
 
-pre::-webkit-scrollbar-thumb {
-  background: #0077cc;  /* Blue */
+pre[class*='language-'] > code {
+  border-left: 0 none !important;
+  box-shadow: none !important;
+  background: none !important;
 }
 
-pre {
-  -ms-overflow-style: none;
-  scrollbar-width: thin;
+pre[class*='language-']:before,
+pre[class*='language-']:after {
+  display: none !important;
 }