@rxflow/base/cjs/hooks/useThemeVars.js

BaseFlow - 核心 Flow 组件库

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.useThemeVars = void 0;
var _react = require("react");
var _tinycolor = _interopRequireDefault(require("tinycolor2"));
var _useTheme = require("./useTheme");
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
/**
 * @author: yanxianliang
 * @date: 2025-06-22 12:49
 * @desc: 主题变量配置
 *
 * Copyright (c) 2025 by yanxianliang, All Rights Reserved.
 */

const useThemeVars = () => {
  const theme = (0, _useTheme.useTheme)();
  return (0, _react.useMemo)(() => {
    const {
      primaryColor,
      fontSize,
      fontFamily
    } = theme;
    return {
      '--primary-color': primaryColor,
      '--font-size': `${fontSize}px`,
      '--text-color': '#262626',
      '--link-text-color': primaryColor,
      '--font-family': fontFamily,
      '--primary-color-lighten': (0, _tinycolor.default)(primaryColor).setAlpha(0.2).toRgbString()
    };
  }, [theme]);
};
exports.useThemeVars = useThemeVars;