A clean, dark WCARPG theme that celebrates the lights of Downtown Tokyo at night.
Tokyo Night for WCAPRG by redskiez

Details
Authorredskiez
LicenseNo License
Categorywarriorcatsarpg.com
Created
Updated
Code size4.8 kB
Code checksum5d7028b0
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
V.S. Code Tokyo Night theme courtesy of Enika: https://github.com/enkia/tokyo-night-vscode-theme?tab=readme-ov-file
Timelapse Photography courtesy of Pawel Nolbert @ Unsplash: https://unsplash.com/photos/timelapse-photography-of-vehicles-and-buildings-4u2U8EO9OzY
Source code
/* ==UserStyle==
@name Tokyo Night
@version 20240430.0502
@namespace https://userstyles.world/user/redskiez
@description Tokyo Night 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: #a9b1d6;
--accent-color: #565f89;
--accent-color-2: #565f89;
--mg-color: #24283b;
--claims-color: #0f0f14;
--light-text-color: #1e1e2e;
--light-bg-color: #1a1b26;
--forum-title-color: #565f89;
--board-title-color: #565f89;
--board-info-color: #9aa5ce;
--board-info-user-color: #565f89;
--forum-outline-color: #24283b;
--maintitle-color: #24283b;
--forum-boxshadow: #0f0f14;
--header-tab: #45475a;
--board-div-lighter-color: #1a1b26;
--board-div-lighter-color-no: #24283b;
--maintitle-color2: #585b70;
--maintitle-text-color: #9aa5ce;
--maintitle-misc-color: #a6adc8;
--header: #313244;
--header-text: #9aa5ce;
--container: #1b1919;
--container-text: #a5adce;
--container-bold: #565f89;
--summary-header: #565f89;
--summary-header-text: #a9b1d6;
--misc: #1a1b26;
background-color: #0f0f14;
}
#header-image {
background-image: url("https://images.unsplash.com/photo-1498036882173-b41c28a8ba34?q=80&w=1964&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D") !important;
background-blend-mode: soft-light;
background-position: center;
background-size: 105%;
background-color: #1a1b26;
}
#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: #1a1b26;
}
#top-bar,
#navstrip {
background-color: #1a1b26;
}
#top-bar a:link {
color: #565f89;
}
#top-bar a:visited {
color: #565f89;
}
#credits .maintitle,
.tableborder,
.copyright,
.credits-description {
color: #a6adc8;
}
#credits .maintitle {
background-color: var(--claims-color);
}
#credits a {
color: #565f89;
}
.post-mini-profile {
background: #0f0f14;
border-color: #1a1b26;
}
.post-no-gos {
background: #24283b;
color: var(--post-text-color);
border-color: #0f0f14;
}
.maintitle,
.profile-maintitle,
.profile-custom-content {
background-color: #161720;
border-color: #24283b;
}
.textinput,
.light_code,
.light-code {
background-color: #0003;
color: #9399b2;
}
.light_code,
.light-code {
border: none;
}
#CODE {
background-color: #24283b;
}
input[type=submit],
input[type=button],
input[type=reset],
#bbcode-buttons a,
.quick-edit .buttons a {
color: #a9b1d6;
}
.forminput,
.codebuttons,
.textinput,
.radiobutton,
.checkbox {
color: #a9b1d6;
}
.tablefill {
background-color: #5c5d6d;
}
.row1 {
background: var(--board-div-lighter-color-no);
}
#ucpcontent .forminput {
background-color: #00000057;
}
#ucpcontent .tableborder {
background: #0000;
box-shadow: none;
}
.dlight a {
color: #a9b1d6;
}
#ucpcontent .dlight td {
border-bottom: 1px solid var(--forum-outline-color);
padding: 10px 0;
background-color: transparent;
}
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-info-color) !important;
}
}