diff --git a/data.json b/data.json
index 94dfc88..40da0d6 100644
--- a/data.json
+++ b/data.json
@@ -1,6 +1,6 @@
 {
   "lineWidth": 2,
-  "lineColor": "#6a4dff",
+  "lineColor": "#2b00ff",
   "itemSpacing": 30,
   "cardBackground": "var(--background-primary-alt)",
   "cardTextColor": "var(--text-normal)",
diff --git a/manifest.json b/manifest.json
index 7f94a83..9190810 100644
--- a/manifest.json
+++ b/manifest.json
@@ -1,7 +1,7 @@
 {
 	"id": "generate-timeline",
 	"name": "Generate Timeline",
-	"version": "1.2.2",
+	"version": "1.2.3",
 	"minAppVersion": "0.15.0",
 	"description": "Generate timelines from tag folder or file automatically by any time properties.",
 	"author": "Shanshuimei",
diff --git a/package.json b/package.json
index a0671b1..a89144b 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "generate-timeline",
-  "version": "1.2.2",
+  "version": "1.2.3",
   "description": "Generate timelines from tag, folder or file automatically by any time properties.",
   "main": "main.js",
   "type": "module",
diff --git a/styles.css b/styles.css
index 124d007..e347cb8 100644
--- a/styles.css
+++ b/styles.css
@@ -37,9 +37,9 @@ If your plugin does not need CSS, delete this file.
 
 .timeline-era-title {
     font-size: 1.5em;
-    color: var(--text-accent);
     margin-bottom: 20px;
-    margin-left: 30px;
+    margin-left: 20%;
+    margin-right:10%;
 }
 
 .timeline-era-date {