refactor(Company): 迁移毛玻璃效果到统一配置

- theme.ts: 使用 GLASS_BLUR.lg/md 替代硬编码的 blur 值
- DarkGoldCard.tsx: 使用 GLASS_BLUR.md 替代 blur(12px)

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
zdl
2025-12-26 11:31:33 +08:00
parent 1754ec7440
commit 632b8794fe
2 changed files with 9 additions and 6 deletions

View File

@@ -2,6 +2,7 @@
import React from 'react';
import { Box, BoxProps } from '@chakra-ui/react';
import { darkGoldTheme } from '../../../constants';
import { GLASS_BLUR } from '@/constants/glassConfig';
interface DarkGoldCardProps extends BoxProps {
children: React.ReactNode;
@@ -30,7 +31,7 @@ const DarkGoldCard: React.FC<DarkGoldCardProps> = ({
<Box
position="relative"
bg="linear-gradient(145deg, rgba(26, 26, 46, 0.9) 0%, rgba(15, 15, 26, 0.95) 100%)"
backdropFilter="blur(12px)"
backdropFilter={GLASS_BLUR.md}
borderRadius="12px"
border="1px solid"
borderColor="rgba(212, 175, 55, 0.2)"

View File

@@ -8,6 +8,8 @@
* - 深空漂浮的数据终端
*/
import { GLASS_BLUR } from '@/constants/glassConfig';
// ============================================
// 深空 FUI 主题系统
// ============================================
@@ -21,9 +23,9 @@ export const DEEP_SPACE_THEME = {
// 内嵌区块背景
bgInset: 'rgba(10, 12, 25, 0.5)',
// === Glassmorphism 效果 ===
blur: '24px',
blurLight: '12px',
// === Glassmorphism 效果(使用统一配置)===
blur: GLASS_BLUR.lg,
blurLight: GLASS_BLUR.md,
// === 边框系统 ===
// 主边框(发光金边)
@@ -102,7 +104,7 @@ export const glassCardStyle = {
// 主容器玻璃效果
container: {
bg: DEEP_SPACE_THEME.bgGlass,
backdropFilter: `blur(${DEEP_SPACE_THEME.blur})`,
backdropFilter: DEEP_SPACE_THEME.blur,
borderRadius: DEEP_SPACE_THEME.radiusXL,
border: `1px solid ${DEEP_SPACE_THEME.borderGlass}`,
boxShadow: `${DEEP_SPACE_THEME.floatShadow}, ${DEEP_SPACE_THEME.innerGlow}`,
@@ -120,7 +122,7 @@ export const glassCardStyle = {
// 金色高亮边框版本
containerGold: {
bg: DEEP_SPACE_THEME.bgGlass,
backdropFilter: `blur(${DEEP_SPACE_THEME.blur})`,
backdropFilter: DEEP_SPACE_THEME.blur,
borderRadius: DEEP_SPACE_THEME.radiusXL,
border: `1px solid ${DEEP_SPACE_THEME.borderGold}`,
boxShadow: `${DEEP_SPACE_THEME.glowGold}, ${DEEP_SPACE_THEME.floatShadow}, ${DEEP_SPACE_THEME.innerGlow}`,