Simple Re-Theming of Stand.gg to Use Softer Colors and a New Font.
Stand Catppuccin Mocha by xm4ddy
Details
Authorxm4ddy
LicenseNo License
Categorystand.sh
Created
Updated
Size2.2 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Userstyle doesn't have notes.Source code
/* ==UserStyle==
@name Stand Catppuccin Mocha
@version 0.2
@namespace ?
==/UserStyle== */
@-moz-document domain("stand.sh") {
@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;
}
}