Skip to content

Yahoo Fantasy Dark Night Theme by sportswook

Details

Authorsportswook

LicenseNo License

Categoryuserstyles

Created

Updated

Size27 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

The most complete and updated night (dark or black) theme for Yahoo Fantasy as of Fall 2018. Should work for all Fantasy sports on Yahoo.com, but only tested for Football, Basketball and Baseball. I used theo shu's theme as a template but made a lot of modifications/updates.

Designed for Firefox, but can be imported to Chrome to work with that browser - just copy the CSS and "import" to Chrome in the style settings of that browser.

NOTE - this has only been tested in Firefox using the Stylus CSS add-on.

Notes

Userstyle doesn't have notes.

Source code

Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link.
/* ==UserStyle==
@name           Yahoo Fantasy Dark Night Theme
@namespace      Yahoo Fantasy Dark Night Theme
@version        1.0.0
@description    A new userstyle
@author         sportswook
==/UserStyle== */

@-moz-document domain("fantasysports.yahoo.com") {


/* Main Elements */
  .Page
  {
    display: inline-block;
  }


/* Dark backgrounds */
  .template-html5 .Subnav-main-wrap:before, .template-html5 .Subnav-main-wrap:after,
.template-html5 .Page-bd:before,
.template-html5 .Page-bd:after,
.template-html5 .Page-ft:before,
.template-html5 .Page-ft:after
  {
    background-color: #333;
  }

  .template-html5 .Subnav-main-wrap, .template-html5 .Page-bd, .template-html5 .Page-ft,
.Page-maincontent, .Page-footercontent, .Page-ft,
.Mod
  {
    background: #000000;
  }

  .Subnav-main
  {
    background: #555;
  }

  .Table td.Selected, .Table-interactive tr:hover > td, .Table-interactive tr:hover > td.Selected, .Table th.Selected, #Stencil .Linkable:hover, .Table tr.Selected td, .Nav-flyout .Navtarget:hover, .Atomic .Bgc\(\#f5f8fa\)\:h:hover, .Atomic .C\(black\)\:h:hover
  {
    background: #464852 !important;
  }

  .Desktop .ysf-rosterswapper:not(.swapping) tbody tr:hover, .Desktop .ysf-rosterswapper:not(.swapping) tbody tr:focus, .Desktop .ysf-rosterswapper:not(.swapping) tbody tr:hover
  {
    background: #373737 !important
  }

  .Table thead > tr:not(.First), .Table thead > tr.First.Last
  {
    background: #444;
  }

  .Nav-h:not(.Nav-main)
  {
    border-bottom-color: #111;
    border-top-color: #111;
  }

  .Nav-bot-pointers-north > .Hovered > .Navpointer
  {
    border-bottom: 5px solid rgba(0,0,0,.8);
  }

  #Stencil .Bdr, #Stencil .Bdrx, #Stencil .Bdry, #Stencil .Bdrtop, #Stencil .Bdrbot, #Stencil .Bdrstart, #Stencil .Bdrend,
.Table td,
.List-rich > .Listitem
  {
    border-color: #333;
  }

  #Stencil .F-shade
  {
    color: #aaa;
  }

  .Thm-toyota .Thm-inherit .Bd, .Thm-toyota.Thm-override .Bd,
#Stencil .Bg-overlay,
.Nav-flyout > .Nav-v
  {
    background-color: #111;
  }

  .Thm-toyota .Thm-inherit .Hd, .Thm-toyota.Thm-override .Hd,
.Thm-toyota .Thm-inherit, .Thm-toyota.Thm-override
  {
    color: #aaa;
  }

.Table-interactive tr:hover > td.Selected, .Table-interactive tr:hover > td, .Table-interactive tr:hover
{
  background-color: #373737!important;
}


  #Stencil .F-reset, a
  {
    color: #EEE;
  }

  .Input, select,
#slogan-content.slogan-default, #slogan-content.editing, #slogan-content.is-editable:hover, #slogan-content.is-editable:focus, #notetoself-content.editing, #notetoself-content.is-editable:hover, #notetoself-content.is-editable:focus
  {
    background-color: #161719;
    border-color: #444;
    color: #ddd;
  }

  .Nav-h:not(.Nav-main) > .Navitem.Selected > .Navtarget
  {
    color: #aaa;
  }

  .F-page-header, .Hd
  {
    border-bottom: 1px solid #555;
    box-shadow: 0px 1px 0px rgba(0,0,0,0.2);
  }

  .Atomic .Bgc\(gray2\)
  {
    background-color: #444444;
  }

  .Atomic .C\(gray1\)
  {
    color: #AAAAAA;
  }

  .Atomic .Bgc\(selected\)
  {
    background-color: rgba(0,0,0,.8);
  }

  #Stencil .Bdr
  {
    border-style: solid;
    border-width: 1px;
    border-color: #333333;
  }

  .Atomic .Bdend\(border-light\)
  {
    border-right: 1px solid #333333;
  }

  .Atomic .Bgc\(table-hdr-bg\), .Atomic .Bgc\(\#fff\), .Atomic .Bgc\(main-bg-color\), .Atomic .Bgc\(primary-bg\)
  {
    background: #464852;
  }

  .Atomic .Pos\(r\), .Atomic .H\(25px\), .Bgc\(table-hdr-bg\).W\(100\%\), .Bgc\(table-hdr-bg\).Ta\(c\).W\(50px\), #yui_3_18_1_1_1511282772929_1261
  {
    background: #161719;
  }

  .Atomic .Fz\(15px\)
  {
    color: #DDD;
  }

  #bd, #yui-main, #yspmain, .yspsubcontent #yspsub, .yspcontent #yspsub, #yspfooter, div.ysf-buttonbar
  {
    background-color: #000000;
  }

  .instructional-message, #yspmain h1, #pagenav1
  {
    color: #FFF;
  }

  .row2
  {
    background: #161719;
  }

  a:visited, a:active, #ysf-messages .simpletable th a, #ysparchive_messages .simpletable th a
  {
    color: #ADD4FF;
  }

  .data-table table th
  {
    background: #161719;
    color: #FFF;
  }

  #ysf-messages .simpletable tr, #ysparchive_messages .simpletable tr
  {
    background: #161719;
  }

  .pagingnavlist li
  {
    color: #CCC;
  }

  #ysf-messages .simpletable th, #ysparchive_messages .simpletable th
  {
    background: #161719;
  }

  #yspmessage .bd .thread-topic, #yspmessage .bd .thread-message, #ysparchive_message #yspmain .thread-topic, #ysparchive_message #yspmain .thread-message
  {
    background: #161719;
    border: 1px solid #464646;
  }

  .hd, .section.message-body
  {
    color: #FFF;
  }

  #ysppageheader-full
  {
    border-bottom: 1px solid #464646;
  }

  .Ta-end, .Bdrstart, .Mawpx-40, .Fz-xxs
  {
    color: #DDD;
  }

  .Atomic .Bgc\(\#f7f8ff\)\:h:hover
  {
    background-color: #161719;
    color: #ADD4FF;
  }

  #medal-leaders .bd ol li a.manager-link
  {
    background-color: #3333;
  }

  #yspmain div.yspmainmodule div.hd h1, #yspmain div.yspmainmodule div.hd h3, #yspmain div.yspmainmodule div.hd h4
  {
    color: #FFF;
  }

  #yspmain #medal-detail.yspmainmodule .bd
  {
    color: #EEE;
  }

  #medal-detail .medal-data .related em
  {
    color: #BBB;
  }

  #yspmain div.yspmainmodule div.hd
  {
    background: #232f30;
  }

  #yspmain div.yspmainmodule
  {
    border-top: 4px solid #CCC;
  }


/* Link colors */
  p a, td a,
#Stencil .F-link
  {
    color: #ADD4FF;
  }

  .Btn, .Btn-secondary
  {
    background-color: #161719;
    border: 1px solid #444;
    color: #ADD4FF;
  }

  .Thm-snow .Thm-inherit.td-override .App-Bd a:not(.dfBtn), .Thm-snow.Thm-override.td-override .App-Bd a:not(.dfBtn), .Thm-snow .td-override .App-Bd a:not(.dfBtn), .Thm-snow .transparent.td-override .App-Bd a:not(.dfBtn)
  {
    color: #878787;
  }

  .StencilRoot .App-Title
  {
    color: #AAAAAA;
  }

  .SimpleTabs .Selected a
  {
    color: RGBA(255, 255, 255, 0.75) !important;
  }

  .Atomic .C\(\# ADD4FF\), .Atomic .C\(blue1\), .Atomic .C\(progress-confirmed\)
  {
    color: #ADD4FF;
  }

  .Fz-xxl, .Fz-lg
  {
    color: #fff;
  }

  .user-id, .Fz-xxs, #Grid-h-top Pbot-med F-bright
  {
    color: #DDD;
  }

  #Stencil .Bg-shade3
  {
    background: #161719;
  }

  .Table th a
  {
    color: #AAAAAA;
  }


/* Avatars */
  .Avatar-xs, .Avatar-sm, .Avatar-med, .Avatar-lg
  {
    background-size: 100%;
    background-color: #DDD;
  }
/* Player notes and video icons */
    .yfa-icon.playernote-new, .yfa-icon.playernote-recent, .yfa-icon.playernote-old, .yfa-icon.video-new, .yfa-icon.video-recent, .yfa-icon.video-old {
    background-image: url('http://i.imgur.com/lkZgu8T.png');
    background-size: auto 84px;
}

.yfa-icon.playernote-new, .yfa-icon.playernote-recent, .yfa-icon.playernote-old, .yfa-icon.video-new, .yfa-icon.video-recent, .yfa-icon.video-old
{
  background-image: url('http://i.imgur.com/lkZgu8T.png');
  background-size: auto 84px;
}


/* Player Popups */
.yui3-ysplayernote .playernoteview
{
  width: 100%;
}

.Ta-c.Bdrbot.Py-lg, .yui3-widget-ft
{
  display: none;
}

.yui3-ysplayernote .dynamicnote-bd, .yui3-ysplayernote .teamsched-bd
{
  background-color: #1c1d1f;
}

.yui3-ysplayernote .teamsched-ft p, .yui3-ysplayernote .playernotes-ft p
{
  background-color: #1c1d1f;
}

.teamsched-bd .even
{
  background-color: #2b2b2c;
}

.teamsched-bd .teamtable td, .yui3-ysplayernote .teamsched,
.yui3-ysplayernote .teamsched-ft, .yui3-ysplayernote .playernotes-ft,
.yui3-ysplayernote .playerdata
{
  border-color: #1c1d1f;
}

.yui3-ysplayernote .teamsched-ft p, .yui3-ysplayernote .playernotes-ft p
{
  border-color: #1c1d1f;
}

.yui3-ysplayernote .teamsched
{
  background-color: #2b2b2c;
}

.yui3-ysplayernote .teamsched .teamtable th div
{
  border-left-color: #333;
}

.yui3-ysplayernote .teamsched-bd h5
{
  background-color: #1c1d1f;
}

.yui3-ysplayernote .playerdata, .yui3-ysplayernote .playernotes, .yui3-ysplayernote .playernoteview-notes
{
  background-color: #1c1d1f;
}

.yui3-ysplayernote p.rating-value,
.yui3-ysplayernote p.rating-comment,
.yui3-ysplayernote #playernotes-pointsagainst,
.yui3-ysplayernote h4.team-notes
{
  color: #ddd;
}

.yui3-ysplayernote .playernoteview-notes
{
  height: 400px;
}

.yui3-ysplayernote .playernotes-bd
{
  height: 380px;
}

.yui3-ysplayernote .teamsched
{
  height: 360px;
}

.yui3-ysplayernote .teamsched table td
{
  color: #DDD;
}

.yui3-ysplayernote .teamsched table td.fanpts
{
  color: #FFF;
}

.teamtable tr.even td
{
  background: none;
}

.yui3-ysplayernote .teamsched th, .yui3-ysplayernote .teamsched thead
{
  color: #AAAAAA;
}


/* Twitter Feed */
html, .SandboxRoot, .p-author .profile .p-name, .custom-timeline-owner-profile .p-name, .cards-base p, .cards-base p a, .timeline-header .custom-timeline-summary, .timeline-header .custom-timeline-summary a:link, .timeline-header .custom-timeline-summary a:visited, .timeline-header .summary, .timeline-header .summary a:link, .timeline-header .summary a:visited, .p-author a.profile:hover .p-name, .p-author a.profile:focus .p-name
{
  color: #AAA;
}

.customisable-border
{
  border-color: #444;
}

.tweet-box-button
{
  background: #292929;
  border: 1px #444 solid;
}

.Table th
{
  color: #B0B0B0;
}

a
{
  color: #8EC0FF;
}

.Nav-h:not(.Nav-main) > .Navitem.Selected > .Navtarget
{
  color: #EEE;
}

.Nav-main > .Selected > .Navtarget,.Nav-main > .Selected:hover > .Navtarget
{
  color: #EEE;
}

.Mod
{
  background-color: #000000;
}

#Stencil .Bdr,#Stencil .Bdrx,#Stencil .Bdry,#Stencil .Bdrtop,#Stencil .Bdrbot,#Stencil .Bdrstart,#...

Reviews

No reviews yet.