Catppuccin Mocha colors

[ericogilvie]

Here's a snippet based on the Catppuccin colorscheme:

.theme-light.theme-light {
    --bg-hue: 222;
    --bg-sat: 16%;
    --bg-val: 218%

    --color-accent: hsl(220, 91%, 54%);
    --color-accent-hsl: 220 91% 54%;
    --interactive-accent: hsl(197, 97%, 46%);

    --alt-heading-color: hsl(232 34% 50%);
    --secondary-accent: hsl(22, 99%, 52%);
    --hover-accent: hsl(316, 73%, 69%);
    --link-unresolved-color: hsl(101 42% 51%);
}

.theme-dark.theme-dark {
    --bg-hue: 240;
    --bg-sat: 21%;
    --bg-val: 15%; 

    --color-accent: hsl(217, 92%, 76%);
    --color-accent-hsl: 217 92% 76%;
    --interactive-accent: hsl(189, 71%, 73%)

    --alt-heading-color: hsl(232 50% 70%);
    --secondary-accent: hsl(23, 92%, 75%);
    --hover-accent: hsl(316, 72%, 86%);
    --link-unresolved-color: hsl(115, 54%, 76%);
}

/* Note that `--color-accent-hsl` should have the same values as `--color-accent`, and that `--bg-hue` will override the background colors you have set in the Style Settings. */

[chrisgrieser]

I am considering to add some colorschemes to the theme. Would it be okay if I included this as an alternative color scheme in the theme's style settings?

[luisKisters]

Hey, firstly thanks for making this. I really like the mocha colors and the way you implemented it into my favorite theme, shimmering focus. I found a small bug that makes it kind of unusable for me. For some reason selecting text doesn't work with this enabled. Do you have any idea why this is happening?

[luisKisters]

Maybe the reason this is happening is tailwindlabs/tailwindcss#15000. Not sure