Opacity percentages don't work with oklch() in previews
Author: alex-deliaCreated Dec 13, 2025Updated Dec 13, 2025
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
Desktop (please complete the following information):
- OS: MacOS
- Browser: Chrome
- Version: 143.0.7499.41
Source: jnsahaj/tweakcn