383 lines
11 KiB
CSS
383 lines
11 KiB
CSS
/* ==UserStyle==
|
|
@name Dark Fanbox
|
|
@version 20230223.04.35
|
|
@namespace userstyles.world/user/nes370
|
|
@description Creates a dark theme for Pixiv Fanbox.
|
|
@author nes370
|
|
@license No License
|
|
==/UserStyle== */
|
|
|
|
@-moz-document domain("fanbox.cc") {
|
|
/* SVGs */
|
|
.jUsgXa /* Pixiv Fanbox Logo */
|
|
{ filter: brightness(4); }
|
|
|
|
.cRAlYD, /* Twitter Icon */
|
|
.khOkKr, /* Pixiv Icon */
|
|
.kGQiMt, /* Facebook Icon */
|
|
.hwHMJw, /* YouTube Icon */
|
|
.kbMmNP /* Website Icon */
|
|
{ filter: brightness(2); }
|
|
|
|
/* Main Background 1F1F1F */
|
|
body { background-color: rgb(31, 31, 31); color: #CCC; }
|
|
|
|
/* Secondary Background 3A3A3A */
|
|
.bjbTNs, /* Currently not accepting FANs */
|
|
.MxQBx,
|
|
.cplgnZ, /* Author header */
|
|
.MWZAQ, /* Author description background */
|
|
.fSwrLM, /* Profile post content background */
|
|
.gYuhTg /* Post content background (profile view) */,
|
|
.dAhFjz /* Post content background (post view) */,
|
|
.fLdnmK,
|
|
.EORbW, /* Notifications (Seen) Background */
|
|
.buSSwa,
|
|
.kGVWVd, /* Fanbox front page post background */
|
|
.eEyZeV, /* Fanbox front page Supported Creators background */
|
|
.ZuHQa, /* Fanbox front page Announcements */
|
|
.dTIFJh, /* Supported Creators background */
|
|
.iPwlfy, /* Account Settings background */
|
|
.hOzsJK, /* Comment section background */
|
|
.bHa-Dzo, /* Post Pledge Reminder */
|
|
.iLxvQF, /* Requests Tile */
|
|
.gQVBKL, /* Sidebar background 1 */
|
|
.jagdef, /* Sidebar background 2 */
|
|
.dFKetS, /* Messages list background */
|
|
.ckZenU, /* Message background */
|
|
.dbSExa, /* See Messages background */
|
|
.eUNFJh, /* Notifications Settings backgound */
|
|
.fzKqdv, /* Payment History background */
|
|
.kpgKOn, /* Shop item background */
|
|
.eFjLxo, /* Search results no results found background */
|
|
.iNYLMz,
|
|
.kDxhRf,
|
|
.fDMrbo, /* Fanbox post Like button (pressed) */
|
|
.gsVXrp, /* Fanbox post Like button (not pressed) */
|
|
.eCCRbm, /* Post like button (not pressed) */
|
|
.bRRDwJ, /* Become a Fan of X sign up background */
|
|
.gTBVdT /* Please Select a payment method background */
|
|
{ background-color: #3a3a3a; }
|
|
|
|
.ksmvva /* Profile picture border */
|
|
{ border: 2px solid #3a3a3a; }
|
|
|
|
.cOldFj, /* Become a fan of X pop-up background */
|
|
.iqDBdr, /* Tier background */
|
|
.gUXhVm, /* Tag filter spread background 1 */
|
|
.kEBKya, /* Tag filter spread background 2 */
|
|
.cepuod, /* Search results Tags background */
|
|
.dwmsMr, /* Suggested Creators popup tile background */
|
|
.yyHOb /* List view Button */
|
|
{ background: #3a3a3a; }
|
|
|
|
|
|
.hVZfQD /* Tag filter spread gradient overlay */
|
|
{ background: linear-gradient(to left, #3a3a3a, rgba(0, 0, 0, 0)); }
|
|
|
|
.jGAnBe /* Tabs header */
|
|
{ background-color: #3a3a3a; border-bottom: #1F1F1F; }
|
|
|
|
.fpahCc, /* Fanbox front page suggested creators */
|
|
.BQThT /* Supporter Plan tile */
|
|
{ background-color: #3a3a3a; color: #BBB; }
|
|
|
|
/* Tertiary Background 505050 */
|
|
.enfWcJ, /* Pledge reminder background */
|
|
.gsJJAi, /* Post tags background */
|
|
.dizxJT,
|
|
.fvjhgG /* sidebar Language button */
|
|
{ background-color: #505050; }
|
|
|
|
.cnrXod { background: #505050; }
|
|
|
|
.fgNijG { background: #505050; }
|
|
|
|
.cNfLbF /* Notifications post previews */
|
|
{ border: 2px solid #BBB; background-color: #505050; }
|
|
|
|
.cyOqa-d, /* Price button */
|
|
.gTWIId,
|
|
.kIbYmf
|
|
{ color: #BBB; background-color: #505050 }
|
|
|
|
/* Bold Text FFF */
|
|
.bjbTNs,
|
|
.jUsgXa,
|
|
.lgKEyE, /* Author name */
|
|
.chozmv, /* Content title */
|
|
.jBsbQY, /* Tier name */
|
|
.hOqhHC, /* Tier price */
|
|
.bGDMLk, /* Profile (selected) */
|
|
.lirpxD, /* Post (selected) */
|
|
.kjvkxW, /* Plan (selected) */
|
|
.kaPnNn, /* Post title */
|
|
.DLJMb, /* Notification title */
|
|
.eNvWA-D, /* Announcement title */
|
|
.cAvdwg, /* Front page post author name */
|
|
.bYmXPm, /* Front page Post (selected) tab */
|
|
.dtBOSy, /* Front page Suggested Creators (selected) tab */
|
|
.doJDzr, /* Supported Creators Artist name */
|
|
.doROnn, /* Supported Creators Plan Name */
|
|
.fbjSlI, /* Supported Creators Plan cost */
|
|
.jyZjlV, /* Supported Creators Payment method */
|
|
.iWwUPh, /* Account Settings section headers */
|
|
.iQARWD, /* See R-18 content toggle */
|
|
.CYkXH, /* Comments header */
|
|
.eJLhfk, /* Commenter name */
|
|
.ddtxdf, /* Next post name */
|
|
.bSuRSl, /* See all posts */
|
|
.jLiSXt, /* Requests Tile text */
|
|
.fMhfOA, /* User name */
|
|
.gPwYYh, /* Sidebar options */
|
|
.dOymbJ, /* Sidebar options 2 */
|
|
.kmgcVU, /* Messages list author name */
|
|
.goGqrv, /* Message content */
|
|
.kXnXcN, /* Message sender name */
|
|
.ibRCVH, /* Payment History date 2 (month/day) */
|
|
.kwJTOz, /* Payment History Creator Name */
|
|
.jNsxdc, /* Payment History Payment Amount */
|
|
.kofpIz, /* Profile (selected w/ Shop) */
|
|
.ehqMYU, /* Post (selected w/ Shop) */
|
|
.eHgjRO, /* Plan (selected w/ Shop) */
|
|
.btfvkw, /* Shop (selected) */
|
|
.ivrQkZ, /* Shop item name */
|
|
.dKnpIM, /* Shop item price */
|
|
.gwAxPs, /* No results found text */
|
|
.jufhcw, /* Search results tag names */
|
|
.iRfxl, /* Suggested Creators popup tile name */
|
|
.gicWFa, /* Supporter Plan tile name */
|
|
.cSOQKb, /* Supporter Plan tile amount */
|
|
.fSkseh, /* Supporter Plan tile payment type */
|
|
.bUSvrl, /* Supporter Plan description header */
|
|
.ioTSpN
|
|
{ color: #FFF; }
|
|
|
|
/* Semi-bold Text DDD */
|
|
.fNLOdJ /* Comment Likes */
|
|
{ color: #DDD; }
|
|
|
|
.bCGyvK /* Post text content */
|
|
{ background-color: #3a3a3a; color: #DDD }
|
|
|
|
/* Regular Text BBB */
|
|
.dQeAmf, /* Author description */
|
|
.gQnQwF, /* Tier description */
|
|
.hjuPTe,/* Tier price per month */
|
|
.cKZSDV, /* Profile (not selected) */
|
|
.eNiKRi, /* Post (not selected) */
|
|
.bngNqu, /* Plan (not selected) */
|
|
.goQPIE, /* Post date */
|
|
.giQgGK, /* Pledge reminder text */
|
|
.cyzTgU, /* Notifications */
|
|
.fNwDvJ, /* Notification time since */
|
|
.hJuSOV, /* Post tags text */
|
|
.fokTbR, /* Front page supported Creators name */
|
|
.bGGeqB, /* Announcement text preview */
|
|
.kYFNTm, /* Announcement preview "see more" */
|
|
.bVJddQ, /* Supported Creators plan price per month */
|
|
.jGpfoG, /* Delete profile picture */
|
|
.hLWnFP, /* Profile view post content text */
|
|
.kVlBFs, /* Post text */
|
|
.hqxNRG, /* Comment text */
|
|
.lpjOOk, /* like count */
|
|
.jaRlJH, /* Share this post text */
|
|
.gUJkzY, /* Requests Tile minor text */
|
|
.bKrRpC, /* Messages list content preview */
|
|
.cfgMwa, /* See Messages text */
|
|
.dEIWhW, /* Notifications previews text */
|
|
.ka-dVLk, /* Notifications Settings options */
|
|
.rcsqe, /* Payment History date 1 (year) */
|
|
.hhFjne, /* Payment History Payment Type */
|
|
.jvRjDz, /* Shop item category */
|
|
.kYtqvh, /* Payment method text */
|
|
.cKHEpR /* Supporter Plan description content */
|
|
{ color: #BBB; }
|
|
|
|
/* Black text */
|
|
.jXVrPG { color: rgb(102, 102, 102); }
|
|
|
|
.hCAuNo /* Notification transition bar (top) */
|
|
{ border-top: 1px solid #BBB; }
|
|
|
|
.EORbW /* Notification transition bar (middle) */
|
|
{ border-bottom: 1px solid #BBB; }
|
|
|
|
.gQVBKL:not(:last-child) { border-bottom: 1px solid #BBB; }
|
|
|
|
/* Blue Buttons */
|
|
.dhrsDw, /* Show Fan Card */
|
|
.fUAcrA,
|
|
.iLfyvO,
|
|
.gwCzcU, /* Become a fan of X pop-up background */
|
|
.doEfiG /* Supported Creators View Fan Card */
|
|
{ background: rgb(0, 150, 250); }
|
|
|
|
.dhrsDw:hover,
|
|
.doEfiG:hover,
|
|
.iLfyvO:hover
|
|
{ background: rgb(0, 125, 210); }
|
|
|
|
.eXQjRF { background: #505050; }
|
|
.exQjRF:hover { background: #1f1f1f; }
|
|
|
|
.fgNiJG:hover { background: #1f1f1f; }
|
|
|
|
.bolqPM, /* Announcement Update Date Button */
|
|
.gJEURu /* Notifications All Button */
|
|
{ background-color: rgb(0, 150, 250); }
|
|
|
|
.iSuoxI {
|
|
color: rgb(0, 150, 250);
|
|
border-color: rgb(0, 150, 250);
|
|
background: #3a3a3a
|
|
}
|
|
|
|
/* Front page 2-tab indicators */
|
|
.bsdlCI::after,
|
|
.bYmXPm::after {
|
|
background: linear-gradient(to left,
|
|
rgb(0, 150, 250) 0%,
|
|
rgb(0, 150, 250) 50%,
|
|
rgba(255, 255, 255, 0) 50%,
|
|
rgba(255, 255, 255, 0) 100%
|
|
);
|
|
}
|
|
|
|
.jgzDlU::after,
|
|
.dtBOSy::after {
|
|
background: linear-gradient(to left,
|
|
rgba(255, 255, 255, 0) 0%,
|
|
rgba(255, 255, 255, 0) 50%,
|
|
rgb(0, 150, 250) 50%,
|
|
rgb(0, 150, 250) 100%
|
|
);
|
|
}
|
|
|
|
/* Profile page 3-tab indicators */
|
|
.NFsCg::after,
|
|
.cKZSDV::after,
|
|
.bGDMLk::after /* Profile */ {
|
|
background: linear-gradient(to left,
|
|
rgb(0, 150, 250) 0%,
|
|
rgb(0, 150, 250) 33.3333%,
|
|
rgba(255, 255, 255, 0) 33.3333%,
|
|
rgba(255, 255, 255, 0) 66.6667%,
|
|
rgba(255, 255, 255, 0) 66.6667%,
|
|
rgba(255, 255, 255, 0) 100%
|
|
);
|
|
}
|
|
|
|
.eNiKRi::after,
|
|
.ifbxDI::after,
|
|
.lirpxD::after /* Post */ {
|
|
background: linear-gradient(to left,
|
|
rgba(255, 255, 255, 0) 0%,
|
|
rgba(255, 255, 255, 0) 33.3333%,
|
|
rgb(0, 150, 250) 33.3333%,
|
|
rgb(0, 150, 250) 66.6667%,
|
|
rgba(255, 255, 255, 0) 66.6667%,
|
|
rgba(255, 255, 255, 0) 100%
|
|
);
|
|
}
|
|
|
|
.bngNqu::after,
|
|
.jzsgph::after,
|
|
.kjvkxW::after /* Plan */ {
|
|
background: linear-gradient(to left,
|
|
rgba(255, 255, 255, 0) 0%,
|
|
rgba(255, 255, 255, 0) 33.3333%,
|
|
rgba(255, 255, 255, 0) 33.3333%,
|
|
rgba(255, 255, 255, 0) 66.6667%,
|
|
rgb(0, 150, 250) 66.6667%,
|
|
rgb(0, 150, 250) 100%
|
|
);
|
|
}
|
|
|
|
/* Profile page 4-tab indicators */
|
|
.eyhqva::after,
|
|
.fAuqtc::after,
|
|
.gdWVgu::after,
|
|
.kofpIz::after /* Profile */ {
|
|
background: linear-gradient(to left,
|
|
rgb(0, 150, 250) 0%,
|
|
rgb(0, 150, 250) 25%,
|
|
rgba(255, 255, 255, 0) 25%,
|
|
rgba(255, 255, 255, 0) 50%,
|
|
rgba(255, 255, 255, 0) 50%,
|
|
rgba(255, 255, 255, 0) 75%,
|
|
rgba(255, 255, 255, 0) 75%,
|
|
rgba(255, 255, 255, 0) 100%
|
|
);
|
|
}
|
|
|
|
.fqZIJ::after,
|
|
.gXcjty::after,
|
|
.fhkbFc::after,
|
|
.ehqMYU::after /* Post */ {
|
|
background: linear-gradient(to left,
|
|
rgba(255, 255, 255, 0) 0%,
|
|
rgba(255, 255, 255, 0) 25%,
|
|
rgb(0, 150, 250) 25%,
|
|
rgb(0, 150, 250) 50%,
|
|
rgba(255, 255, 255, 0) 50%,
|
|
rgba(255, 255, 255, 0) 75%,
|
|
rgba(255, 255, 255, 0) 75%,
|
|
rgba(255, 255, 255, 0) 100%
|
|
);
|
|
}
|
|
|
|
.gNHYeR::after,
|
|
.eXeDfi::after,
|
|
.cFTAHq::after,
|
|
.eHgjRO::after /* Plan */ {
|
|
background: linear-gradient(to left,
|
|
rgba(255, 255, 255, 0) 0%,
|
|
rgba(255, 255, 255, 0) 25%,
|
|
rgba(255, 255, 255, 0) 25%,
|
|
rgba(255, 255, 255, 0) 50%,
|
|
rgb(0, 150, 250) 50%,
|
|
rgb(0, 150, 250) 75%,
|
|
rgba(255, 255, 255, 0) 75%,
|
|
rgba(255, 255, 255, 0) 100%
|
|
);
|
|
}
|
|
|
|
.fLCtkJ::after,
|
|
.dUYYla::after,
|
|
.iqShZY::after,
|
|
.btfvkw::after /* Shop */ {
|
|
background: linear-gradient(to left,
|
|
rgba(255, 255, 255, 0) 0%,
|
|
rgba(255, 255, 255, 0) 25%,
|
|
rgba(255, 255, 255, 0) 25%,
|
|
rgba(255, 255, 255, 0) 50%,
|
|
rgba(255, 255, 255, 0) 50%,
|
|
rgba(255, 255, 255, 0) 75%,
|
|
rgb(0, 150, 250) 75%,
|
|
rgb(0, 150, 250) 100%
|
|
);
|
|
}
|
|
|
|
/* White Buttons */
|
|
.byNjk { /* Following Button */
|
|
color: #FFF;
|
|
border-color: #FFF;
|
|
background: #3a3a3a;
|
|
}
|
|
|
|
.cXeTpI { /* Notifications Comment Button */
|
|
background-color: #3a3a3a;
|
|
color: #FFF;
|
|
}
|
|
|
|
.gPwYYh:hover,
|
|
.dOymbJ:hover, /* sidebar options menu hover colors */
|
|
.EORbW:hover, /* Seen notifications hover color */
|
|
.gvyRrG:hover /* Unread notifications background */
|
|
{ background-color: #1f1f1f; }
|
|
|
|
.gvyRrG /* Unread notifications background */
|
|
{ background-color: rgb(0, 50, 90); }
|
|
|
|
} |