luulam/AFFiNE
1
0
Fork 0
Code Issues Pull Requests Actions 2 Packages Projects Releases Wiki Activity

fix(core): incorrect animated icon color & sizes (#11276)

Browse Source
This commit is contained in:
pengx17
2025-03-29 11:56:43 +00:00
parent dffb89c388
commit a94bef6738
2 changed files with 7 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
packages/frontend/component/src/ui/audio-player/audio-player.css.ts
View File

@@ -83,7 +83,7 @@ export const controlButton = style({
justifyContent: 'center', justifyContent: 'center',
borderRadius: '50%', borderRadius: '50%',
backgroundColor: cssVarV2('layer/background/secondary'), backgroundColor: cssVarV2('layer/background/secondary'),
color: cssVarV2('text/primary'), color: cssVarV2('icon/primary'),
}); });
export const controls = style({ export const controls = style({

8
packages/frontend/component/src/ui/lottie/styles.css.ts
View File

@@ -2,6 +2,10 @@ import { cssVarV2 } from '@toeverything/theme/v2';
import { globalStyle, style } from '@vanilla-extract/css'; import { globalStyle, style } from '@vanilla-extract/css';
export const root = style({ export const root = style({
display: 'inline-flex', display: 'inline-flex',
height: '1em',
width: '1em',
alignItems: 'center',
justifyContent: 'center',
}); });
// replace primary colors to cssVarV2('icon/primary') // replace primary colors to cssVarV2('icon/primary')
@@ -28,14 +32,14 @@ const backgroundSecondaryColors = [
globalStyle( globalStyle(
`${root} :is(${iconPrimaryColors.map(color => `path[fill="${color}"]`).join(',')})`, `${root} :is(${iconPrimaryColors.map(color => `path[fill="${color}"]`).join(',')})`,
{ {
fill: cssVarV2('icon/primary'), fill: 'currentColor',
} }
); );
globalStyle( globalStyle(
`${root} :is(${iconPrimaryColors.map(color => `path[stroke="${color}"]`).join(',')})`, `${root} :is(${iconPrimaryColors.map(color => `path[stroke="${color}"]`).join(',')})`,
{ {
stroke: cssVarV2('icon/primary'), stroke: 'currentColor',
} }
); );