浏览代码

chore(styles): 添加主题色 rgb 颜色分量 css 变量

wangcong 1 月之前
父节点
当前提交
884b8a4d9f
共有 2 个文件被更改,包括 3 次插入0 次删除
  1. 1 0
      src/styles/antd-vars-tip.scss
  2. 2 0
      src/utils/index.ts

+ 1 - 0
src/styles/antd-vars-tip.scss

@@ -58,6 +58,7 @@
   --antd-color-primary-text-active: #208f99;
 
   // 主色透明梯度
+  --antd-color-primary-rgb: 50, 186, 192;
   --antd-color-primary-opacity-5: rgb(50 186 192 / 5%);
   --antd-color-primary-opacity-10: rgb(50 186 192 / 10%);
   --antd-color-primary-opacity-15: rgb(50 186 192 / 15%);

+ 2 - 0
src/utils/index.ts

@@ -119,6 +119,8 @@ export const getColorGradientCSSVar = (color: string, prefix: string): string[]
   const cssVar: string[] = [];
   const { r, g, b } = rgb;
 
+  cssVar.push(`--${prefix}-rgb:${r}, ${g}, ${b}`);
+
   for (let i = 5; i <= 95; i += 5) {
     cssVar.push(`--${prefix}-opacity-${i}:rgba(${r}, ${g}, ${b}, ${i / 100})`);
   }