diff --git a/packages/document/docs/en/guide/start/introduction.mdx b/packages/document/docs/en/guide/start/introduction.mdx
index 4a1fa68b4..3c2209d1a 100644
--- a/packages/document/docs/en/guide/start/introduction.mdx
+++ b/packages/document/docs/en/guide/start/introduction.mdx
@@ -38,7 +38,7 @@ At the same time, Rspress internally also applies many other build optimization
 
 In order to ensure the flexibility of content development, Rspress chooses to support the MDX content format.
 
-Because MDX actually represents a componentized content organization method behind it. On the one hand, documents are components, so we can reuse document fragments between different documents. On the other hand, any custom React components can be introduced in the document, greatly releasing the imagination of document development.
+MDX represents a method of componentized content organization. In other words, documents serve as components, allowing for the reuse of document fragments across different documents. Additionally, custom React components can be incorporated into documents, significantly enhancing the flexibility of document development.
 
 ### Basic Capabilities of Documentation Site
 
diff --git a/packages/theme-default/src/styles/vars.css b/packages/theme-default/src/styles/vars.css
index 2cd622964..c39ad8208 100644
--- a/packages/theme-default/src/styles/vars.css
+++ b/packages/theme-default/src/styles/vars.css
@@ -52,7 +52,7 @@
 }
 
 .dark {
-  --rp-c-bg: #23272f;
+  --rp-c-bg: #191D24;
   --rp-c-bg-soft: #292e37;
   --rp-c-bg-mute: #343a46;
   --rp-c-bg-alt: #000;
@@ -60,7 +60,8 @@
   --rp-c-divider: rgba(84, 84, 84, 0.65);
   --rp-c-divider-light: rgba(84, 84, 84, 0.48);
 
-  --rp-c-text-1: rgba(255, 255, 255, 0.87);
+
+  --rp-c-text-1: rgba(255, 255, 245, 0.93);
   --rp-c-text-2: rgba(235, 235, 235, 0.56);
   --rp-c-text-3: rgba(235, 235, 235, 0.38);
   --rp-c-text-4: rgba(235, 235, 235, 0.18);