Yet another Catppuccin Mocha theme

yacm v3 by @star:nexy7574.co.uk , @star:starstruck.systems - Raw CSS (or without autoupdate) Version history Edit theme

Last updated 2026-03-07 at 12:47:54 UTC

0 likes

Description

Yet another catppuccin mocha theme that stays true to the original design of Gomuks, merely making colour changes, rather than any sort of layout.

Previews

Code

To use this theme, paste the following import at the top of your custom CSS.

Optionally, you can replace https://css.gomuks.app with _gomuks to proxy the request through the gomuks backend with caching. When using a specific commit, the backend caches the CSS forever and will never re-request from upstream.

@import url("https://css.gomuks.app/theme/yacm.css");

Full CSS

@media (prefers-color-scheme: dark) {
    :root {
        color-scheme: dark;
        --background-color: #24273a;
        --text-color: #cad3f5;
        --secondary-text-color: #a5adcb;

        --primary-color: #b7bdf8;
        --error-color: #ed8796;

        --timeline-hover-bg-color: #1e2030;
        --room-list-background: #0E0D12;
        --room-list-entity-hover-color: #494d64;
        --composer-background-color: #181926;

        --sender-color-0: #c6a0f6;
        --sender-color-1: #ee99a0;
        --sender-color-2: #f5a97f;
        --sender-color-3: #a6da95;
        --sender-color-4: #8bd5ca;
        --sender-color-5: #91d7e3;
        --sender-color-6: #7dc4e4;
        --sender-color-7: #b7bdf8;
        --sender-color-8: #8aadf4;
        --sender-color-9: #c6a0f6;
    }
}

div.space-bar { background-color: inherit }

Comments

No comments yet.