Catppuccin Mocha with Macchiato Red for WCARPG.
Catppuccin Mocha, Macchiato Red - WCARPG by redskiez

Details
Authorredskiez
LicenseNo License
Categorywarriorcatsarpg.com
Created
Updated
Code size4.5 kB
Code checksum768657ea
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Catppuccin Mocha color palette courtesy of Catppuccin: https://github.com/catppuccin
Instead of Mocha Red, this skin uses Macchiato flavor's Red.
Source code
/* ==UserStyle==
@name Catppuccin Mocha
@version 20240327.1.17
@namespace https://userstyles.world/user/redskiez
@description Catppuccin Mocha with Macchiato Red for WCARPG.
@author redskiez
@license No License
==/UserStyle== */
@-moz-document url-prefix("http://warriorcatsarpg.com"), url-prefix("https://warriorcatsarpg.com"), url-prefix("warriorcatsarpg.com") {
body {
--post-text-color: #cdd6f4;
--accent-color: #e78284;
--accent-color-2: #e78284;
--mg-color: #313244;
--claims-color: #11111b;
--light-text-color: #1e1e2e;
--light-bg-color: #181825;
--forum-title-color: #e78284;
--board-title-color: #e78284;
--board-info-color: #bac2de;
--board-info-user-color: #e78284;
--forum-outline-color: #313244;
--maintitle-color: #212121;
--forum-boxshadow: #11111b;
--header-tab: #45475a;
--board-div-lighter-color: #181825;
--board-div-lighter-color-no: #313244;
--maintitle-color2: #585b70;
--maintitle-text-color: #bac2de;
--maintitle-misc-color: #a6adc8;
--header: #313244;
--header-text: #bac2de;
--container: #1b1919;
--container-text: #a5adce;
--container-bold: #e78284;
--summary-header: #e78284;
--summary-header-text: #cdd6f4;
--misc: #181825;
background-color: #1e1e2e;
}
#header-image {
background-image: url("https://i.imgur.com/WuZLWxa.png") !important;
background-position: center;
background-size: 105%;
background-color: #1e1e2e;
}
#background-wrapper {
background-image: none !important;
}
#alerts-indicator {
color: var(----accent-color-2) !important;
}
.category-forums {
background: none;
}
div.tr-box {
color: var(--post-text-color);
}
.mini-block {
background: var(--accent-color-2);
}
#header-block hr {
background-color: var(--light-text-color);
}
#searchbar .search-input {
color: var(--light-text-color);
}
.headeric, .headerooc {
scrollbar-color: var(--accent-color) var(--light-text-color);
}
.headeric b, .headerooc b {
background-color: var(--accent-color);
color: var(--light-text-color);
}
.headeric-2 .missions, .headeric-2 .gathering {
color: var(--light-text-color);
}
.macro-large {
color: var(--light-text-color);
}
div.code-scroll {
color: var(--post-text-color)
}
.pagination a:link, .pagination a:visited, .pagination a:active {
background-color: var(--accent-color-2);
color: var(--light-text-color);
}
.stats-online-today-list {
background: var(--forum-boxshadow);
}
.stats-online-list {
background: #181825;
}
#top-bar,
#navstrip {
background-color: #181825;
}
#top-bar a:link {
color: #e78284;
}
#top-bar a:visited {
color: #e78284;
}
#credits .maintitle,
.tableborder,
.copyright,
.credits-description {
color: #a6adc8;
}
#credits .maintitle {
background-color: var(--claims-color);
}
#credits a {
color: #e78284;
}
.post-mini-profile {
background: #181825;
border-color: #11111b;
}
.post-no-gos {
background: #313244;
color: var(--post-text-color);
border-color: #11111b;
}
.maintitle,
.profile-maintitle,
.profile-custom-content {
background-color: #11111b;
border-color: #313244;
}
.textinput,
.light_code,
.light-code {
background-color: #0003;
color: #9399b2;
}
.light_code,
.light-code {
border: none;
}
#CODE {
background-color: #313244;
}
input[type=submit],
input[type=button],
input[type=reset],
#bbcode-buttons a,
.quick-edit .buttons a {
color: #cdd6f4;
}
.forminput,
.codebuttons,
.textinput,
.radiobutton,
.checkbox {
color: #cdd6f4;
}
.tablefill {
background-color: #45475a;
}
.row1 {
background: var(--board-div-lighter-color);
}
#ucpcontent .forminput {
background-color: #000000ad;
}
#ucpcontent .tableborder {
background: #00000036;
box-shadow: none;
}
.dlight a {
color: #00000094;
}
input[type=submit],
input[type=button],
input[type=reset],
#bbcode-buttons a,
.quick-edit .buttons a,
.bio2_content {
color: var(--post-text-color);
}
.tm-wrapper-header {
background-color: var(--accent-color);
}
.blessing-wrapper,
.tasks-wrapper,
.misson-wrapper {
color: var(--accent-color-2);
}
.mini-member-group {
box-shadow: none;
}
.profile-footer {
background-color: var(--light-bg-color);
border-color: var(--forum-boxshadow);
}
.mtablinks {
background-color: var(--header-tab);
}
#navi {
background: var(--board-div-lighter-color);
}
.spoiler, .tableborder.spoiler {
background-color: var(--maintitle-color2) !important;
color: var(--light-text-color) !important;
}
.spoiler a {
color: var(--board-title-color) !important;
}
}