From e39586e60261f83be1bdf4b483c5a2e871d3e7a0 Mon Sep 17 00:00:00 2001
From: Gary_Hou <52512824+hougarry@users.noreply.github.com>
Date: Tue, 12 Sep 2023 16:46:38 +0800
Subject: [PATCH] Update and rename prism-theme.css to dot-theme.css

---
 styles/dot-theme.css   |  80 +++++++++++++++++++++++++++++++++
 styles/prism-theme.css | 100 -----------------------------------------
 2 files changed, 80 insertions(+), 100 deletions(-)
 create mode 100644 styles/dot-theme.css
 delete mode 100644 styles/prism-theme.css

diff --git a/styles/dot-theme.css b/styles/dot-theme.css
new file mode 100644
index 0000000..10ba14a
--- /dev/null
+++ b/styles/dot-theme.css
@@ -0,0 +1,80 @@
+/* Prism theme adjustments */
+
+.notion-code {
+  background-color: rgba(249, 250, 251, 1);
+  border: 1px solid rgba(229, 231, 235, 1);
+  border-radius: 0.5rem;
+  padding: 1.5em !important;
+  font-size: 0.875em;
+}
+
+.dark-mode .notion-code {
+  background-color: rgba(17, 24, 39, 1);
+  border-color: rgba(55, 65, 81, 1);
+  color: rgba(229, 231, 235, 1);
+}
+
+.notion code {
+  color: rgba(31, 41, 55, 1);
+  font-family: 'Fira Code', monospace;
+}
+
+.dark-mode .notion code {
+  color: rgba(229, 231, 235, 1);
+}
+
+.dark-mode .notion .notion-inline-code {
+  background: rgba(71, 76, 80, 0.8) !important;
+  color: #ff4081;
+  padding: 0.2em 0.5em !important;
+  border-radius: 0.25rem;
+}
+
+.notion .notion-inline-code {
+  color: #ff4081;
+  background: rgba(127, 122, 107, 0.2) !important;
+  padding: 0.2em 0.5em !important;
+  border-radius: 0.25rem;
+}
+
+/* Additional code highlighting and readability */
+.token.cdata,
+.token.doctype,
+.token.prolog {
+  color: rgba(55, 65, 81, 0.8);
+}
+
+.token.comment {
+  color: rgba(100, 100, 100, 0.7);
+  font-style: italic;
+}
+
+/* ... [snip] ... */
+
+/* General Layout & Typography */
+.notion-page-title {
+  font-size: 2em;
+  color: rgba(31, 41, 55, 1);
+  font-weight: 600;
+}
+
+.dark-mode .notion-page-title {
+  color: rgba(229, 231, 235, 1);
+}
+
+/* ... [snip] ... */
+
+pre::-webkit-scrollbar {
+  width: 8px;
+}
+
+pre::-webkit-scrollbar-thumb {
+  background: rgba(55, 65, 81, 0.5);
+}
+
+pre {
+  -ms-overflow-style: none;
+  scrollbar-width: thin;
+}
+
+/* ... [snip] ... */
diff --git a/styles/prism-theme.css b/styles/prism-theme.css
deleted file mode 100644
index 4a16709..0000000
--- a/styles/prism-theme.css
+++ /dev/null
@@ -1,100 +0,0 @@
-/* theme adjustments */
-
-.notion-code {
-  background-color: rgba(240, 242, 245, 1);
-  border: 1px solid rgba(220, 224, 228, 1);
-  border-radius: 0.5rem;
-  padding: 1.6em !important;
-  font-family: 'Fira Code', monospace;
-}
-
-.dark-mode .notion-code {
-  background-color: rgba(20, 25, 40, 1);
-  border-color: rgba(45, 55, 70, 1);
-}
-
-.notion code {
-  color: rgba(20, 25, 40, 1);
-  border: 0 none !important;
-  box-shadow: none !important;
-  background: none !important;
-  padding: 0 !important;
-}
-
-.dark-mode .notion code {
-  color: rgba(240, 242, 245, 1);
-}
-
-/* Inline code styling */
-.notion .notion-inline-code {
-  background: rgba(115, 130, 140, 0.2) !important;
-  color: #ff4499;
-  padding: 0.2em 0.5em !important;
-  border-radius: 0.25em;
-}
-
-.dark-mode .notion .notion-inline-code {
-  background: rgba(55, 60, 70, 0.9) !important;
-  color: #ff66aa;
-}
-
-/* Token colors */
-.token.comment {
-  color: #5bb45c;
-  font-style: italic;
-}
-
-.token.punctuation,
-.token.cdata,
-.token.doctype,
-.token.prolog {
-  color: rgba(45, 55, 70, 1);
-}
-
-.token.boolean,
-.token.constant,
-.token.deleted,
-.token.number,
-.token.property,
-.token.symbol,
-.token.tag {
-  color: rgba(10, 185, 130, 1);
-}
-
-.token.attr-name,
-.token.builtin,
-.token.char,
-.token.inserted,
-.token.selector,
-.token.string {
-  color: rgba(130, 80, 255, 1);
-}
-
-/* ... (keeping other styles as they are) */
-
-/* Scrollbar styling */
-pre {
-  scrollbar-width: thin;
-  scrollbar-color: rebeccapurple green;
-}
-
-pre::-webkit-scrollbar {
-  width: 12px;
-}
-
-pre::-webkit-scrollbar-track {
-  background: green;
-}
-
-pre::-webkit-scrollbar-thumb {
-  background-color: rebeccapurple;
-  border-radius: 20px;
-  border: 3px solid green;
-}
-
-/* Disable some default styles */
-pre[class*='language-'] > code,
-pre[class*='language-']:before,
-pre[class*='language-']:after {
-  display: none !important;
-}