juxtopposed / realtimecolors

Real-time UI Colorpicking Tool. See your favorite colors of choice for a website in real time.
https://realtimecolors.com
Other
798 stars 31 forks source link

[Bug]: Missing more than 34 properties when export color scheme to SkeletonUI #90

Closed anhtuank7c closed 8 months ago

anhtuank7c commented 11 months ago

Is there an existing issue for this?

Describe the bug

missing the following properties from type 'ThemeProperties': '--theme-font-family-base', '--theme-font-family-heading', '--theme-rounded-base', '--theme-rounded-container', and 34 more.

Reproduction Steps

  1. Generate a new SvelteKit project which included SkeletonUI: npm create skeleton-app@latest my-skeleton-app, choose TypeScript template.
  2. Go to realtimecolor to generate and export
  3. Make a new theme file in .ts and paste the exported content from Skeleton options
  4. import type from the top of theme file: import type { CustomThemeConfig } from '@skeletonlabs/tw-plugin';
  5. Error appear.

Expected behavior

Exported color scheme for Skeleton should satisfied CustomThemeConfig

import type { CustomThemeConfig } from '@skeletonlabs/tw-plugin';

Screenshots

image

Device Info

Additional context

No response

juxtopposed commented 8 months ago

Hi, this should be resolved now. Let me know if it works.