Skip to content

Opacity percentages don't work with oklch() in previews #246

@alex-delia

Description

@alex-delia

Describe the bug
Shadcn themes often use percentages within oklch for certain values such as --border: oklch(1 0 0 / 10%); in the gray theme. When trying to use percentages in Tweakcn it just shows the colours with full opacity in the previews. Though the color is correctly shown in the color picker

To Reproduce
Steps to reproduce the behavior:
Input any oklch color with an opacity value ex. oklch(1 0 0 / 10%); as a color

Expected behavior
Colors to respect opacity in previews

Screenshots
Image

Desktop (please complete the following information):

  • OS: MacOS
  • Browser: Chrome
  • Version: 143.0.7499.41

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions