Skip to content

Tapology Dark Mode by griim

Screenshot of Tapology Dark Mode

Details

Authorgriim

LicenseNo License

CategoryTapology

Created

Updated

Size28 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

This theme mainly features grey colors against a darker background. This was made by GeneralWeekly7249, I (griim) only modified the colors.

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         Tapology Grey
@version      20241214.17.46
@namespace    https://userstyles.world/user/GeneralWeekly7249
@description  This theme mainly features grey colors against a darker background. This was made by GeneralWeekly7249, I (griim) only modified the colors.
@author       GeneralWeekly7249 and griim 
@license      No License
==/UserStyle== */

@-moz-document domain("tapology.com") {
/* Background */
body {
	background-color: #333 !important;
}

/* Text */
.text-tap_1, .text-tap_2, .text-tap_3, .text-tap_4, .text-tap_6, h1, .links h4,
td, .good, p, .short p, .left, .leader, div#userActivity ul li span, [class^="text-neutral-"], .text-neutral-500, .text-neutral-600, .text-neutral-700, .text-neutral-800, .font-bold.text-neutral-900, .text-neutral-950, .stat_swatches, .newsContent *, .story, .text-center, .details li strong, .details_with_poster, .header, .postText, .postHeader, .forumTopicActivityContents h6, .postComment h2, dd.stats, .rankingShowNavAbout, .official label, .margin p, .faqBox h4, .faqBox ul, div#userQuote h5, .sectionHeading, .inviteOptions h4, .halfWidth li, .evenPadding ul li, .details *, .cursor-zoom-in, .previewContent dt a:hover, .searchCats dt, form.typical label, .description, .text-xs, .rankingShowNavRegionalSelect, .rankingShowNavSearch label, .regionRegionalRankingFirstInfo, .md\:text-neutral-800, .text-neutral-50.rounded, .text-neutral-50.rounded *, .text-\[\#727272\], .transContent li, label.string, label.password, label.font-bold, .basis-\[85\%\], .userStats li, .sidebarEvent div.embeddable input, h6.role, .regionHomeLinks h4, .regionIndexGroups ul li h6, .comment, span.arrow, span.regular {
    color: #FFF !important;
}

/* Link text */
a, a *, a.className, a#linkID, a:link, a:visited, a:hover, a:active, div a, div > a, a.class1.class2, a.linkClass, a.className:hover, a:first-child, a:last-child, a:nth-of-type(2), a.basis-full *, a.link-primary-red, .leading-normal a.link-primary-red, .userAlertContainer div.userAlertMessage div.userAlertMessageRight span a, .userAlertContainer div.userAlertMessage div.userAlertMessageLeft span a, a.text-neutral-500.border-b.border-dotted.border-neutral-500, a.link-primary-gray.text-lg * {
	color: #aaa !important;
}

/* Gray text */
.text-tap_7, .text-tap_9, .font-normal.text-tap_6, .text-neutral-400, p.sub, .text-xs.text-tap_6, .from, .time, h4.preTitle, p#post label, .postThreadShowTitles h4, .feedCats.clearfix li.label, .birthdayTweet, span.right, .transContent h4, .transContent h5, .md\:text-tap_7f, .pickSaverSidebar h4.center, .predBuild, .fighterStats tbody tr td.category, .gameSectionHeadingLabel, .rankedFighterBoutHeader, dd.light, .infoSection h4, [id*="expandCollapse"] > span, span.max-w-\[210px\], div.text-xs > span, span.note, .rankTool p.pad, .shareModuleText label, .newPostRelated p, p.postEdited, p.postSig, .forumTopicsPreview li, .topicStats dd, td.category.center, .gameMatchupDetail tbody tr td.boutName, .navLinks.borderTop.evenPadding.noBorderBottom span.left, .myRankings li dd.stats, .pagePostRestrictionBanner {
	color: #aaa !important;
}

