Evergreen shadow done

manifest.json

@@ -1,7 +1,7 @@
 {
-	"name": "Sample Theme",
+	"name": "Evergreen-Shadow",
 	"version": "1.0.0",
 	"minAppVersion": "1.0.0",
 	"author": "Obsidian",
 	"authorUrl": "https://obsidian.md"
-}
+}

package.json

@@ -1,5 +1,5 @@
 {
-    "name": "sample-obsidian-theme",
+    "name": "Evergreen-Shadow",
     "version": "1.0.0",
 	"scripts": {
 		"version": "node version-bump.mjs && git add manifest.json versions.json"

theme.css

@@ -1,13 +1,21 @@
+@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Old+Persian&family=Noto+Serif+KR:wght@200..900&display=swap');
+
 body {
-	--radius-s: 0px;
+	--radius-s: 8px;
-	--radius-m: 0px;
+	--radius-m: 12px;
-	--radius-l: 0px;
+	--radius-l: 16px;
-	--input-radius: 0px;
+	--input-radius: 12px;
-	--tab-radius-active: 0px;
+	--tab-radius-active: 12px;
-	--checkbox-radius: 0px;
+	--checkbox-radius: 12px;
-	--toggle-radius: 0px;
+	--toggle-radius: 12px;
-	--toggle-thumb-radius: 0px;
+	--toggle-thumb-radius: 12px;
-	--slider-thumb-radius: 0px;
+	--slider-thumb-radius: 12px;
+	background-color: var(--primary);
+	color: var(--text);
+}
+
+h1, h2, h3, h4, h5, h6 {
+	font-weight: bolder;
 }
 
 .workspace-tab-header.is-active::before, .workspace-tab-header.is-active::after {
@@ -23,6 +31,9 @@ svg * {
 
 .menu {
 	padding: var(--size-2-1);
+	border-radius: var(--radius-m);
+	background-color: var(--background-primary);
+	color: var(--text);
 }
 
 .menu-item {
@@ -32,3 +43,51 @@ svg * {
 .menu-separator {
 	margin: var(--size-2-1) calc(var(--size-2-1) * -1);
 }
+
+.theme-dark {
+	--text: #dfece8;
+	--background-primary: #030706;
+	--primary: #a5d5c5;
+	--secondary: #30735d;
+	--accent: #4cbd97;
+
+	--highlight-hue: 30;
+	--italic-color: var(--accent);
+	--bold-color: var(--accent);
+	--h1-color: var(--accent);
+	--h2-color: var(--accent);
+	--h3-color: var(--accent);
+	--h4-color: var(--accent);
+	--h5-color: var(--accent);
+	--h6-color: var(--accent);
+}
+
+body.theme-dark {
+	background-color: var(--background-primary);
+	color: var(--text);
+}
+
+body.theme-dark h1 {
+	color: var(--h1-color);
+}
+
+body.theme-dark h2 {
+	color: var(--h2-color);
+}
+
+body.theme-dark h3 {
+	color: var(--h3-color);
+}
+
+body.theme-dark h4 {
+	color: var(--h4-color);
+}
+
+body.theme-dark h5 {
+	color: var(--h5-color);
+}
+
+body.theme-dark h6 {
+	color: var(--h6-color);
+}
+}