[doc]Fix dark mode

doc/components/button/guide.md

@@ -4,7 +4,7 @@
 
 ## 填充模式
 
-填充模式中，line 为线性按钮（幽灵按钮）；lineLight 线性浅色按钮；text 为纯文本按钮；而 lineTheme 与 textTheme 表示对应边框和文字颜色会跟随主题色，包括亮色与暗色；colorLight 为带透明度浅色背景按钮，也自动适配亮色与暗色。
+填充模式中，line 为线性按钮（幽灵按钮）；lineLight 线性浅色按钮；text 为纯文本按钮；而 lineTheme 与 textTheme 表示对应边框和文字颜色会跟随主题色，包括亮暗模式；colorLight 为带透明度浅色背景按钮，也自动适配亮暗模式。
 
 ## 状态色
 

doc/components/icon/api.md

@@ -1,14 +1,14 @@
 ## Icon Props
 
-| 属性     | 类型        | 默认值             | 可选值                | 必传 | 说明                               |
-| -------- | ----------- | ------------------ | --------------------- | ---- | ---------------------------------- |
-| name     | String/slot | ''                 | SVG Sprites name/slot | Y    | 图标名称。                         |
-| size     | Number      | 24                 | -                     | N    | 图标大小。                         |
-| theme    | Boolean     | false              | true/false            | N    | 是否跟随主题色（包含亮色与暗色）。 |
-| alpha    | Number      | 1                  | 0 - 1                 | N    | 图标透明度。                       |
-| top      | Number      | -2                 | -                     | N    | 上下偏移量。                       |
-| injClass | String      | ''                 | Class                 | N    | 注入 CSS 名称。                    |
-| path     | String      | 'fonts/symbol.svg' | -                     | N    | 项目存放 symbol.svg 的路径。       |
+| 属性     | 类型        | 默认值             | 可选值                | 必传 | 说明                             |
+| -------- | ----------- | ------------------ | --------------------- | ---- | -------------------------------- |
+| name     | String/slot | ''                 | SVG Sprites name/slot | Y    | 图标名称。                       |
+| size     | Number      | 24                 | -                     | N    | 图标大小。                       |
+| theme    | Boolean     | false              | true/false            | N    | 是否跟随主题色（包含亮暗模式）。 |
+| alpha    | Number      | 1                  | 0 - 1                 | N    | 图标透明度。                     |
+| top      | Number      | -2                 | -                     | N    | 上下偏移量。                     |
+| injClass | String      | ''                 | Class                 | N    | 注入 CSS 名称。                  |
+| path     | String      | 'fonts/symbol.svg' | -                     | N    | 项目存放 symbol.svg 的路径。     |
 
 ## Icon Events
 

doc/components/icon/guide.md

@@ -58,7 +58,7 @@ name 为 'slot' 表示使用插槽渲染，其他字符如 'ri-home-line' 使用
 
 ## 图标颜色
 
-如果 theme 不传或传入 false，图标颜色将继承自父级文字颜色，传入 true 图标颜色会根据主题色变化（包含亮色与暗色模式）；如果要实现自定义颜色，而颜色又同时包含亮色与暗色，建议使用 CSS 注入或插槽渲染，在 injClass 或插槽中分别配置亮色与暗色，请查看示例。
+如果 theme 不传或传入 false，图标颜色将继承自父级文字颜色，传入 true 图标颜色会根据主题色变化（包含亮暗模式）；如果要实现自定义颜色，而颜色又同时包含亮暗模式，建议使用 CSS 注入或插槽渲染，在 injClass 或插槽中分别配置亮暗模式，请查看示例。
 
 ## 颜色优先级
 

doc/components/loading/guide.md

@@ -10,11 +10,11 @@ Loading 的容器大小由 height 与 width 决定，除了少数几个需要固
 
 ## 主题色
 
-当使用单色模式时，可以通过 theme 来控制是否使用主题色，颜色会自动适配亮色与暗色模式，请参考示例。
+当使用单色模式时，可以通过 theme 来控制是否使用主题色，颜色会自动适配亮暗模式，请参考示例。
 
 ## 反差色
 
-通常情况下，页面颜色是浅色系颜色，Loading 会使用深色系颜色。但在一些场景，比如 Toast 组件内背景色与页面颜色深浅恰好相反，比如默认按钮背景色偏深色等情况，在这些组件内部使用 Loading 时，可以通过 inverse 来控制颜色，使其恰好与页面的亮暗色相反，请参考示例。
+通常情况下，页面颜色是浅色系颜色，Loading 会使用深色系颜色。但在一些场景，比如 Toast 组件内背景色与页面颜色深浅恰好相反，比如默认按钮背景色偏深色等情况，在这些组件内部使用 Loading 时，可以通过 inverse 来控制颜色，使其恰好与页面的亮暗模式相反，请参考示例。
 
 ## 自定义颜色
 

doc/components/mask/guide.md

@@ -14,7 +14,7 @@ Mask 可以通过 `clickable` 属性设置是否可点击穿透，当设置为 `
 
 ## inverse
 
-通常情况下，页面颜色是浅色系颜色，Mask 会使用黑色背景色，当页面使用暗色模式时 Mask 会使用白色背景色。但在一些特殊场景可能会使用恰好相反的背景色，可以通过 inverse 来控制颜色，使其恰好与页面的亮暗色相反，请参考示例。
+通常情况下，页面颜色是浅色系颜色，Mask 会使用黑色背景色，当页面使用暗模式时 Mask 会使用白色背景色。但在一些特殊场景可能会使用恰好相反的背景色，可以通过 inverse 来控制颜色，使其恰好与页面的亮暗模式相反，请参考示例。
 
 Mask 可以通过 `inverse` 属性设置是否反色，当设置为 `true` 时，遮罩背景色为白色。
 

doc/components/popup/guide.md

@@ -41,7 +41,7 @@ BottomSheet 作为底部浮窗，就只能从底部弹出。「浮」体现在
 
 ## 背景色
 
-弹出层的背景色会自动适配亮暗色，当 transparent 为 true 时，弹出层的背景色为透明，可以满足其他不需要背景色的需求。
+弹出层的背景色会自动适配亮暗模式，当 transparent 为 true 时，弹出层的背景色为透明，可以满足其他不需要背景色的需求。
 
 ## 事件
 

doc/guide/theme.md

@@ -4,20 +4,20 @@
 
 ### 配置
 
-使用 Tailwind CSS 的暗色模式配置，请在 `tailwind.config.js` 配置 `darkMode: 'class'`，参考 [Dark Mode](https://tailwindcss.com/docs/dark-mode)。
+使用 Tailwind CSS 的暗模式配置，请在 `tailwind.config.js` 配置 `darkMode: 'class'`，参考 [Dark Mode](https://tailwindcss.com/docs/dark-mode)。
 
 ### 切换
 
 从 0.4.0 版本开始，STDF 将切换亮暗模式的方法置于 STDF 的 NPM 包中，本质上是直接给 `html` 标签添加或删除 `dark` 类名。
 
 ```javascript
-// 引入 darkMode，传入 false 切换为亮色模式，不传参或传入 true 切换为暗色模式。
+// 引入 darkMode，传入 false 切换为亮模式，不传参或传入 true 切换为暗模式。
 import { darkMode } from 'stdf/theme';
 
-// 切换为亮色模式
+// 切换为亮模式
 darkMode(false);
 
-// 切换为暗色模式
+// 切换为暗模式
 darkMode();
 ```