CommunityRule/community-rule
2
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

Paint hero decoration as a solid darker-accent fill.

Browse Source 
Figma uses a normal fill, not opacity, stacked paths, or multiply grain.

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
adilallo
2026-08-18 19:09:35 -06:00
co-authored by Cursor
parent c0342a3b2d
commit 9769bcc76d
3 changed files with 8 additions and 69 deletions
Download Patch File Download Diff File Expand all files Collapse all files
lib/svgGrainFilter.ts
+1 -1
View File
@@ -1,3 +1,3 @@
/** feTurbulence grain masked to alpha and multiply-blended — matches HeroDecor. */
/** feTurbulence grain masked to alpha and multiply-blended. */
export const SVG_GRAIN_MULTIPLY_FILTER =
'url(\'data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><defs><filter id="grain" filterUnits="objectBoundingBox" x="0" y="0" width="1" height="1" colorInterpolationFilters="sRGB"><feTurbulence type="fractalNoise" baseFrequency="0.4" numOctaves="3" seed="7" stitchTiles="stitch" result="noise"/><feColorMatrix in="noise" result="softNoise" type="matrix" values="0.8 0 0 0 0.3 0 0.6 0 0 0.2 0 0 1.0 0 0.4 0 0 0 0.25 0"/><feComposite in="softNoise" in2="SourceAlpha" operator="in" result="maskedNoise"/><feBlend in="SourceGraphic" in2="maskedNoise" mode="multiply"/></filter></defs></svg>#grain\')';