Catppuccin Mocha with Macchiato Red for WCARPG.
Catppuccin Mocha, Macchiato Red - WCARPG by redskiez
Details
Authorredskiez
LicenseNo License
Categorywarriorcatsarpg.com
Created
Updated
Size4.5 kB
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;
}
}