Skip to content

ESPN by BamaBraves [Updated] by Nick2bad4u

Mirrored from https://github.com/Nick2bad4u/UserStyles/raw/refs/heads/main/ESPN-DarkMode.user.css

Screenshot of ESPN by BamaBraves [Updated]

Details

AuthorNick2bad4u

LicenseUnLicense

Categoryespn

Created

Updated

Size137 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Dark theme for ESPN by BamaBraves [Updated by Nick2bad4u]

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         ESPN by BamaBraves [Updated]
@namespace    typpi.online
@author       BamaBraves / Nick2bad4u
@description  Dark theme for ESPN by BamaBraves [Updated by Nick2bad4u]
@version      20230319.15.54
@homepageURL  https://github.com/Nick2bad4u/UserStyles
@license      UnLicense
@preprocessor uso
==/UserStyle== */
@-moz-document domain("espn.com") {
	/* Site Settings */
	* {
		transition: none !important;
		letter-spacing: 1px !important;
		text-decoration: none !important;
	}

	.Table2__thead > .Table2__tr,
	.Table__TH,
	.btn-social.sm,
	.button-alt.sm,
	.button-alert.sm,
	.button-filter-alt.sm,
	.button-filter.sm,
	.button.sm,
	.contentItem__header__headings h1,
	.insider-content .btn.sm,
	.mpTable > table tr th,
	.news-feed-item .tags a,
	.news-feed-item .category-link a,
	.onboard-join .join-group-list-wrapper header,
	.pick-center-data .btn.sm,
	.ttu,
	.user-entries-entry-standings
		.standings-prp
		.standings-prp-item
		.header {
		text-transform: capitalize !important;
	}

	#my-players-table .tablehead td,
	#my-players-table
		table.tablehead
		th[style='text-align: right !important;'],
	.Nav__Secondary__Menu__Item--espnplus
		.Nav__Secondary__Menu__Link,
	.Table--align-right:not(.Table--fixed)
		.Table__TH,
	.Table2__table__wrapper td:nth-child(2),
	.Table2__td,
	.Table2__th,
	.mpTable > table.pickemTable tr td.time,
	.mpTable > table.pickemTable tr th.time,
	.stat-cell,
	.tablehead td,
	.tablehead th,
	.tar,
	td[align='left'],
	td[align='right'] {
		text-align: center !important;
	}

	#article-feed
		.article
		.article-body
		aside.inline,
	#global-scoreboard
		.wrap
		.scoreboard-content
		.scores-carousel
		#leagues:last-child
		> .league:last-child
		> .scoreboard:last-child
		> div:last-child,
	.TVProviders__List__PremierItem__Link,
	.TVProviders__List__PremierItem__Link:hover,
	.Table__TH,
	.article-social .btn-social.comment,
	.article-social .btn-social.print,
	.bp-desktopPlus
		.Nav__Secondary:hover
		.Nav__Secondary__Menu__Link,
	.btn--filter:not(.btn--dark),
	.btn-social.email,
	.button-alt,
	.button-alt.hover,
	.contentItem__padding--border,
	.hover.btn-social.email,
	.join-group-wrapper .join-group-header,
	.mod-content,
	.mod-tabs .mod-header ul li,
	.mod-tabs .mod-header ul li.ui-tabs-selected,
	.mod-tabs ul.ui-tabs-nav li,
	.mod-tabs ul.ui-tabs-nav li.ui-tabs-selected,
	.mod-tabs-section
		.mod-header
		ul
		li.ui-tabs-selected
		a,
	.mod-tabs-section
		ul.ui-tabs-nav
		li.ui-tabs-selected
		a,
	.mod-thirdnav-tabs,
	.mpTable
		> table.pickemTable
		tr
		td.pick
		.pickem-pick-wrap
		+ .pickem-pick-wrap,
	.no-touch .btn-social.email:hover,
	.no-touch .button-alt:hover,
	.no-touch .send-email .btn-social:hover,
	.pickem-pick,
	.send-email .btn-social,
	.send-email .hover.btn-social,
	.send-email .no-touch .btn-social:hover {
		outline: none !important;
		box-shadow: none !important;
		border: none !important;
		text-shadow: none !important;
	}

	.player-card .tablehead td:not([colspan='14']) {
		border: 1px solid #fff !important;
	}

	.mpTable
		> table.pickemTable
		tr
		td.picked
		.wpwOutsideWrapper
		.wpwWrapper
		.games-greenbar-pickem {
		text-indent: 6px !important;
	}

	aside + p {
		float: right !important;
	}

	#article-feed
		.article
		.article-body
		aside.inline.float-r {
		float: none !important;
	}

	#article-feed
		.article
		.article-body
		aside.inline.float-r {
		float: left;
		margin-left: 4rem !important;
	}

	.tablehead {
		border-spacing: 12px !important;
	}

	#my-players-table .tablehead {
		border-spacing: 0 !important;
	}

	[title='Minimum Plate Appearances'] {
		color: #0000;
	}

	[title='Minimum Plate Appearances']::after {
		margin-left: -3.5rem !important;
		content: 'Minimum Plate Appearances';
	}

	.Table2--hasFixed-left
		.Table2__table__wrapper
		> tbody
		> tr
		> td:first-child,
	.Table2--hasFixed-right
		.Table2__table__wrapper
		> tbody
		> tr
		> td:first-child {
		width: 12% !important;
	}

	.Table2__table__wrapper td:first-child {
		text-align: left !important;
	}

	.Table2__right-aligned:not(.Table2__table-fixed)
		.Table2__td,
	.Table2__right-aligned:not(.Table2__table-fixed)
		.Table2__th {
		text-align: center !important;
	}

	.news-feed_item-meta a {
		line-height: 21px;
		white-space: pre-line;
	}

	.news-feed-item .timestamp + .author::before {
		padding: 0;
		content: '';
	}

	.col-one
		.current-leaders
		.leader-content
		.away-leader
		.player-detail,
	.sub-module-split
		.current-leaders
		.leader-content
		.away-leader
		.player-detail {
		text-align: left;
	}

	.EmbeddedWatchPlayer__Wrapper,
	.WatchTile--16x9 .WatchTile__Content,
	.WatchTile--58x13 .WatchTile__Content,
	.WatchTile__AutoPlayOverlay,
	.WatchTile__Image,
	.WatchTile__Transparent__Wrapper {
		transform: none;
	}

	.MediaPlaceholder__Button {
		backdrop-filter: blur(0);
	}

	/*___ Fonts ________________________________________________________________________*/
	.user-entries-entry-details
		.entry-details-header
		.entry-details-entryname {
		font-size: 30px;
	}

	#article-feed
		.article
		.article-body
		aside.inline
		h1:not(.table-caption),
	#article-feed
		.article
		.article-body
		aside.inline
		h2:not(.table-caption),
	.contentItem__title--story.contentItem__title--hero,
	.contentItem__title--video,
	.news-feed-item.news-now.news-feed-tweet
		.now-content
		h1,
	.news-feed-item.news-now.news-feed-instagram
		.now-content
		h1,
	.news-feed-item.news-now.news-feed-shortstop
		.now-content
		h1 {
		font-size: 24px !important;
	}

	#article-feed
		.article
		.contentItem__content--inline.contentItem__content--media-card
		.contentItem__subhead,
	#article-feed
		.article
		.contentItem__content--inline.contentItem__content--media-card
		.contentItem__title,
	#article-feed .article p,
	.Stats__LeadersTitle,
	.contentItem__header__headings h1,
	.contentItem__title--story:not(
			.contentItem__title--hero
		),
	.contentItem__title + .contentItem__subhead,
	.game-strip .rank,
	.mod-content-feed .result h3,
	.mod-header h4,
	.news-feed-item p,
	.now-feed-item h1,
	.sidebar .news-feed-item .text-container h1,
	.sidebar
		.news-feed-item
		.text-container
		.news-feed-item-title,
	.sub-module header h1,
	table.schedule th {
		font-size: 22px !important;
	}

	.MiniCard .contentItem__title,
	.Table2__th,
	.Table__TH,
	.bracket .champion > .date,
	.bracket .champion > .location,
	.clr-gray-01,
	.club-schedule ul li .game-meta .time,
	.contentItem--headlineStack__list > li > a,
	.contentItem__content,
	.contentItem__title--story,
	.game-strip .record,
	.glossary__item,
	.glossary__title,
	.h8,
	.headlineStack__list > li > a,
	.hs8,
	.mod-content-feed .result p,
	.mod-open-list .mod-content ul li dl,
	.mod-page-tabs ul.ui-tabs,
	.mpTable > table,
	.n8,
	.news-feed-item.news-now.news-feed-tweet
		.now-content
		h1
		span,
	.news-feed-item.news-now.news-feed-instagram
		.now-content
		h1
		span,
	.news-feed-item.news-now.news-feed-shortstop
		.now-content
		h1
		span,
	.now-feed-item,
	.ns8,
	.quicklinks_list__name,
	.scorePromo__desc,
	.secondary
		#global-nav-secondary
		.ClubhouseHeader__Record,
	.sub-module .text-container h2,
	.t__meta,
	.t__meta--brand,
	.tablehead td,
	.tablehead th,
	.tertiary
		#global-nav-secondary
		.ClubhouseHeader__Record,
	.user-entries-entry-standings
		.standings-prp
		.standings-prp-item
		.header,
	.user-entries-entry-standings
		.standings-prp
		.standings-prp-item
		.value,
	.bracket .mW .matchup .slots .slot,
	body,
	body.context_nationalBracket
		.bracket.locked
		.mW
		.matchup
		.slots
		.slot
		.actual.selectedToAdvance.winner
		.abbrev,
	body.context_nationalBracket
		.bracket.locked
		.mW
		.matchup
		.slots
		.slot
		.actual.selectedToAdvance.winner
		.name,
	body.context_whopickedwhom
		.whoPickedWhomNotice
		.description,
	p,
	table td {
		font-size: 17px !important;
	}

	#gamepackage-predictor .percentage span.tie,
	#global-scoreboard .cscore_name,
	#global-scoreboard .cscore_odds,
	#global-scoreboard .cscore_score,
	#global-scoreboard .cscore_score--record,
	.Card__Header__Title,
	.QuickLinks__Item__Title,
	.actual.loser .abbrev,
	.actual.loser .name,
	.bracket .mW .matchup .slots .slot .percent,
	.bracketRounds .round .date,
	.bracketRounds .round .name,
	.btn-social.sm,
	.button-alert.sm,
	.button-alt.sm,
	.button-filter-alt.sm,
	.button-filter.sm,
	.button.sm,
	.carousel-item
		.carousel
		.item
		.item-content
		.caption
		.content
		span,
	.club-schedule ul li .game-info,
	.club-schedule ul li .game-meta,
	.col-c .quicklinks_list__sport,
	.col-one .quicklinks_list__sport,
	.col-three .quicklinks_list__sport,
	.col-two .quicklinks_list__sport,
	.contentFeed
		.one-feed-wrapper
		.items
		> .contentItem
		.cscore_score--record,
	.contentFeed
		.scoreCollection
		.cscore_score--record,
	.contentFeed
		.scoreEvent__event--f1
		.cscore_score--record,
	.contentFeed
		.scoreEvent__event--golf
		.cscore_score--record,
	.contentFeed
		.scoreEvent__event--irl
		.cscore_score--record,
	.contentFeed
		.scoreEvent__event--premier
		.cscore_score--record,
	.contentFeed
		> .contentItem
		.cscore_score--record,
	.contentItem__content--story.has-image:not(
			.miniCard,
			.contentItem__content--enhanced
		)
		.contentItem__subhead,
	.contentItem__contentMeta--bottom span,
	.cscore_date-time,
	.cscore_draft-pick,
	.cscore_info,
	.cscore_info-overview,
	.cscore_network,
	.cscore_notes p,
	.cscore_notes,
	.cscore_odds,
	.cscore_rank,
	.cscore_series,
	.favItem--overview
		.favItem__wrapper
		.favItem__info
		span,
	.favItem__name,
	.floatleft,
	.font10,
	.game-strip .game-strip__odds,
	.game-strip .game-strip__round_text,
	.game-strip.post .game-time,
	.game-strip.pre .game-time:first-child,
	.gameSettingsForm
		.gameSettings
		.gameSetting
		.scoringSystem
		.content
		.scoringSystemDetail,
	.h9,
	.hs9,
	.insider-content .btn.sm,
	.miniCard .contentItem__title,
	.mod-footer li,
	.mod-game.current
		.mod-content
		.game-details
		.time,
	.mod-jump-menu .mod-content a,
	.n9,
	.news-feed-item .category-link a,
	.news-feed...

Reviews

No reviews yet.