A modern, light mode way to view your favourite Fantasy PL website. Works with FPL Tools too. Try it out now!
Modern FPL (Light) by crossandinshallah
Details
Authorcrossandinshallah
LicenseCC BY-NC - Creative Commons Attribution - Non Commercial
Categoryfpl, fantasypl, pl, premierleague
Created
Updated
Size26 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
To replace a player on the “Transfers” tab you can simply click on him.
Source code
Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link./* ==UserStyle==
@name Modern FPL (Light)
@version 20220216.20.38
@namespace userstyles.world/user/crossandinshallah
@description A modern, light mode way to view your favourite Fantasy PL website. Works with FPL Tools too. Try it out now!
@author crossandinshallah
@license CC BY-NC - Creative Commons Attribution - Non Commercial
==/UserStyle== */
@-moz-document domain("fantasy.premierleague.com") {
/* ==UserStyle==
@name Modern FPL (Light)
@version 1.0
@namespace userstyles.world/user/crossandinshallah
@description A modern, light mode way to view your favourite Fantasy PL website
@author Cross And Inshallah#0001
@license CC BY-NC - Creative Commons Attribution - Non Commercial
==/UserStyle== */
}
@-moz-document domain("fantasy.premierleague.com") {
:root {
--yellow: #FFE65B;
--orange: #FFAB1B;
--red: #FD4651;
--pink: #FF2974;
--lightpurple: #ea00ff;
--purple: #6e0078;
--darkpurple: #4E00A8;
--darkmodegray: #181A1B;
--invdark: #e7e5e4;
--bgpurple: #37003C;
--infogray: #DAD7D2;
--textgray: #CAC6BF;
--titlegray: #D9D9D9;
--disabledgray: #282C2D;
}
/* Team List Table */
.ElementTable-sc-1v08od9-0 {
border-radius: 15px;
}
/* Fixture Score Divider */
.NzGhj {
border-color: #404647 !important;
}
/* Status Table Borders */
.kGMjuJ {
border-bottom: 1px solid var(--disabledgray) !important;
}
/* Fixture Tab Border */
.jWmOgG {
border: none !important;
}
/* Active Bench Boost */
.eFcsvM {
border-radius: 0 0 25px 25px;
}
/* Orange Player */
.lbpiqh {
border-radius: 5px 5px 0 0;
}
/* Player Transfer Table */
.ElementListRow__StyledElementListRow-sc-122fdeq-0 {
border-bottom: 0.5px solid #3d3d3d;
border-radius: 25px;
}
/* Player Transfer List */
.dSplok {
border-radius: 15px 0 0 15px;
}
.dUzotg {
border-radius: 0 15px 15px 0;
}
.kkxJSS {
border-radius: 25px;
}
.PitchElementData__ElementValue-sc-1u4y6pr-1 {
padding: 5px 0 5px 0 !important;
border-radius: 0 0 10px 10px !important;
}
.hYsBeR {
background-color: transparent !important;
}
/* Report Name */
.csDFXJ {
border-radius: 25px;
}
.dhPWJq {
padding: 10px;
}
/* Switch Player */
.notranslate {
border-radius: 15px;
}
/* Player List Printable */
.ism-table--el-list-print__name {
border-radius: 15px 0 0 15px;
}
.ism-table--el-list-print__rank {
border-radius: 0 15px 15px 0;
}
/* Deadlines */
#ism-collapsible-272 > div > table > thead > tr > th:first-child {
border-radius: 15px 0 0 15px;
}
#ism-collapsible-272 > div > table > thead > tr > th:last-child {
border-radius: 0 15px 15px 0;
}
/* Chips Rules */
#ism-collapsible-271 > div > table > thead > tr > th:first-child {
border-radius: 15px 0 0 15px;
}
#ism-collapsible-271 > div > table > thead > tr > th:last-child {
border-radius: 0 15px 15px 0;
}
/* Scoring Rules */
#ism-collapsible-273 > div > table:nth-child(2) > thead > tr > th:first-child {
border-radius: 15px 0 0 15px;
}
#ism-collapsible-273 > div > table:nth-child(2) > thead > tr > th:last-child {
border-radius: 0 15px 15px 0;
}
/* Leagues Phases */
#ism-collapsible-274 > div > table > thead > tr > th:first-child {
border-radius: 15px 0 0 15px;
}
#ism-collapsible-274 > div > table > thead > tr > th:last-child {
border-radius: 0 15px 15px 0;
}
/* Change Kit */
/* Select */
.gVsPkM {
border-radius: 25px !important;
}
/* Color */
.ColorPicker__Preview-sc-19ux5mj-3 {
border-radius: 25px !important;
}
.dYkMki {
border-radius: 5px !important;
}
/* H2H Standings Table */
/* Left */
#root > div:nth-child(2) > div > div.Layout__Main-eg6k6r-1.wXYnc > div.sc-bdnxRM.hItLLq > div > table > thead > tr > th:first-child {
border-radius: 15px 0 0 15px;
}
/* Right */
#root > div:nth-child(2) > div > div.Layout__Main-eg6k6r-1.wXYnc > div.sc-bdnxRM.hItLLq > div > table > thead > tr > th:last-child {
border-radius: 0 15px 15px 0;
}
/* H2H Match Scores */
.hsLBEv {
border-radius: 15px;
}
/* H2H Matches/Standings */
.irqFXE {
border-radius: 25px;
border: none !important;
}
.iUeZnT {
border: none !important;
}
.bXgHBd {
background-color: var(--titlegray);
color: black;
border-radius: 10px 10px 0 0;
}
.NkgEU {
padding: 2px;
border-radius: 25px;
background-color: var(--darkpurple);
}
/* H2H Highlight */
.eLwKMj > td:first-child {
border-radius: 15px 0 0 15px;
}
.eLwKMj > td:last-child {
border-radius: 0 15px 15px 0;
}
/* Cup */
/* Non-Highlight Match */
.duqxSY {
border-radius: 25px;
}
/* N/A */
.dknBRX {
border-radius: 25px;
}
/* Bye Progress */
.dNcRIM {
color: black;
border-radius: 25px;
}
/* Points Table Borders */
.VFvId {
border-color: var(--disabledgray) !important;
}
/*** Scrollbar ***/
::-webkit-scrollbar {
border-radius: 25px !important;
}
::-webkit-scrollbar-thumb {
border-radius: 25px !important;
}
::-webkit-scrollbar-thumb:hover {
background: var(--darkpurple) !important;
}
/* Player Dialog */
.Dialog__StyledHeader-sc-5bogmv-5,
.Dialog__StyledDialog-sc-5bogmv-3 {
padding: 5px;
border-radius: 25px;
}
/* Player Page */
.lotDTB.ism-overflow-scroll {
padding-left: 10px;
padding-right: 10px;
}
/* Dialog Text */
#ism-dialog-title {
margin-left: 20px;
}
/*** Player Tables ***/
/** This Season **/
/* Left */
#root-dialog > div > dialog > div > div.Dialog__StyledDialogBody-sc-5bogmv-7.lotDTB.ism-overflow-scroll > div.sc-bdnxRM.ichxnR > div > div > div:nth-child(1) > div > table > thead > tr > th:first-child {
border-radius: 10px 0 0 10px;
}
/* Right */
#root-dialog > div > dialog > div > div.Dialog__StyledDialogBody-sc-5bogmv-7.lotDTB.ism-overflow-scroll > div.sc-bdnxRM.ichxnR > div > div > div:nth-child(1) > div > table > thead > tr > th:last-child {
border-radius: 0 10px 10px 0;
}
/** Previous Seasons */
/* Left */
#root-dialog > div > dialog > div > div.Dialog__StyledDialogBody-sc-5bogmv-7.lotDTB.ism-overflow-scroll > div.sc-bdnxRM.ichxnR > div > div > div.sc-bdnxRM.fDjTdD > div > table > thead > tr > th:first-child {
border-radius: 10px 0 0 10px;
}
/* Right */
#root-dialog > div > dialog > div > div.Dialog__StyledDialogBody-sc-5bogmv-7.lotDTB.ism-overflow-scroll > div.sc-bdnxRM.ichxnR > div > div > div.sc-bdnxRM.fDjTdD > div > table > thead > tr > th:last-child {
border-radius: 0 10px 10px 0;
}
/* KOGW Page */
.bfDFcP {
border-radius: 25px;
}
.gOBSRy {
border-radius: 25px;
}
/* Hide Captain Explainer */
.eBSDei {
display: none;
}
/* Fixture Difficulty */
/* Gray */
.iYwKii {
border-radius: 5px;
}
/* Green */
.fnXidm {
border-radius: 5px;
}
/* Red */
.cxoSMG {
border-radius: 5px;
}
/* Bordeaux / Dark Red */
.jFqtnp {
border-radius: 5px;
}
/* FDR Color Scheme */
.giZqcH {
border-radius: 10px 0 0 10px;
}
.hDSqvX {
border-radius: 0 10px 10px 0;
}
/* FDR Next GW */
.eQjrhd {
border-radius: 25px;
}
/* FDR Team Border */
.gSsvWO td:first-child::after {
content: "";
position: absolute;
bottom: 0px;
width: 100%;
height: 0.5px;
border-radius: 100px;
}
/* Facebook Login */
.kNGaiy {
border-radius: 25px;
}
/* Twitter Login */
.jXwZIV {
border-radius: 25px;
}
/* Google Login */
.bBsIlz {
border-radius: 25px;
}
.fOWQlN {
border-radius: 25px;
}
/* Apple Login */
.neagO {
border-radius: 25px;
}
/* Login Button */
.jYWOpQ {
display: initial;
text-align: center;
}
/* Signup */
.jwqTOV {
border-radius: 25px;
}
/* Login Promo Box */
.hPXfax {
border-radius: 25px;
}
/* Leagues Image */
.ftTBZL {
border-radius: 25px;
}
/* Hit Warning */
.fKPHVi {
border-radius: 25px;
color: black;
}
/* FPL Tools Player */
.fpl-tools-container {
margin-top: 4px !important;
align-items: center !important;
}
.difficulty {
margin-top: 3px !important;
border-radius: 2px !important;
text-decoration: none !important;
font-style: normal !important;
font-size: 9px !important;
}
.pointsPage {
border-radius: 5px !important;
}
.diffContainer {
margin-top: 5px !important;
background: #00753A !important;
}
/* Blank Week */
.blank-week {
background-color: #ebebe4 !important;
color: black !important;
font-weight: normal !important;
border-radius: 2px !important;
margin-top: 3px !important;
}
.blank-week::before {
content: "-" !important;
font-size: 12.5px !important;
}
/* Prize Winners Table */
#root > div:nth-child(2) > div:nth-child(2) > div > div.Winners__WinnersWrap-wyf5hj-0.dHpQJF > div.sc-bdnxRM.kBtNHk > table > thead > tr > th:first-child {
border-radius: 15px 0 0 15px;
}
#root > div:nth-child(2) > div:nth-child(2) > div > div.Winners__WinnersWrap-wyf5hj-0.dHpQJF > div.sc-bdnxRM.kBtNHk > table > thead > tr > th:last-child {
border-radius: 0 15px 15px 0;
}
#root > div:nth-child(2) > div:nth-child(2) > div > div.Winners__WinnersWrap-wyf5hj-0.dHpQJF > div.sc-bdnxRM.dzNjxF > table > thead > tr > th:first-child {
border-radius: 15px 0 0 15px;
}
#root > div:nth-child(2) > div:nth-child(2) > div > div.Winners__WinnersWrap-wyf5hj-0.dHpQJF > div.sc-bdnxRM.dzNjxF > table > thead > tr > th:last-child {
border-radius: 0 15px 15px 0;
}
/* Contact Message Text Area */
.dhPWJq {
border-radius: 10px;
}
/* Help */
.tnzTq {
border-radius: 10px;
}
.tnzTq:hover {
background-color: #F2267B;
}
/* Stats Explainer */
.bYXAgG {
border-radius: 25px;
margin-left: 5px;
}
/* Stats Table Border */
#root > div:nth-chil...