Mediafire Ultimate Theme by darkissou

Details
Authordarkissou
LicenseNo License
Created
Updated
Categorymediafire.com
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
}
}