That's no moon

moon v1 by @star:starstruck.systems - Raw CSS (or without autoupdate) Version history Edit theme

Last updated at 2026-07-26 23:34:55.290074 +0000 +0000

Description

A very simple theme that uses a beautiful image from NASA's gallery, taking advantage of transparency to display a single image behind the entire application.

Previews

Code

To use this theme, paste this into your custom CSS:

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

Full CSS:

:root {
    --timeline-hover-bg-color: rgba(0,0,0,0.3)
}

.matrix-main {
    /* https://images.nasa.gov/details/iss070e034016 */
    background: rgba(0,0,0,0.4) url("https://images-assets.nasa.gov/image/iss070e034016/iss070e034016~large.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-clip: padding-box;

}

div.space-bar {
    background-color: rgba(0, 0, 0, 0.5);
}

div.room-list-wrapper, div.room-list {
    background-color: rgba(0, 0, 0, 0.6);
}

div.room-view {
    background-color: rgba(0, 0, 0, 0.7);
}

@media screen and (max-width: 720px) {
    div.room-view {
         background: rgba(0,0,0,0.4) url("https://images-assets.nasa.gov/image/iss070e034016/iss070e034016~large.jpg");
        background-repeat: no-repeat;
        background-size: cover;
        background-clip: padding-box;
    }
}