@layer theme { :root, :host { --ui-color-primary-50: var(--color-primary-50, ); --ui-color-primary-100: var(--color-primary-100, ); --ui-color-primary-200: var(--color-primary-200, ); --ui-color-primary-300: var(--color-primary-300, ); --ui-color-primary-400: var(--color-primary-400, ); --ui-color-primary-500: var(--color-primary-500, ); --ui-color-primary-600: var(--color-primary-600, ); --ui-color-primary-700: var(--color-primary-700, ); --ui-color-primary-800: var(--color-primary-800, ); --ui-color-primary-900: var(--color-primary-900, ); --ui-color-primary-950: var(--color-primary-950, ); --ui-color-secondary-50: var(--color-accent-50, ); --ui-color-secondary-100: var(--color-accent-100, ); --ui-color-secondary-200: var(--color-accent-200, ); --ui-color-secondary-300: var(--color-accent-300, ); --ui-color-secondary-400: var(--color-accent-400, ); --ui-color-secondary-500: var(--color-accent-500, ); --ui-color-secondary-600: var(--color-accent-600, ); --ui-color-secondary-700: var(--color-accent-700, ); --ui-color-secondary-800: var(--color-accent-800, ); --ui-color-secondary-900: var(--color-accent-900, ); --ui-color-secondary-950: var(--color-accent-950, ); --ui-color-success-50: var(--color-success-50, ); --ui-color-success-100: var(--color-success-100, ); --ui-color-success-200: var(--color-success-200, ); --ui-color-success-300: var(--color-success-300, ); --ui-color-success-400: var(--color-success-400, ); --ui-color-success-500: var(--color-success-500, ); --ui-color-success-600: var(--color-success-600, ); --ui-color-success-700: var(--color-success-700, ); --ui-color-success-800: var(--color-success-800, ); --ui-color-success-900: var(--color-success-900, ); --ui-color-success-950: var(--color-success-950, ); --ui-color-info-50: var(--color-info-50, ); --ui-color-info-100: var(--color-info-100, ); --ui-color-info-200: var(--color-info-200, ); --ui-color-info-300: var(--color-info-300, ); --ui-color-info-400: var(--color-info-400, ); --ui-color-info-500: var(--color-info-500, ); --ui-color-info-600: var(--color-info-600, ); --ui-color-info-700: var(--color-info-700, ); --ui-color-info-800: var(--color-info-800, ); --ui-color-info-900: var(--color-info-900, ); --ui-color-info-950: var(--color-info-950, ); --ui-color-warning-50: var(--color-warning-50, ); --ui-color-warning-100: var(--color-warning-100, ); --ui-color-warning-200: var(--color-warning-200, ); --ui-color-warning-300: var(--color-warning-300, ); --ui-color-warning-400: var(--color-warning-400, ); --ui-color-warning-500: var(--color-warning-500, ); --ui-color-warning-600: var(--color-warning-600, ); --ui-color-warning-700: var(--color-warning-700, ); --ui-color-warning-800: var(--color-warning-800, ); --ui-color-warning-900: var(--color-warning-900, ); --ui-color-warning-950: var(--color-warning-950, ); --ui-color-error-50: var(--color-error-50, ); --ui-color-error-100: var(--color-error-100, ); --ui-color-error-200: var(--color-error-200, ); --ui-color-error-300: var(--color-error-300, ); --ui-color-error-400: var(--color-error-400, ); --ui-color-error-500: var(--color-error-500, ); --ui-color-error-600: var(--color-error-600, ); --ui-color-error-700: var(--color-error-700, ); --ui-color-error-800: var(--color-error-800, ); --ui-color-error-900: var(--color-error-900, ); --ui-color-error-950: var(--color-error-950, ); --ui-color-neutral-50: var(--color-old-neutral-50, oklch(98.5% 0 0)); --ui-color-neutral-100: var(--color-old-neutral-100, oklch(97% 0 0)); --ui-color-neutral-200: var(--color-old-neutral-200, oklch(92.2% 0 0)); --ui-color-neutral-300: var(--color-old-neutral-300, oklch(87% 0 0)); --ui-color-neutral-400: var(--color-old-neutral-400, oklch(70.8% 0 0)); --ui-color-neutral-500: var(--color-old-neutral-500, oklch(55.6% 0 0)); --ui-color-neutral-600: var(--color-old-neutral-600, oklch(43.9% 0 0)); --ui-color-neutral-700: var(--color-old-neutral-700, oklch(37.1% 0 0)); --ui-color-neutral-800: var(--color-old-neutral-800, oklch(26.9% 0 0)); --ui-color-neutral-900: var(--color-old-neutral-900, oklch(20.5% 0 0)); --ui-color-neutral-950: var(--color-old-neutral-950, oklch(14.5% 0 0)); } :root, :host, .light { --ui-primary: var(--ui-color-primary-500); --ui-secondary: var(--ui-color-secondary-500); --ui-success: var(--ui-color-success-500); --ui-info: var(--ui-color-info-500); --ui-warning: var(--ui-color-warning-500); --ui-error: var(--ui-color-error-500); } .dark { --ui-primary: var(--ui-color-primary-400); --ui-secondary: var(--ui-color-secondary-400); --ui-success: var(--ui-color-success-400); --ui-info: var(--ui-color-info-400); --ui-warning: var(--ui-color-warning-400); --ui-error: var(--ui-color-error-400); } } Home - Australia · Creation.com @font-face { font-family: "Inter fallback"; src: local("BlinkMacSystemFont"); size-adjust: 114.5902%; ascent-override: 84.5404%; descent-override: 21.0731%; line-gap-override: 0%; } @font-face { font-family: "Inter fallback"; src: local("Segoe UI"); size-adjust: 107.6492%; ascent-overrid
FACT BOX ・ 要点整理
- 出典:PR Times
- 分類:ニュース
- 関連組織:Creation.com
- 製品・サービス:ウェブサイト