Dark mode for FPL — Fantasy Premier League (https://fantasy.premierleague.com) #FPLDARKMODE
FPL Dark Mode 🌚 #FPLDARKMODE by nathanza
Details
Authornathanza
LicenseNo License
CategoryFPL, PL, Fantasy PL, Fantasy Premier League, Dark, Darkmode, Dark Mode, FPL Dark Mode, Dark mode for FPL
Created
Updated
Size30 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
If there are visual bugs, come tell me (Nathanza) on the Telegram group @FootballFPL (t.me/FootballFPL)
You may need to reinstall.
Source code
Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link./* ==UserStyle==
@name FPL Dark Mode 23/24 #FPLDARKMODE
@namespace https://t.me/FootballFPL
@version 1.2.41
@description FPL Dark Mode 23/24 - Fantasy Premier League #FPLDARKMODE
@author t.me/FootballFPL (@Nathanza)
==/UserStyle== */
@-moz-document domain("fantasy.premierleague.com") {
/* CHANGELOG 1.2.4 JULY 2023✍️
FIXED HEADER SCROLL ISSUE (Because I'm dumb)
*/
/* 💬 Found an issue? Join our Telegram group: t.me/FootballFPL and @Nathanza */
/* 📌 Userstyle now works in mobile, if you're sideloading Stylus extension with Fennec F-Droid */
@media (max-width: 56.25em) {
#mainContent {margin-top:1vh}
#ism-dialog-title {font-size:1.3rem!important;padding-top:1rem}
.djfjzc{margin-bottom:1.2rem!important}
.menuBtn {background:#0d0d0d}
.masthead .mainNav::after {background:#191919}
.masthead .mainNav .navLink {background:#191919}
.masthead .mainNav .navLink.active.active {background-color: #303030;}
.menuBtn{background:#0d0d0d!important}
[class^="PitchElementData__ElementValue-"], [class*=" PitchElementData__ElementValue-"]
{background:transparent;font-size:1rem}
*{color-scheme: dark!important;}
:root {
color-scheme: dark;}
[class^="Pitch__StyledPitchElement-"], [class*=" Pitch__StyledPitchElement-"] {
width: 18vw!important}
[class^="TeamPitchElement__StyledViceCaptain-"], [class*=" TeamPitchElement__StyledViceCaptain-"]
{ padding: 4px; border: 1px solid rgba(3,244,198,0.8); border-radius: 100px; height: 24px!important; width: 24px!important; right: -2px;}
[class^="TeamPitchElement__StyledCaptain-"], [class*=" TeamPitchElement__StyledCaptain-"]
{ padding: 4px; border: 1px solid rgba(3,244,198,0.8); border-radius: 100px; height: 24px!important; width: 24px!important; right: -2px;}
[class^="Dropdown__MoreButton-"], [class*=" Dropdown__MoreButton-"] {line-height:4rem!important}
[class^="PitchElementData__ElementName-"], [class*=" PitchElementData__ElementName-"] {font-size:1rem!important}
[class^="PitchElementData__ElementValue-"], [class*=" PitchElementData__ElementValue-"] {font-size:0.75rem!important}
}
.footerCorporate {display:none!important;visibility: hidden}
/* Random classes */
/* UP/DOWN RANK icons */
.fOKjqx{fill: transparent;color: rgb(5, 250, 135);}
.fQTLta{fill: transparent;color: rgb(252, 44, 128)}
.jCsVEY{border-color:rgba(255,255,255,0.05)}
/* ugly white gradient line */
.dlWqfx::before {display:none}
/* Active - Score header */
.ehaFLY{border:none!important;background:#303030!important;border-bottom:none!important}
.cxtrFS:first-child {border-right:1px solid rgba(255,255,255,0.2)}
/* Status page TOTW star icon */
.cQGZaf{width:12rem!important}
/* Status page TOTW star icon */
.djeBBF{filter:grayscale(100) brightness(1.5)}
/* Line under Latest Points */
.eqdhFx::before {display:none}
/* League page buttons */
.lklGpo a {background:#303030;color:white}
/* Lines under right sidebar stuff */
.bDOmvE::after {display:none}
/* Divider lines */
.dUELIG th, .dUELIG td {
border-bottom: 1px solid rgba(239, 239, 239, 0.08);}
/* ugly colourful line under scout article*/
.jyjJif::before {display:none}
/* Tab shit active header ???? */
.fSsCvc{background:#303030!important}
/*Player info overlay FDR*/
.bcMKaQ{border-left:1px solid rgb(128, 7, 45);background: rgba(128, 7, 45, 0.2);color:white}
.eiOrnD{border-left:1px solid rgb(255, 23, 81);background: rgba(255, 23, 81, 0.2);color:white}
.jOCodL{border-left:1px solid rgb(231, 231, 231);background: rgba(255, 255, 255, 0.2);color:white}
.ldcArn{border-left:1px solid rgb(1, 252, 122);background: rgba(1, 252, 122,0.2);color:white}
/*FDR but new - FEB2023*/
.eRNKdd{border-left:1px solid rgb(1, 252, 122);background: rgba(1, 252, 122,0.2);color:white}
.jisUOF{border-left:1px solid rgb(231, 231, 231);background: rgba(255, 255, 255, 0.2);color:white}
.frdErB{border-left:1px solid rgb(255, 23, 81);background: rgba(255, 23, 81, 0.2);color:white}
.dgmnie{border-left:1px solid rgb(128, 7, 45);background: rgba(128, 7, 45, 0.2);color:white}
/*Gameweek title above deadline*/
.akVZXCD{display:none}
/*You can make unlimited transfers before blabla...*/
.eyqDwf{color:#d1d1d1;font-size:1rem;background:transparent}
/* Kit placeholder message*/
.kmgJUt{display:none}
/*TAB - Active*/
.gQWwxM{background:#303030;color:#FFFFFF}
/*TAB - Inactive*/
.jIjLCn{color:#d1d1d1;text-decoration:underline}
/*Leagues & Cups - Border-bottom */
[class^="hkwAOm"] td, [class*=" hkwAOm"] td
{border-bottom: transparent}
/*Leagues & Cups - Border-bottom */
[class^="hkwAOm"] th, [class*=" hkwAOm"] th
{border-bottom: transparent}
/* Divider after 'Save your team' */
.dtSJCM::after {display:none}
/* Divider after 'My teams kit' */
.fmfIzy::after {background:transparent}
/* Save your team - button */
.eTqCza{background-color:transparent; color:#FFFFFF; border-width: 2px; border-style: solid; border-image: linear-gradient(to right, #00ff87, #05ebff) 1;}
/* Gameweek title above deadline */
.dbiWsa
{display:none}
/* Report offensive name button (No snitches) - Leagues */
.dxaqrs{display:none}
/* Text colour - Leagues */
.lklGpo{color:#d1d1d1}
/* Transfers - Divider top between */
.geFKnm:not(:last-child)::after {display:none}
/* Transfers - Removed/Added to team */
.czvslc{font-size:1.3rem}
/* Transfers - NOT ENOUGH BANK / TOO FEW PLAYERS SELECTED */
.jvCpbN{ background-image: linear-gradient(to right, rgb(233, 0, 82), rgb(255, 23, 81))!important; background-clip: text; -webkit-text-fill-color: transparent; -webkit-background-clip: text;text-shadow: 0px 1px 60px rgba(233,0,82,0.8)!important;}
/* Transfers - Select a maximum of 3 blabla text... */
.gGAjDi{display:none}
/* Transfers - Selected player - Right sidebar */
.jCaJbY td, .jCaJbY button { color: rgba(209, 209, 209, .5)}
/* Player overlay */
.hVwLXd{background:transparent}
/* Player Summary FEB2023 */
[class^="styles__Summary-"], [class*=" styles__Summary-"]
{background:none;}
/* Player Summary FEB2023 */
[class^="styles__StatsOuter-"], [class*=" styles__StatsOuter-"]
{background:transparent;border:1px solid rgba(255,255,255,0.1);margin: 0px 0px 2rem;}
/* Player Summary FEB2023 */
[class^="styles__ElementTypeLabel-"], [class*=" styles__ElementTypeLabel-"]
{padding:0;color:#02f8ae}
[class^="styles__ElementHeading-"], [class*=" styles__ElementHeading-"]
{background-image: linear-gradient(to right, rgb(0, 255, 135), rgb(2, 239, 255));
background-clip: text;-webkit-text-fill-color: transparent;margin-bottom:1rem; -webkit-background-clip: text;}
/* Player Summary FEB2023 */
[class^="ElementMatchGroup__MatchListTitle-"], [class*=" ElementMatchGroup__MatchListTitle-"]
{color:#d1d1d1}
/* Player Summary FEB2023 TABLE HISTORY*/
[class^="Table-"], [class*=" Table-"]
{background:none;background-color:transparent}
.ketJXr thead th{background:none}
.ketJXr tbody th{background:none}
.ketJXr tfoot th{background:none}
.jBmIbR thead th{background:none}
.YqKOH {color:rgba(1, 252, 122, 0.7);background: rgba(1, 252, 122,0.2)}
.cmNDzH {color:rgb(255, 23, 81);background: rgba(255, 23, 81, 0.2)}
.cqsJPs {color:rgba(231, 231, 231, 0.7);background: rgba(255, 255, 255, 0.2);}
/* Player Summary FEB2023 */
[class^="ElementMatchGroup__MatchBox-"], [class*=" ElementMatchGroup__MatchBox-"]
{color:#d1d1d1;background:transparent;border:1px solid rgba(255,255,255,0.1)}
/* Player Summary FEB2023 */
[class^="ElementMatchGroup__MatchEvent-"], [class*=" ElementMatchGroup__MatchEvent-"]
{color:#d1d1d1;}
.kBpkrK{border-left:1px solid rgb(1, 252, 122);background: rgba(1, 252, 122,0.2);color:white}
.hAVpbK{border-left:1px solid rgb(255, 23, 81);background: rgba(255, 23, 81, 0.2);color:white}
.dEdJLe{border-left:1px solid rgb(231, 231, 231);background: rgba(255, 255, 255, 0.2);color:white}
.iSHstz{background: transparent;color:white}
.bHRued{border-left:1px solid rgb(128, 7, 45);background: rgba(128, 7, 45, 0.2);color:white}
.dGhSYK{color: rgb(255,23,81)}
.dGhSYK::before{content: "BLANK ";}
/* Player Summary FEB2023 */
[class^="ElementMatchGroup__BadgeBlank-"], [class*=" ElementMatchGroup__BadgeBlank-"]
{filter: brightness(0.3)}
/* Player overlay - Vertical dividers */
.fWEuPy:not(:first-child) {
border-left: 1px solid rgba(255, 255, 255, .1);}
/* Player overlay - Previous season stats */
.cxwWgD{background:transparent}
/* Player overlay - 25% warning NOTICE */
.hMVgPt{background: #1d1d1d;width: fit-content;padding: 1rem;margin: 0rem; border: 2px solid rgb(212, 68, 1);color:white}
/* Player overlay - 75% warning NOTICE */
.gZxpWY{background: #1d1d1d;width: fit-content;padding: 1rem;margin: 0rem; border: 2px solid rgb(255, 230, 1);color:white}
/* Player overlay - 50% warning NOTICE */
.ioZbdk{background: #1d1d1d;width: fit-content;padding: 1rem;margin: 0rem; borde...