Mod portal "everything isn't grey" css override

[Xuerian]

Use Stylish or whatever to load. It's not really pretty, but it's readable.

Code: Select all

@-moz-document domain("mods.factorio.com") {
.mod-page div:not(.mod-page-tabs) a,
.mod-card :not(.no-picture) a {
    color: #24B !important;
    text-decoration: underline;
}

.mod-page div:not(.mod-page-tabs) a:hover {
    color: #ff9f1c !important;
}

.mod-page-content,
.search-bar,
.search-block-query,
.mod-card {
    background: #FAFAFA !important;
}

li.discussion-list-message:nth-child(even),
.mod-card:nth-child(odd) {
	background: #DDD !important;   
}

.mod-card-info span * {
    background: none !important;
}

.mod-page-tabs li a {
    background: #bbb;
}

.mod-page-tabs li a.active {
    background: #FAFAFA;
}

.mod-card-footer {
    background: #777 !important;
}

.mod-page-description,
.data-name,
.data-value,
button,
.mod-card-summary,
a.btn {
    color: #444 !important;
}

span.tag,
ul.tags-list li {
    color: #EEE !important;
}
}

[Xandaros]

Thank you very much!
Now I can actually read the mod descriptions.

[darkfrei]

How to overwrite this?

[Xuerian]

How to overwrite this?

Use it, you mean? Install Stylish, it's a browser extension.

Firefox Stylish will accept the code directly, Chrome will want to convert it.

[Xuerian]

Updated for whatever change happened with the mod page, I think.