fix: 调整暗夜模式字体颜色

antvis · Nov 17, 2023 · 6b294a4 · 6b294a4
1 parent 2e27ab7
commit 6b294a4
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/src/components/map-control-group/official-layer-control/index.tsx b/src/components/map-control-group/official-layer-control/index.tsx
@@ -216,7 +216,7 @@ export function OfficialLayerControl() {
                     alt=""
                     className={styles.amapInfoItemImage}
                   />
-                  <div style={{ marginTop: 0 }}>{item.title}</div>
+                  <div className={styles.amapInfoItemTitle} style={{ marginTop: 0 }}>{item.title}</div>
                 </div>
               );
             })}

diff --git a/src/components/map-control-group/official-layer-control/styles.ts b/src/components/map-control-group/official-layer-control/styles.ts
@@ -4,7 +4,7 @@ import { theme } from 'antd';
 const useStyle = () => {
   const { useToken } = theme;
   const { token } = useToken();
-  const { colorBgElevated, colorBgContainer } = token;
+  const { colorBgElevated, colorBgContainer, colorText } = token;
   return {
     mapTab: css`
       background-color: ${colorBgElevated};
@@ -64,6 +64,9 @@ const useStyle = () => {
         }
       }
     `,
+    amapInfoItemTitle: css`
+      color: ${colorText};
+    `,
     itemBorder: css`
       border: 2px solid ${colorBgContainer};
     `,
-Original file line number
+Diff line change
@@ Expand Up / @@ -216,7 +216,7 @@ export function OfficialLayerControl() { @@
                         alt=""
                         className={styles.amapInfoItemImage}
                       />
-                      <div style={{ marginTop: 0 }}>{item.title}</div>
+                      <div className={styles.amapInfoItemTitle} style={{ marginTop: 0 }}>{item.title}</div>
                     </div>
                   );
                 })}
@@ Expand Down @@