Mediafire Ultimate Theme by darkissou

Details
Authordarkissou
LicenseNo License
Created
Updated
Categorymediafire.com
Statistics
Learn how we calculate statistics in the FAQ.
Total views
Total installs
Weekly installs
Weekly updates
Description
The only theme for Mediafire you'll ever need. Features dark mode for every page, built-in ad blocker and more!
Notes
Features:
- Dark theme for every page on the website
- Blocks ads and other annoyances
- Better download page
- Many little tweaks
TODO (in order of priority)
- Further improve folders page
- Dark translate button
- Add more colored themes and alternative dark themes (planned feature)
Work in progress. For any questions/suggestions contact me on Discord: Darkuwu#2946
Changelog:
1.4.1
- Improved mediafire.com/about/
- Improved mediafire.com/policies
1.4.0
- Added global folders dark theme and improved the folders code
- Added 404 pages dark theme
- Improved:
- mediafire.com/file
- mediafire.com/folder
- mediafire.com/advertising/
- mediafire.com/about/
- mediafire.com/press/
- mediafire.com/software/
- mediafire.com/policies/
- mediafire.com/policy_violation/
- mediafire.com/subscriptions/
- mediafire.com/credits/
- mediafire.com/upgrade/
- mediafire.zendesk.com
- Fixed upgrade button
1.3.3
- Added dark theme for:
- mediafire.com/help/
- Fixed all blinking white when switching between pages
- Fixed footer text in some pages
1.3.2
- Improved mediafire.com/press/
1.3.1
- Added dark theme for:
- mediafire.com/folder/
- Fixed folder grid view padding
- Fixed mediafire.com/upgrade/ blinking white
1.3.0
- Added dark theme for:
- mediafire.zendesk.com
- blog.mediafire.com
- Improved login page
- Optimized code by merging register and login pages' dark theme
- Removed link to a old, not existing domain
- Fixed help button padding once again
1.2.2
- Added dark theme for:
- checkout.mediafire.com
1.2.1
- Added help button dark color and fixed padding
- Updated theme name and description
1.2.0
- Added dark theme for:
- mediafire.com/advertising/
- mediafire.com/about/
- mediafire.com/press/
- mediafire.com/software/
- mediafire.com/policies/
- mediafire.com/policy_violation/
- mediafire.com/subscriptions/
- mediafire.com/credits/
- Improved main page
1.1.0
- Better code readability
- Added ad and cookie prompt blocking
- Improved download page
- Miscellaneous fixes and improvements
1.0.0
- Initial release
Source code
/* ==UserStyle==
@name Ultimate Mediafire Dark Theme
@version 20230304.18.07
@namespace userstyles.world/user/darkissou
@description The only dark theme for Mediafire you'll ever need
@author darkissou
@license No License
==/UserStyle== */
/* ==UserStyle==
@name Mediafire Ultimate Theme
@namespace github.com/openstyles/stylus
@author Darkuwu
@description `The only theme for Mediafire you'll ever need. Features dark mode for every page, built-in ad blocker and more!`
@version 1.4.1
==/UserStyle== */
@-moz-document url("https://www.mediafire.com/") {
/* Main page */
/* Dark background */
html {
background: #111 !important;
}
#home_presslogos {
background-color: #222 !important;
border-bottom: 1px solid #222 !important;
}
.PressLogos span {
color: #a5acc8;
}
.PressLogos div div, .PressLogos div img {
filter: invert(1) hue-rotate(180deg);
}
#home_mainfeatures {
background: #111 !important;
}
#home_topfeatures {
background-color: #111 !important;
}
#home_profeatures {
background: #222 !important;
}
#hf_share {
filter: invert(1) hue-rotate(180deg) grayscale(1);
}
#hf_collab {
filter: invert(1) hue-rotate(180deg) grayscale(1);
}
#hf_store {
filter: invert(1) hue-rotate(180deg) grayscale(1);
}
#hf_access {
filter: invert(1) hue-rotate(180deg) grayscale(1);
}
#home_testimonials .testimonialBlock > .testimonial {
background: #222;
color: #acacac;
}
#home_secondaryCTA {
filter: grayscale(1);
}
/* Clear text */
body {
color: #aaa !important;
}
#home_topfeatures .topFeature h3, #home_appfeature h3, #home_profeatures .proFeature h3 {
color: #ddd !important;
}
#home_secondaryCTA h2 {
filter: opacity(.75);
}
}
@-moz-document url-prefix("https://www.mediafire.com/file/") {
/* Download page */
/* Dark background */
.page {
background: #111 !important;
}
.content {
background: #111 !important;
}
.header {
background: #111 !important;
}
.center {
background: #111 !important;
}
#footer {
background-color: #222 !important;
}
/* Dark elements */
.DLExtraInfo-sectionGraphic {
background-color: #222 !important;
}
.download_link.preparing a, .download_link.started a {
background-color: #444 !important;
color: #ddd !important;
}
.download_test_link {
background-color: #444 !important;
}
.sidebar > div {
background: #444
}
.DLExtraInfo {
border-bottom: 2px solid #333;
}
/* Clear text */
body {
color: #aaa !important;
}
.intro .filetype {
color: #bbb !important;
}
/* Enhancements */
/* Remove Ad Blocker blocking popup */
.lightbox.on .social-cont .actions {
display:none !important;
}
.nonDLContentWrap {
min-height: 1050px;
}
/* Remove white space between info and footer */
.page {
padding-bottom:0;
}
/* Center logo and download section */
.header {
width: 100%;
}
.center {
width: 100%;
right: unset;
top: 65px;
}
/* Fix padding in info section */
.DLExtraInfo-wrap {
top:500px !important;
padding:20px;
}
.DLExtraInfo-column:last-child {
padding-right:20px
}
/* Hide login buttons */
.header > .actions {
display: none !important;
}
/* Hide unwanted Facebook button */
.social-cont {
display:none !important;
}
}
@-moz-document url-prefix("https://www.mediafire.com/upgrade/") {
/* Upgrade page */
/* Dark background */
body {
background: #111 !important;
color: #aaa !important;
}
/* Dark UI elements */
#upgradeDiscountBanner {
background-color: #222 !important;
}
.planChoice {
background-color: #222 !important;
}
/* Pro upgrade plan */
.planProFeatures {
background-color: #222 !important;
}
.upgradeTemplate .toggletip-container > button {
color: #aaa !important;
}
.planProFeatures ul li::after {
border: solid 0.3px #333;
}
/* Business upgrade plan */
.planBusinessFeatures {
background-color: #222 !important;
}
.planBusinessFeatures ul li::after {
border: solid 0.3px #333;
}
/* Basic upgrade plan */
.planFreeFeatures {
background-color: #222 !important;
}
.planFreeFeatures img {
filter: invert(1);
}
/* End of page */
#footer {
background-color: #1E232F !important;
}
}
@-moz-document url-prefix("https://www.mediafire.com/login/"), url-prefix("https://www.mediafire.com/upgrade/registration.php") {
/* Register and login page */
html {
background: #111 !important;
}
body {
background: #111 !important;
}
#simpleFooter {
color: #B2B7C4;
border-top: 1px solid #E8E9EC;
background-color: #222 !important;
}
#loginWrap {
background: #222 !important;
outline: 1px solid #444444f0 !important;
}
.sectionFooter {
background: #222 !important;
}
#signupHeader {
background: #222 !important;
}
#signupHeader .wrap {
background: #222 !important;
border-bottom: 1px solid #444 !important;
}
#signUpTOS {
background: #222;
}
.BenefitsReminder-content {
background: #222;
}
.BenefitsReminder-plan {
border-bottom: 2px solid #404040;
}
.socialInProgress, .socialLoginError {
background-color: #222;
}
}
@-moz-document domain("checkout.mediafire.com") {
/* Checkout page */
/* Dark background */
.LOADING-container:not(.LOADING-container--single)::before {
background: #222;
}
.LOADING-footer {
color: rgba(255, 255, 255, 0.5);
}
.LOADING-footer svg {
fill: rgba(255, 255, 255, 0.4);
}
body {
background-color: #222 !important;
color: hsla(0, 0%, 75%, 0.9);
}
.App-Payment {
background-color: #222 !important;
}
.App-Container:not(.App-Container--setupMode)::before {
background: #222;
}
/* Fix text color */
.Text-color--gray600 {
color: hsla(0, 0%, 100%, 0.7);
}
.Text-color--gray500 {
color: hsla(0, 0%, 90%, 0.6);
}
.Text-color--gray400 {
color: hsla(0, 0%, 100%, 0.5);
}
.Header:not(.is-darkBackground) .Header-merchantLogoWithLabel .Text {
color: hsla(0, 0%, 100%, 0.9);
}
.Link--checkout--secondary {
color: hsla(0, 0%, 100%, 0.5);
text-decoration: underline dotted hsla(0, 0%, 100%, 0.5);
}
.CheckoutFooter-links {
text-decoration: underline dotted hsla(0, 0%, 100%, 0.5);
}
.PolicyHighlight-highlight {
color: hsla(0, 0%, 100%, 0.6);
}
.PolicyHighlight-highlight.Button--link {
text-decoration: underline dotted hsla(0, 0%, 100%, 0.5);
}
.PolicyHighlight-highlight:hover, .PolicyHighlight-highlight:hover .PolicyHighlight-icon {
color: hsla(0, 0%, 100%, 0.8);
}
.PolicyHighlight-icon {
color: hsla(0, 0%, 100%, 0.6);
}
/* Dark elements */
header.Header {
background-color: #222 !important;
}
.Header:not(.is-darkBackground) .Header-business .Header-backArrow {
fill: hsla(0, 0%, 100%, 0.9);
}
.Footer-PoweredBy-Icon {
fill: hsla(0, 0%, 100%, 0.4);
}
.OrderDetailsSubtotalItem .Tooltip-Context {
background-color: #222;
}
div[class="Tooltip-Context "] {
color: #222 !important;
}
}
@-moz-document url-prefix("https://www.mediafire.com/advertising/"), url-prefix("https://www.mediafire.com/about/"), url-prefix("https://www.mediafire.com/press/"), url-prefix("https://www.mediafire.com/software/"), url-prefix("https://www.mediafire.com/policies/"), url-prefix("https://www.mediafire.com/policy_violation/"), url-prefix("https://www.mediafire.com/subscriptions/"), url-prefix("https://www.mediafire.com/credits/"), url-prefix("https://www.mediafire.com/help/") {
/* Other pages */
html {
background: #111 !important;
}
#content_container {
background-color: #111 !important;
}
#header {
background: #222 !important;
}
#header_help_center {
background: #111;
}
body {
background: #111 !important;
color: #aaa !important;
}
#sidebar > ul li.current a {
background: #404040 !important;
}
#sidebar > ul li a:hover {
background: #222222 !important;
color: #aaa !important;
}
#pathToFuture {
background: #222;
}
#footer {
background-color: #1E232F !important;
color: #fff !important;
}
#footer a {
color: #A7A9AE;
}
#footer a:hover {
color: #fff;
}
.inset-box {
background: #222;
}
table {
background: #222;
}
tbody tr {
background: #222;
}
#data_retention_table tbody tr:hover {
background: hsl(0, 0%, 25%);
}
#data_retention_table tbody td {
border-bottom: 2px solid #555;
}
#productAndroid div {
background: url(https://i.imgur.com/Xy99dPR.png) left bottom no-repeat;
}
#productiOS div {
background: url(https://i.imgur.com/5dQ76bK.png) left bottom no-repeat;
}
#productWeb div {
background: url(https://i.imgur.com/tmmbyZX.png) center bottom no-repeat;
}
#content #jobdescription h3 {
color: white;
}
li[id="accDoubleClick"] {
filter: invert(0.935) hue-rotate(180deg);
}
li[id="accPCMag"] {
filter: invert(0.935) hue-rotate(180deg);
}
li[id="accTechCrunch"] {
filter: invert(0.935) hue-rotate(180deg);
}
li[id="accPCWorld"] {
filter: invert(0.935) hue-rotate(180deg);
}
li[id="accCNet"] {
filter: invert(0.935) hue-rotate(180deg);
}
img[src="//static.mediafire.com/images/backgrounds/newHome/redesign/blue_logo_300px.jpg"] {
filter: invert(0.935) hue-rotate(180deg);
}
img[class="PhotoDNA-logo"] {
filter: invert(0.935) hue-rotate(180deg);
}
}
@-moz-document domain("mediafire.zendesk.com") {
/* Support site */
/* Dark background */
html {
background-color: #111 !important;
}
/* Fix text */
h1, h2, h3, h4, h5, h6 {
color: #ddd;
}
.community h2, .community h3, .section h3 {
color: #aaa;
}
body {
color: #ddd;
}
/* Dark elements */
.header {
background: #222;
border-bottom: 1px solid #444;
}
.search-box input, .sub-nav .search input {
background-color: #222;
}
.dropdown-menu {
background: #222;
border: 1px solid #444;
}
.dropdown-menu [role="menuitem"] {
color: #aaa;
}
.dropdown-menu [role="menuitem"]:hover, .dropdown-menu [role="menuitem"]:focus {
background: #111;
color: #888;
}
zd-autocomplete {
background-color: #111;
}
zd-autocomplete-option {
color: #aaa;
}
zd-autocomplete-option[aria-selected="true"] {
background-color: #222;
color: #ddd;
}
}
@-moz-document domain("blog.mediafire.com") {
/* Blog site */
/* Header */
.fl-page-header {
background-color: #222;
}
.fl-page-nav-right.fl-page-header-fixed, .fl-page-header-fixed {
background-color: #222;
}
/* Dark background */
.fl-page-content {
background-color: #222;
}
/* Fix text */
body {
color: #bbb;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
color: #95bbff;
}
h1, h2, h3, h4, h5, h6 {
color: #95bbff;
}
.fl-page-nav-right .fl-page-nav-wrap .navbar-nav > li > a {
color: #ddd;
}
.fl-page-nav-right .fl-page-nav-wrap .navbar-nav > li > a:hover, .fl-page-nav-right .fl-page-nav-wrap .navbar-nav > li > a:focus {
color: #fff;
}
.fl-page-nav-right .fl-page-nav-wrap .navbar-nav > li.current-menu-item > a {
color: #888;
}
/* Dark elements */
.fl-page-footer {
border-top: hidden;
background-color: #1e232f;
}
.fl-content-left {
border-right: 1px solid #444;
}
}
@-moz-document domain("mediafire.com") {
/* Global rules */
#footer a:hover {
color: #ddd;
}
/* 404 pages */
html {
background: #111;
}
#header {
background: #222;
}
#footer {
background-color: #1E232F;
}
/* Hide unwanted stuff */
/* Hide cookies acceptance */
div.fc-consent-root {
display:none !important;
}
.CookieAcceptance {
display: none !important;
}
/* Restore scrolling */
body {
overflow: auto !important;
}
/* Dark help button and fixed padding */
.floatingTabsBox {
background-color: #222 !important;
}
.floatingTabsBox form {
padding: 20px 20px 0 !important;
}
/* Fix stuff */
[href="http://forum.mediafiredev.com/"] {
display:none !important
}
.upgrade_button_frame {
width: 110px;
}
}
@-moz-document url-prefix("https://www.mediafire.com/") {
/* Folder pages */
/* Dark Background */
.myfiles #container, .recentChanges #container, .sharedWithMe #container {
background: #222;
}
.breadcrumbs_container, .thisfolder_root #myfilesCurrentFolderName {
filter: invert(0.9) hue-rotate(180deg) !important;
}
/* Fix text */
body {
color: #aaa;
}
#myfilesCurrentFolderNameWrap {
border-bottom: 1px solid #444;
color: #000 !important;
background: #222;
}
#container.sort-name.sort-created #myfiles_sortbyname a, #container.sort-name.sort-size #myfiles_sortbyname a, #container.sort-name.sort-downloads #myfiles_sortbyname a, #container.sort-name.sort-relevancy #myfiles_sortbyname a, #container.sort-name.sort-expire #myfiles_sortbyname a {
color: #ddd;
}
.dropdown li, .dropdown .zeroclipboard {
color: #ddd;
}
.dropdown li:hover, .dropdown .zeroclipboard-is-hover {
color: #888;
}
.columnControl a {
color: #bbb;
}
.filename_outer > a {
color: #ddd;
}
.sizeS #thumbnailSize .thumbnailBtnS, .sizeM #thumbnailSize .thumbnailBtnM, .sizeL #thumbnailSize .thumbnailBtnL {
color: #aaa;
background: #444;
text-shadow: 0px 1px 0px #222;
}
/* Dark elements */
#myfiles_controlbar_outer {
background: #222;
border-bottom: 1px solid #444;
}
.columnControl a {
background-color: #222;
}
.columnControl:hover a {
background-color: #444;
}
.arrow_down::before {
filter: invert(1) hue-rotate(180deg);
}
.row_container {
border-top: 1px solid #464646;
background: #222;
}
.row_container:hover {
background: #111;
}
.row_container.row_context {
background: #111;
border-color: #000;
}
.row_container.file_selected .itemStatus {
background: none !important;
}
.row_container.file_selected:hover .itemStatus {
background: none !important;
}
.itemStatus {
filter: invert(1) hue-rotate(180deg);
background: none !important;
}
.dropdown ul {
background: #111;
}
#contextmenu li[class*="ico30"]::after {
filter: invert(1) hue-rotate(180deg);
}
#myfiles_controlbar_wrap {
border-top: none !important;
}
.row_container:last-child {
border-bottom: 1px solid #444;
}
.columnControl {
background-image: -webkit-linear-gradient(top, #555, #333) !important;
background-image: -moz-linear-gradient(top, #555, #333) !important;
background-image: -ms-linear-gradient(top, #555, #333) !important;
background-image: -o-linear-gradient(top, #555, #333) !important;
background-image: linear-gradient(top, #555, #333) !important;
}
#modal_window_popup.transparentBG .popup-close {
filter: invert(1) hue-rotate(180deg);
}
.popup {
background-color: #222;
}
.breadCrumbsOptions {
filter: invert(1) hue-rotate(180deg);
}
.gbtnPrimary, input[type="button"].gbtnPrimary, input[type="reset"].gbtnPrimary, input[type="submit"].gbtnPrimary {
color: #E9EAEB;
background: #575B65;
}
#myfiles_wrap.thumbnailView .row_container:hover {
background: #444;
}
#thumbnailSize a {
background-color: #333
}
.changeview_tabs > div:hover, #thumbnailSize a:hover {
background-color: #444;
}
.columnControl:hover {
background-color: #222;
}
[stylus-iframe="https://www.mediafire.com"] .ShareDialog {
background-color: #222 !important;
}
[stylus-iframe="https://www.mediafire.com"] .ShareDialog-socialLinks a {
color: #a4c1ff;
}
/* Fix padding */
#myfiles_wrap.thumbnailView .row_container {
padding: 20px 10px 30px;
}
}