Customize style colors

Author: Folyd

docs/guide/getting-started/introduction.md

@@ -99,10 +99,3 @@ AIScript embraces these core principles:
 - **AI-native design**: Built from the ground up for the age of AI
 - **Developer happiness**: Focusing on the developer experience first
 - **Performance without sacrifice**: No need to choose between speed and productivity
-
-<!-- ## Roadmap
-
-- **Database migrations**: Integrated migration tools for schema evolution
-- **WebSocket support**: Retal-time communication capabilities
-- **Developer tools**: Enhanced debugging and profiling capabilities
-- **Edge deployment**: Deploy your AIScript apps to the edge -->

docs/guide/language/class-object.md

@@ -6,7 +6,7 @@ AIScript offers a powerful class-based object-oriented programming model inspire
 
 Use the `class` keyword to define a class with properties and methods.
 
-```rust
+```js
 class Person {
     name: str,
     age: int,

rspress.config.ts

@@ -15,6 +15,7 @@ export default defineConfig({
   },
   mediumZoom: true,
   builderPlugins: [pluginYaml()],
+  globalStyles: path.join(__dirname, 'theme/index.css'),
   themeConfig: {
     enableScrollToTop: true,
     footer: {

theme/index.css

@@ -0,0 +1,16 @@
+:root {
+    /* Modify theme color */
+    --rp-c-brand: #db4c38;
+    --rp-c-brand-dark: #f96b6b;
+    --rp-c-brand-darker: #f96b6b;
+    --rp-c-brand-light: #f96b6b;
+    --rp-c-brand-lighter: #f53939;
+    /* Modify the width of the left sidebar */
+    --rp-sidebar-width: 280px;
+    /* Modify the width of the right outline column */
+    --rp-aside-width: 256px;
+    /* Modify the background of the code block title */
+    /* --rp-code-title-bg: rgba(250, 192, 61, 0.15); */
+    /* Modify the background of the code block content */
+    /* --rp-code-block-bg: rgba(214, 188, 70, 0.05); */
+  }