Skip to content

Stand Catppuccin Mocha by xm4ddy

Screenshot of Stand Catppuccin Mocha

Details

Authorxm4ddy

LicenseNo License

Categorystand.gg

Created

Updated

Size2.2 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Simple Re-Theming of Stand.gg to Use Softer Colors and a New Font.

Notes

Userstyle doesn't have notes.

Source code

/* ==UserStyle==
@name         Stand Catppuccin Mocha
@version      0.2
@namespace    ?
==/UserStyle== */

@-moz-document domain("stand.gg") {
@import url(https://cdn.jsdelivr.net/npm/firacode@6.2.0/distr/fira_code.css);

@supports (font-variation-settings: normal) {
    code {
        font-family: 'Fira Code VF', monospace;
    }
}

:root {
    --cursor-color: #F5E0DC;
    --selection-bg: #585B70;
    --bg: #1E1E2E;
    --bg-medium: #181825;
    --bg-dark: #11111b;
    --fg: #CDD6F4;
    --black: #45475A;
    --red: #F38BA8;
    --green: #A6E3A1;
    --yellow: #F9E2AF;
    --blue: #89B4FA;
    --purple: #F5C2E7;
    --cyan: #94E2D5;
    --white: #BAC2DE;
    --bright-black: #585B70;
    --bright-white: #A6ADC8;
}

body {
    color: var(--fg) !important;
}

.navbar-nav:nth-child(1) a:before {
    margin-right: -100px;
    transform: scale(0.2);
    content: image-set("https://i.imgur.com/UC62Kxt.png");
}

code {
    font-family: 'Fira Code', monospace !important;
    font-size: 0.9em !important;
}

.dark-mode {
    background-color: var(--bg) !important;
    color: var(--fg) !important;
}

.navbar a,
.text-warning,
.card-title {
    color: var(--fg) !important;
}

.language-pluto,
.navbar,
.card {
    background-color: var(--bg-dark) !important;
    color: var(--fg) !important;
}

.collapse-header,
.btn,
kbd,
input,
.input-group-text {
    background-color: var(--bg-medium) !important;
    color: var(--fg) !important;
    border-color: var(--blue) !important;
}

.language-pluto > code,
.punctuation {
    color: var(--fg) !important;
}

.text-success {
    color: var(--green) !important;
}

.keyword,
.text-danger,
.operator {
    color: var(--red) !important;
}

.text {
    color: var(--cyan) !important;
}

.string {
    color: var(--yellow) !important;
}

.boolean,
.number {
    color: var(--purple) !important;
}

.comment,
.font-size-18.text-muted {
    color: var(--bright-black) !important;
}

a,
.text-primary,
.function {
    color: var(--blue) !important;
}

::selection {
    background-color: var(--selection-bg) !important;
}

}

Reviews

No reviews yet.