Mediafire Ultimate Theme by darkissou

Mediafire Ultimate Theme screenshot
Install Get Stylus Write a review

Details

Authordarkissou

LicenseNo License

Created

Updated

Categorymediafire.com

Statistics

Learn how we calculate statistics in the FAQ.

Total views

Total installs

Weekly installs

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
  • Blocks ads and other annoyances
  • Better download page
  • Many little tweaks

TODO (in order of priority)

  • Add user folders' dark theme (links that goes like "mediafire.com/xxxxx" but are normal folders)
  • Add error pages dark theme
  • Improve mediafire.com/folder/
  • Improve mediafire.com/upgrade/
  • Dark translate button

Work in progress. For any questions/suggestions contact me on Discord: Darkuwu#2946

Changelog:

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         Mediafire Ultimate Theme
@version      20221027.08.02
@namespace    userstyles.world/user/darkissou
@description  The only dark theme for Mediafire you'll ever need
@author       darkissou
@license      No License
==/UserStyle== */

@-moz-document url("https://www.mediafire.com/") {
/* ==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.3.3
==/UserStyle== */


/* 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
    }

    /* 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;
    }

    /* Centery 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;
    }
    
    html {
        background: #111 !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;
    }
    
    /* Business upgrade plan */
    
    .planBusinessFeatures {
        background-color: #222 !important;
    }
    
    /* 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/folder") {
/* Folder page */

    /* Dark Background */

    .myfiles #container, .recentChanges #container, .sharedWithMe #container {
        background: #222;
    }

    .breadcrumbs_container, .thisfolder_root #myfilesCurrentFolderName {
        filter: invert(1) hue-rotate(180deg);
    }

    /* Fix text */

    body {
        color: #aaa;
    }

    #myfilesCurrentFolderNameWrap {
        border-bottom: 1px solid #444;
        color: #ddd;
        background: #222;
    }

    #myfilesCurrentFolderNameWrap {
        color: #111;
    }

    #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;
    }

    #myfilesCurrentFolderNameWrap {
        color: #aaa;
    }

    .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;
    }

    .breadcrumbs_container, .thisfolder_root #myfilesCurrentFolderName {
        background: #fff url(//static.mediafire.com/images/backgrounds/newMyfiles/breadcrumbArrow.png) no-repeat right center;
    }

    .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;
    }

    .itemStatus {
        filter: invert(1) hue-rotate(180deg);    
    }

    .dropdown ul {
        background: #111;
    }

    #contextmenu li[class*="ico30"]::after {
        filter: invert(1) hue-rotate(180deg);   
    }

    #myfiles_controlbar_wrap {
        border-top: 1px solid #444;
    }

    .row_container:last-child {
        border-bottom: 1px solid #444;
    }

    .columnControl {
        background-image: -moz-linear-gradient(top, #444, rgba(255,255,255,0));
        background-color: #111;
    }

    #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;
    }

    /* Fix padding */

    #myfiles_wrap.thumbnailView .row_container {
        padding: 20px 10px 30px;
    }
}

@-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: #111 !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;
    }
}

@-moz-document domain("mediafire.zendesk.com") {
/* Support site */
    /* Dark background */

    html {
        background-color: #222 !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: #111;
        border-bottom: 1px solid #444;
    }

    .search-box input, .sub-nav .search input {
        background-color: #111;
    }

    .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;
    }
}

@-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;
    }

/* 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;
    }
    
/* Remove broken link */
    
    [href="http://forum.mediafiredev.com/"] {
        display:none !important
    }
}

Reviews

No reviews yet.