Skip to content

MyMiniFactory - Darker Mode by royalba94

Screenshot of MyMiniFactory - Darker Mode

Details

Authorroyalba94

LicenseMIT

Categorymyminifactory

Created

Updated

Size3.8 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

just a simple dark mode tweak to the site, no image filters applied.

Please let me know if there's a place I missed or is rendered unreadable due to colors - this is a first pass product. Thanks!

Notes

Have not made it configurable as of yet

Source code

/* ==UserStyle==
@name           MyMiniFactory - Darker Mode
@namespace      github.com/openstyles/stylus
@version        1.0.5
@description    Darker mode for MMF
@author         ValoranUnfael
==/UserStyle== */

@-moz-document domain("myminifactory.com") {
    /* Insert code here... */
    
.jss18 {
    color: rgba(0, 0, 0, 0.87);
    background: #888;
}

.cont-obj-info {
    background: #bbb;
    border-color: #888;
}

table {
    background: #bbb;
}

#main {
    background: #bbb !important;
}
    
.userprofile #main {
    background: transparent !important;
}   
    
.search-result-each {
    border: 1px solid #888;
}

hr {
    border: solid #aaa;
}

.searchtitle-store, .searchtext-store {
    color: #222 !important;
}

.jss20 {
    border: solid 1px #666;
}

.jss110 {
    background: #BBB;
}

.jss24 {
    background-color: #888;
}

.jss115 {
    border: 1px solid #888;
}

.campaignCard {
    background-color: #ddd;
}

.container-search {
    background: #BBB;
}

.jss65 {
    background-color: #BBB;
}
    
.jss66 {
    background-color: #BBB;
}

.campaign-stats-and-video-flex {
    background-color: #888;
}

.campaign-about, .campaign-updates, .campaign-comments {
    background-color: #bbb;
}

.row-tabs {
    background: #aaa;
}

.pledge-container {
    background-color: #888;
}

#tabs-container-container.sticky .crowdfunding-statistics-sticky {
    background-color: #666;
}

.small-12, .medium-12 .large-12 {
    background-color: transparent !important;
    border-color: #888 !important;
}

.campaign-description-section, .campaign-assets {
    background-color: rgba(187, 187, 187, 0.6);
}

.reveal-modal {
    background-color: #bbb;
}

.open-pledge-modal {
    color: #ccc;
}

.btn-click-r {
    border: .5px solid #888;
}

.title-open, .title-tags {
    border-bottom: 1px solid #888;
}

.container-title-open {
    border-bottom: 1px solid #888;
}

textarea {
    background-color: #ddd;
}

.btn-message {
    border: 1px solid #888;
}

.btn-user {
    text-shadow: 0 1px 0 #bbb;
}

table.table-spec tr:nth-of-type(2n) {
    background: #b5b5b5;
}

#tabcontent {
    background: #888 !important;
}

.tabs {
    border-bottom: 1px solid #666;
}

.tab-title {
    background: #555;
}

.tab-title.active {
    background: #666;
}

select {
    background-color: #DDD;
}

.home-page-component {
    background-color: #bbb0 !important;
}

.home-block:not(.home-block-no-border) {
    border: solid #888;
    background-color: #bbb;
}

.arrow-button {
    background: #ddd;
}

.home-tabs-header {
    background: #ddd;
    border: solid #888;
}

.object-card {
    background-color: #555;
}

.home-tabs {
    background-color: #ddd;
}

.home-big-card-text {
    background: #ddd;
}

.hide-rest {
    background-color: #ccc !important;
}

.rslides {
    border-color: #ccc !important;
}

#formnewcomment {
    background-color: rgb(215, 215, 215);
}

.fancybox-skin {
    background: #666;
}

.limit-container {
    background-color: #bbb;
}
    
.banner-container {
  background-color: #bbb;
}
    
.reason .banner-container {
  background-color: transparent;
}
    
.reason {
  background-color: #888;
}
    
.banner-aligning-box {
  background-color: #ddd;
}
    
.banner-container .left-block {
  background: linear-gradient(160.5deg, rgba(0, 168, 219, 0.15) 1.21%, rgba(0, 196, 166, 0.02) 100%);
}
    
.membership-card.premium > div {
  background: #DDD;
}
    
.membership-card, .mmf-plus-deals, .mmf-plus-thanks {
  background: #6a6a6a;
}
    
.home-page-component h3 {
  color: #1c9979;
}
    
.post {
  background-color: #bbb;
}
    
.post .post-closed::after {
  background: linear-gradient(transparent,#bbb);
}
    
.home-block .home-block-no-border, .home-page-component .hpc-n-padding-t, .hpc-n-padding-b {
    background-color: #bbb !important;
}
    
ul.pagination li a {
  color: #666;
}
    


    
}

Reviews

No reviews yet.