/* Gold text */
.text-tap_gold, .text-tap_darkgold, .text-tap_darkgold *, .text-tap_gold.italic, .text-tap_gold.italic *, .uppercase.text-tap_gold, .uppercase.text-tap_gold *, .subtitle *, .birthdayAge, .rank, td.center.record, .fName.right, .fName.left, .text-\[14px\], .pr-px {
	color: #A88843 !important;
}

/* Alt text */
.subTextAlt, .text-slate-700 {
	color: #305480 !important;
}

/* Hover */
a:hover, .link-class:hover, .button-class:hover, div.gameBuilderOneOnOne div.gameBigHeader.extraPadBottom form.gameChallenge.marTop input:hover {
    text-decoration: underline !important;
}

/* Logo */
.logo, .logo *, #brandNavDesktop, #brandNavDesktop *, #tapology-fist, #tapology-fist *, svg#tapology-logo, svg#tapology-logo * {
    fill: #aaa !important;
}

/* userBars */
.userBarSidebarLinksSections, .userBarSidebarLinksSections *, .sidebarEvent, .userBarSubscribedThreads, .userBarSubscribedThreads *, .userBarGames, .userBarGames *, .userBarGroups, .userBarGroups *, .pickDeadlineSidebar, .pickDeadlineSidebar *, .rankingPreviewSidebar, .rankingPreviewSidebar *, .userPromotionSidebar, .userPromotionSidebar *, .contactSidebar, .contactSidebar *, .boutDisputeSidebar, .boutDisputeSidebar *, .birthdaySidebar, .birthdaySidebar *, .eventQuickCardSidebar, .eventQuickCardSidebar *, .regionFCSidebar, .regionFCSidebar *, #ownObject, #ownObject *, .ownershipSidebar, .ownershipSidebar *, .sidebarFighter, .sidebarFighter *, .inviteSidebar, .inviteSidebar *, .sidebarEventLeaderboard, .sidebarEventLeaderboard *, .userBarRankings, .userBarRankings *, .lessAdvertisingSidebar, .lessAdvertisingSidebar * {
    background: #242424 !important;
}

.userBarSidebar {
    background: #121212 !important;
}

.sidebarEvent * {
    background-color: #0000 !important;
}

.logged-in-sidebar-top {
    background-color: #121212 !important;
}

.overflow-y-auto {
    background-color: #121212 !important;
}

/* Icons */
div[class$="Sidebar"], div[class$="Bar"] > div > i:first-child, div[class*="Sidebar"] i:first-child, div[class*="Bar"] i:first-child, .material-icons {
    color: #aaa !important;
}

.userRelationshipToggler a:hover {
	text-decoration: none !important;
}
.userRelationshipToggler a i.material-icons:hover {
	color: #FFF !important;
}

/* Bars */
.subnav {
	background-color: #333 !important;
}

.border-b-4.border-neutral-200 {
	background-color: #242424 !important;
}

.h4-med-light-gray {
	background-color: #242424;
	color: #FFF;
}

.bg-tap_e6 {
	background-color: #242424 !important;
}

h4.miniHeader.red {
	background: #aaa;
	color: #121212;
}

.regionParentChildRegionsContainer h4 {
	background: #aaa;
	color: #121212;
}

/* Fight record */
.flex.grow.items-center.h-full {
	background-color: #242424 !important;
}

.bg-\[\#e6e6e6\] {
	background-color: #242424;
}

/* Fighter info */
.flex.flex-col.px-1 > div:nth-child(even) {
  background-color: #242424;
}

.flex.flex-col.px-1 > div:nth-child(odd) {
  background-color: #0000;
}

.border-white {
	border-color: #121212 !important;
}

/* Rankings */
div.rankingsTopFiveText a, div.rankingsTopTenText a {
	color: #121212 !important;
}

.rankedFighterBoutUpcoming {
	width: 126px !important;
	background: #aaa !important;
     color: #121212 !important;
}
div.rankedFighterBoutUpcoming a {
	color: #121212 !important;
}

