Skip to content

Allow custom css properties in tokenColors in theme.js #328

@saltcod

Description

@saltcod

Hey Rodrigo!

Wondering if there's anything we can do to use custom properties in our tokenColours objects of the theme.js file.

The theme file is here:
https://github.com/supabase/supabase/blob/a59e76dd1d5345cda1e2f79f28597bc822e0f39d/apps/docs/codeHikeTheme.js

The issue is that we can use custom properties in colors: {} but not in tokenColors: [{}]

The values in tokenColors get computed to rgb before being output in inline styles. But that doesn't happen with the colors: {} values.

Any ideas?

CleanShot 2023-03-07 at 22 49 09@2x

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions