a basic recolor + minor spacing change to fanfiction.net using the catppuccin mocha color palette
fanfiction.net catppuccin-mocha by sininen-blue
Details
Authorsininen-blue
LicenseNo License
Categoryfanfiction.net
Created
Updated
Size2.9 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
not fully complete, with many parts of fanfiction.net that I don't use not being styled
Source code
/* ==UserStyle==
@name fanfiction.net catppuccin-mocha
@version 20230410.04.31
@namespace userstyles.world/user/sininen-blue
@description a basic recolor + minor spacing change to fanfiction.net using the catppuccin mocha color palette
@author sininen-blue
@license No License
==/UserStyle== */
@-moz-document domain("fanfiction.net") {
body {
background-color: #181825 !important;
color: #cdd6f4;
}
a, a:link, a:active, a:visited {
color: #f5e0dc;
}
/* top */
#top {
background-color: #89b4fa !important;
}
.menulink, .menulink a,.menulink a:visited, .menulink a:active, .menulink a:hover {
color: #1e1e2e;
}
#name_login a {
color: #1e1e2e !important;
}
/* zmenu */
.zmenu {
background-color: #1e1e2e !important;
border-bottom: none;
}
.zui a {
color: #cdd6f4;
}
.caret {
border-top: 4px solid #cdd6f4;
}
.dropdown-menu {
background-color: #313244;
}
.dropdown-menu .disabled a, .dropdown-menu .disabled a:hover, .dropdown-menu .disabled a:focus {
color: #89b4fa;
}
.dropdown-menu li a {
color: #cdd6f4;
}
input, textarea {
background-color: #313244 !important;
color: #a6adc8 !important;
border: none !important;
border-left: 1px solid #585b70 !important;
}
/* content */
#content_wrapper {
background-color: #181825 !important;
margin-top: 8px;
}
#content_wrapper_inner {
background-color: #1e1e2e !important;
border: none;
}
.table-bordered {
border: none !important;
/*border: 2px solid #89b4fa !important;*/
}
.tcat {
background-color: #313244 !important;
color: #cdd6f4 !important;
border: none !important;
}
/* communities board */
.xicon-section-arrow {
color: #89b4fa;
}
hr {
background: #89b4fa;
}
.lc {
background: #1e1e2e !important;
}
.lc-wrapper::after {
border-top: 1px solid #89b4fa;
}
/* table item */
.z-list {
border-bottom: 1px solid #89b4fa !important;
padding-bottom: 15px;
margin-bottom: 15px;
}
.stitle, .novtitle {
border-bottom: solid 1px #f2cdcd;
font-size: 16px;
}
.cimage {
border: none !important;
}
.xgray, .gray {
color: #9399b2;
}
/* story */
#content_parent {
background-color: #181825 !important;
}
.xlight {
color: #cdd6f4 !important;
}
.lc-left {
background-color: #1e1e2e !important;
}
.lc span {
color: #cdd6f4 !important;
}
.lc-wrapper {
margin-bottom: 10px;
}
select {
background-color: #313244;
color: #cdd6f4;
border: none;
}
.btn {
color: #cdd6f4;
background-color: #313244 !important;
background-image: none;
text-shadow: none;
border: none;
}
/* reviews */
.table-striped tbody > tr:nth-child(2n+1) > td, .table-striped tbody > tr:nth-child(2n+1) > th {
background-color: #181825;
}
.table-bordered th, .table-bordered td {
border: none !important;
}
.round36 {
border: none !important;
}
}