t0ng7u 0727353afa 💄 style(ui): replace inline gradients with reusable pastel blur balls; improve dark mode ...

- Introduce a global CSS utility `with-pastel-balls` in `web/src/index.css`, rendering pastel “blur balls” via ::before with CSS variables (`--pb1..--pb4`, `--pb-opacity`, `--pb-blur`) for easy theming.
- Apply the utility to pricing header cards and skeletons:
  - `web/src/components/table/model-pricing/layout/header/PricingVendorIntro.jsx`
  - `web/src/components/table/model-pricing/layout/header/PricingVendorIntroSkeleton.jsx`
- Remove per-component inline `linear-gradient(...)` backgrounds and redundant absolute-positioned decoration nodes to reduce duplication.
- Dark mode:
  - Keep the same pastel palette (pink/lavender/mint/peach).
  - Increase visibility with `--pb-opacity: 0.36`, `--pb-blur: 65px`, and `mix-blend-mode: screen`.
- No functional logic changes; UI-only. Lint passes.

Affected files:
- web/src/index.css
- web/src/components/table/model-pricing/layout/header/PricingVendorIntro.jsx
- web/src/components/table/model-pricing/layout/header/PricingVendorIntroSkeleton.jsx

2025-08-09 21:40:32 +08:00

..

filter

🏗️ refactor: Replace model categories with vendor-based filtering and optimize data structure

2025-08-04 21:36:31 +08:00

layout

💄 style(ui): replace inline gradients with reusable pastel blur balls; improve dark mode

2025-08-09 21:40:32 +08:00

modal

🔧 refactor(pricing): render “auto” routing chain only when relevant & remove unused prop

2025-08-08 15:11:31 +08:00

view

📱 feat(ui): enhance mobile pagination in PricingCardView

2025-08-09 10:14:35 +08:00