https://github.com/dotnize/oklch-preview

Preview OKLCH colors for CSS files in Visual Studio Code.
https://github.com/dotnize/oklch-preview

Last synced: about 1 year ago
JSON representation

Preview OKLCH colors for CSS files in Visual Studio Code.

• Host: GitHub
• URL: https://github.com/dotnize/oklch-preview
• Owner: dotnize
• License: mit
• Created: 2025-02-22T07:01:16.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2025-03-21T15:44:54.000Z (over 1 year ago)
• Last Synced: 2025-04-21T06:15:07.859Z (about 1 year ago)
• Language: TypeScript
• Homepage: https://marketplace.visualstudio.com/items?itemName=nize.oklch-preview
• Size: 85.9 KB
• Stars: 4
• Watchers: 1
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE

Awesome Lists containing this project

README

          


  





  

  





  Preview OKLCH colors for CSS files in Visual Studio Code.









## Custom File Patterns

By default, OKLCH Preview works with standard CSS files (css, scss, sass, less, postcss).

You can configure the extension to support additional file patterns, such as CSS-in-JS files:

```json

"oklchPreview.additionalFilePatterns": [

  "**/*.css.ts",

  "**/*.styles.ts",

  "**/*.styled.tsx"

]

```

## Acknowledgements:

- [HSL Preview](https://github.com/13ruceYu/hsl-preview) by 13ruceYu, which inspired this extension.

## License

[MIT](LICENSE)