.rankedFighterBoutRow.upcoming div.rankedFighterBoutEvent {
	width: 130px;
	background: #0000 !important;
	color: #aaa !important;
}

.flex.flex-col.rounded.w-full.bg-tap_f2 {
	background-color: #333 !important;
}

.rounded.bg-white {
	background-color: #121212 !important;
}

.rankingShowNavHolder {
	background-color: #333;
}

.rankingShowNavAbout {
	background-color: #121212;
}

.rankingShowNavLink {
	background-color: #121212;
}

select#ranking.official, select#region, select#weight, select#pro, #searchRefine select {
	background: #aaa !important;
	color: #121212 !important;
}

ul.rankingItemsList li:nth-child(2n) {
	background: #242424;
}

div[id*="superRegion"] {
	background: #242424;
}

.rankingGroup {
	background: #242424;
}

.rankingGroup.member {
	background: #242424;
}

.regionRegionalRankings > li, .regionRegionalRankings > li > div, .regionRegionalRankings > li > div > h2, .regionRegionalRankings > li > div > div, .regionRegionalRankings > li > div > div > div {
  background-color: #242424 !important;
}

.contributorListImageContainer {
	background: #242424;
}

p.rankNumber {
	background: #0000;
}

input.listSummary, input.listSummary:hover {
	background: #242424;
	color: #FFF;
}
form#ranking_search_form input#rankSearch {
	background: #121212 !important;
	color: #FFF;
}
div#rankSide.rankTool div.fighterRank ul.rankCats {
	background: #0000 !important;
}
.sidebar.sticky-sidebar div#rankSide.rankTool div.fighterRank, .sidebar.sticky-sidebar div#rankSide.rankTool div.fighterRank * {
	background: #121212 !important;
	color: #FFF;
}
.rankBuildSet li {
	background: #121212;
	color: #FFF;
}
textarea.rankingComments, .ready textarea, textarea.rankingComments:hover, .ready textarea:hover {
	width: 550px;
	color: #FFF;
	background: #242424 !important;
}

#photoRank dd[class*="Tails"] {
	background: #0000;
}

/* Tables */
tr:nth-child(even) * {
    background-color: #0000;
}

tr:nth-child(odd) * {
    background-color: #0000;
}

table.fighterStats tr:nth-child(2n+1) {
	background: #242424;
}

table.fighterStats td.gutter {
	background: #0000;
}

table.games td.subHeader {
    background-color: #121212;
}

.bg-tap_f2 {
	background-color: #242424;
}

div.md\:even\:bg-tap_f2:nth-child(odd) > div:nth-child(2) {
    background-color: #0000;
}
div.md\:even\:bg-tap_f2:nth-child(even) > div:nth-child(2) {
    background-color: #242424;
}

[id^="detail-rows"] > div:nth-child(even), [id^="detail-rows"] > div:nth-child(odd) {
    background-color: #242424;
}

table.siteSearchResults tr:nth-child(2n) {
	background: #242424;
}

.fcLeaderboard tr:nth-child(2n) {
	background: #242424;
}

ul.rankingsOtherMovers li:nth-child(2n) {
	background: #242424;
}

div.md\:even\:bg-tap_f2 > div * {
	background: #0000 !important;
}

table.gameMatchupsBody tr {
	background: #0000;
}
table.gameMatchupsBody tr:nth-child(2n) {
	background: #242424;
}

.even\:bg-tap_f2:nth-child(2n) {
	background-color: #242424;
}

table.userPickStatus {
	width: 1176px;
}

table.userPickStatus tr.head {
	border-bottom: 3px solid #0000;
}

table.userPickStatus tr {
	background: #0000;
}

table.userPickStatus tr:nth-child(2n) {
	background: #242424;
}

tr.body:hover {
	background-color: #444 !important;
}

.userBarGames tbody tr th.gutter, .sidebarBasic tbody tr th.gutter.thin...

Reviews

No reviews yet.