diff --git a/.gitignore b/.gitignore
index 1242180..1a2a5f5 100644
--- a/.gitignore
+++ b/.gitignore
@@ -29,8 +29,7 @@ Cargo.lock
 credentials.json
 
 # Ignore .pd files
-*.pd
-*.mon
+*.pbd
 *.sha256
 
 # Ignore compress files
diff --git a/scibun.pbd b/scibun.mon
similarity index 86%
rename from scibun.pbd
rename to scibun.mon
index 61f69ae..c43db0c 100644
--- a/scibun.pbd
+++ b/scibun.mon
@@ -1,7 +1,7 @@
 path = "downloads/"
 open = "https://github.com/kremilly"
 
-readme = "https://gist.githubusercontent.com/kremilly/5fd360d994bb0fe108b648d0e4c9e92f/raw/508b038adb977440cc3722b04f9a5fc1ebfcdcb0/readme-examples.md"
+readme = "https://gist.githubusercontent.com/Kremilly/5fd360d994bb0fe108b648d0e4c9e92f/raw/ac524eba2112bf0bdbac1ad27e24f78f678589ec/readme-example.md"
 checksum = "https://gist.githubusercontent.com/kremilly/499d6d51d096c1813cea0eade8eb0bc4/raw/d7c5965aeaf005cf0b612e3468ab47c30480083b/scibun.sha256"
 checksum.unmatch = "keep"
 
diff --git a/src/utils/validation.rs b/src/utils/validation.rs
index 4c77607..c787fd8 100644
--- a/src/utils/validation.rs
+++ b/src/utils/validation.rs
@@ -18,7 +18,7 @@ impl Validate {
             );
         }
     
-        Self::file_type(file, ".pbd")?;
+        Self::file_type(file, ".mon")?;
         Ok(())
     }
     
diff --git a/static/css/base.css b/static/css/base.css
index a192300..753c091 100644
--- a/static/css/base.css
+++ b/static/css/base.css
@@ -1,24 +1,24 @@
 :root {
     --font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Open Sans", "Apple Color Emoji", "Segoe UI Emoji";
     --font-mono: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;
-    --color-text: #abb2bf;
-    --color-bg: #282c34;
-    --color-link: #61afef;
-    --color-link-hover: #528bff;
-    --color-border: #3e4451;
-    --color-muted: #5c6370;
-    --color-quote: #5c6370;
-    --color-pre-bg: #21252b;
-    --color-important-bg: #e5c07b; /* Amber for important */
-    --color-note-bg: #98c379; /* Green for note */
-    --color-warning-bg: #e06c75; /* Red for warning */
+    --color-text: #dcdcdc;
+    --color-bg: #1e1e1e;
+    --color-link: #6fc3df;
+    --color-link-hover: #8cd6ff;
+    --color-border: #333333;
+    --color-muted: #808080;
+    --color-quote: #606060;
+    --color-pre-bg: #292929;
+    --color-pre-fg: #dcdcdc;
     --spacing-sm: 8px;
     --spacing-md: 16px;
     --spacing-lg: 24px;
     --spacing-xl: 45px;
     --min-width-size: 200px;
-    --max-width-size: 1100px;
-    --header-size: 2.5em;
+    --max-width-size: 1200px;
+    --header-size: 3em;
+    --border-radius: 6px;
+    --box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 12px;
 }
 
 * {
@@ -28,11 +28,11 @@
 }
 
 body {
-    font-family: var(--font-body);
     line-height: 1.6;
     color: var(--color-text);
-    background-color: var(--color-bg);
     padding: var(--spacing-xl);
+    font-family: var(--font-body);
+    background-color: var(--color-bg);
 }
 
 h1, h2, h3, h4, h5, h6 {
@@ -167,11 +167,15 @@ img {
 /* Additional styles for GitHub-specific elements */
 
 .markdown-body {
-    margin: 1.5em auto;
+    margin: auto;
+    width: 900px;
+    margin-top: 80px;
     box-sizing: border-box;
-    padding: var(--spacing-xl);
-    min-width: var(--min-width-size);
-    max-width: var(--max-width-size);
+    padding: var(--spacing-md);
+    background: var(--color-bg);
+    box-shadow: var(--box-shadow);
+    border-radius: var(--border-radius);
+    border: .1em solid var(--color-border);
 }
 
 .markdown-body blockquote {
diff --git a/static/css/plugins-ui.css b/static/css/plugins-ui.css
index dcb440f..3d527ae 100644
--- a/static/css/plugins-ui.css
+++ b/static/css/plugins-ui.css
@@ -16,7 +16,7 @@
     height: 3em;
     display: block;
     cursor: pointer;
-    font-size: .9em;
+    font-size: .8em;
     list-style: none;
     line-height: 3em;
     border-radius: 3px;