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!
Authorroyalba94
LicenseMIT
Categorymyminifactory
Created
Updated
Size3.8 kB
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
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!
Have not made it configurable as of yet
/* ==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;
}
}