style: color var (#208)

Co-authored-by: lps <peishan@xsky.com>
xsky-fe · Mar 30, 2023 · 6912d17 · 6912d17
1 parent 071aa0c
commit 6912d17
Show file tree

Hide file tree

Showing 32 changed files with 814 additions and 671 deletions.
diff --git a/docs/content/layout/color.mdx b/docs/content/layout/color.mdx
@@ -1,15 +1,15 @@
 ---
 title: Color 颜色
-date: 2019-06-06
+date: 2023-03-29
 ---
 
 ## 产品颜色
 ### 品牌色
-品牌色体现产品特性和传播理念。wizard ui 的品牌色值取自基础色板的紫色， Hex 值是 `6B58C4`。
+品牌色体现产品特性和传播理念。wizard ui 的品牌色值取自基础色板的紫色， Hex 值是 `8264FA`。
 ```
-<div className="pane-li" style={{ backgroundColor: '#6b58c4' }}>
+<div className="pane-li" style={{ backgroundColor: '#8264FA' }}>
   <div>我是品牌色</div>
-  <div>#6b58c4</div>
+  <div>#8264FA</div>
 </div>
 ```
 
@@ -18,29 +18,29 @@ date: 2019-06-06
 - 功能色的选取需要遵循用户对色彩几基本认知。自定义色彩尽量不要跟用户的认知体验冲突。
 ```
 <div className="pane">
-  <div style={{ backgroundColor: '#6b58c4' }}>
+  <div style={{ backgroundColor: '#8264FA' }}>
     <div>默认 primary</div>
-    <div>#6b58c4</div>
+    <div>#8264FA</div>
   </div>
-  <div style={{ backgroundColor: '#30b65f' }}>
+  <div style={{ backgroundColor: '#39BF66' }}>
     <div>成功 success</div>
-    <div>#30b65f</div>
+    <div>#39BF66</div>
   </div>
-  <div style={{ backgroundColor: '#ffb71c' }}>
+  <div style={{ backgroundColor: '#FFBB33' }}>
     <div>警告 warning</div>
-    <div>#ffb71c</div>
+    <div>#FFBB33</div>
   </div>
-  <div style={{ backgroundColor: '#f24542' }}>
+  <div style={{ backgroundColor: '#BF263B' }}>
     <div>危险 danger</div>
-    <div>#f24542</div>
+    <div>#BF263B</div>
   </div>
-  <div style={{ backgroundColor: '#f07574' }}>
+  <div style={{ backgroundColor: '#FF4D4D' }}>
     <div>失败 error</div>
-    <div>#f07574</div>
+    <div>#FF4D4D</div>
   </div>
-  <div style={{ backgroundColor: '#448aff' }}>
+  <div style={{ backgroundColor: '#4D97FF' }}>
     <div>提醒 info</div>
-    <div>#448aff</div>
+    <div>#4D97FF</div>
   </div>
 </div>
 ```

diff --git a/docs/package.json b/docs/package.json
@@ -56,7 +56,7 @@
   "license": "MIT",
   "scripts": {
     "build": "gatsby build --prefix-paths",
-    "develop": "gatsby develop",
+    "develop": "gatsby develop --host=0.0.0.0",
     "format": "prettier --write src/**/*.{js,jsx}",
     "start": "npm run develop",
     "deploy": "rm -rf public && gatsby build --prefix-paths && yarn docs",