flyonui/utilities/colors/object.js

The easiest, free and open-source Tailwind CSS component library with semantic classes.

export default {".text-bg-primary":{"background-color":"var(--color-primary)","color":"var(--color-primary-content)"},".text-bg-secondary":{"background-color":"var(--color-secondary)","color":"var(--color-secondary-content)"},".text-bg-accent":{"background-color":"var(--color-accent)","color":"var(--color-accent-content)"},".text-bg-neutral":{"background-color":"var(--color-neutral)","color":"var(--color-neutral-content)"},".text-bg-info":{"background-color":"var(--color-info)","color":"var(--color-info-content)"},".text-bg-success":{"background-color":"var(--color-success)","color":"var(--color-success-content)"},".text-bg-warning":{"background-color":"var(--color-warning)","color":"var(--color-warning-content)"},".text-bg-error":{"background-color":"var(--color-error)","color":"var(--color-error-content)"},".text-bg-soft-primary":{"color":"var(--color-primary)","background-color":"color-mix(in oklab, var(--color-primary) 10%, var(--color-base-100))"},".text-bg-soft-secondary":{"color":"var(--color-secondary)","background-color":"color-mix(in oklab, var(--color-secondary) 10%, var(--color-base-100))"},".text-bg-soft-accent":{"color":"var(--color-accent)","background-color":"color-mix(in oklab, var(--color-accent) 10%, var(--color-base-100))"},".text-bg-soft-neutral":{"color":"var(--color-neutral)","background-color":"color-mix(in oklab, var(--color-neutral) 10%, var(--color-base-100))"},".text-bg-soft-info":{"color":"var(--color-info)","background-color":"color-mix(in oklab, var(--color-info) 10%, var(--color-base-100))"},".text-bg-soft-success":{"color":"var(--color-success)","background-color":"color-mix(in oklab, var(--color-success) 10%, var(--color-base-100))"},".text-bg-soft-warning":{"color":"var(--color-warning)","background-color":"color-mix(in oklab, var(--color-warning) 10%, var(--color-base-100))"},".text-bg-soft-error":{"color":"var(--color-error)","background-color":"color-mix(in oklab, var(--color-error) 10%, var(--color-base-100))"},".text-border-primary":{"border-style":"var(--tw-border-style)","border-width":"1px","border-color":"var(--color-primary)","background-color":"var(--color-base-100)","color":"var(--color-primary)"},".text-border-secondary":{"border-style":"var(--tw-border-style)","border-width":"1px","border-color":"var(--color-secondary)","background-color":"var(--color-base-100)","color":"var(--color-secondary)"},".text-border-accent":{"border-style":"var(--tw-border-style)","border-width":"1px","border-color":"var(--color-accent)","background-color":"var(--color-base-100)","color":"var(--color-accent)"},".text-border-neutral":{"border-style":"var(--tw-border-style)","border-width":"1px","border-color":"var(--color-neutral)","background-color":"var(--color-base-100)","color":"var(--color-neutral)"},".text-border-info":{"border-style":"var(--tw-border-style)","border-width":"1px","border-color":"var(--color-info)","background-color":"var(--color-base-100)","color":"var(--color-info)"},".text-border-success":{"border-style":"var(--tw-border-style)","border-width":"1px","border-color":"var(--color-success)","background-color":"var(--color-base-100)","color":"var(--color-success)"},".text-border-warning":{"border-style":"var(--tw-border-style)","border-width":"1px","border-color":"var(--color-warning)","background-color":"var(--color-base-100)","color":"var(--color-warning)"},".text-border-error":{"border-style":"var(--tw-border-style)","border-width":"1px","border-color":"var(--color-error)","background-color":"var(--color-base-100)","color":"var(--color-error)"},".gradient-bg":{"--darker-shade":"color-mix(in oklab, var(--gradient-color, var(--color-neutral)) 80%, black)","background-image":"linear-gradient( var(--gradient-angle, 135deg), var(--gradient-color, var(--color-neutral)) 0%, var(--darker-shade) 100% )"},".gradient-bg-primary":{"--gradient-color":"var(--color-primary)"},".gradient-bg-secondary":{"--gradient-color":"var(--color-secondary)"},".gradient-bg-accent":{"--gradient-color":"var(--color-accent)"},".gradient-bg-info":{"--gradient-color":"var(--color-info)"},".gradient-bg-success":{"--gradient-color":"var(--color-success)"},".gradient-bg-warning":{"--gradient-color":"var(--color-warning)"},".gradient-bg-error":{"--gradient-color":"var(--color-error)"}};