Skip to content

Mopaiv.co Unofficial Dark Theme by mrblunker

Details

Authormrblunker

LicenseNo License

Categorymopaiv.co

Created

Updated

Size4.5 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Ever want to turn off the light

Notes

Userstyle doesn't have notes.

Source code

/* ==UserStyle==
@name         Mopaiv.co Unofficial Dark Theme
@version      20220404.03.52
@namespace    userstyles.world/user/mrblunker
@description  Ever want to turn off the light

Affects:
- Mopaiv.com & it's subdomains
@author       mrblunker
@license      No License
==/UserStyle== */

@-moz-document domain("mopaiv.co") {
:root {
    --main-bg-color: #1a1a1c;
    --main-text-color: #fff;
    --secondary-text-color: #ccc;
    --main-element-bg-color: #151515;
    --secondary-element-bg-color: #131313;
    --secondary2-element-bg-color: #0f0f0f;
    --third-element-bg-color: #222;
    --mopaiv-blue: #007bff;
    --mopaiv-blue-darker: #0057b5;
}

body, html {
    background-color: var(--main-bg-color);
}

p.text-center {
    color: var(--main-text-color);
}

.navbar {
    background-color: var(--main-element-bg-color);
    border-bottom: 1px solid rgba(0,0,0,.125);
}

.card {
    background-color: var(--main-element-bg-color);
}

.landing-header {
    background-color: var(--secondary-element-bg-color) !important;
}

.card * {
    color: var(--main-text-color);
}

.text-muted, .text-truncate {
    color: var(--secondary-text-color);
}

#tabName, h1, h2, h3, h4, h5, h6 {
    color: var(--main-text-color);
}

.nav-pills .nav-link, .nav-pills .nav-link:hover, .nav-pills .nav-link:focus {
    background-color: var(--main-element-bg-color);
    color: var(--main-text-color);
}

.card .nav-pills .nav-link:hover {
    background-color: var(--secondary-element-bg-color);
    color: var(--main-text-color);
}

.nav-pills .nav-link.active, .nav-pills .nav-link.active:hover, .nav-pills .nav-link.active:focus {
    background-color: var(--mopaiv-blue);
    color: var(--main-text-color);
}

.img-holder, .card-top, .card .card-top {
    background-color: var(--secondary-element-bg-color) !important;
}

.form-control, .form-control:hover, .form-control:focus {
    background-color: var(--main-element-bg-color);
    border: 1px solid rgba(0, 0, 0, .25);
}

.form-control:focus, .card .form-control:focus {
    border: 1px solid var(--mopaiv-blue) !important;
}

.card .form-control, .card .form-control:hover, .card .form-control:focus {
    background-color: var(--secondary-element-bg-color);
    border: 1px solid rgba(0, 0, 0, .25);
}

.form-control, .form-control:focus {
    color: var(--main-text-color);
}

.form-control::placeholder {
    color: var(--secondary-text-color);
}

a {
    color: var(--secondary-text-color) !important;
}

a:hover, a:focus {
    color: var(--main-text-color);
}

.col-md.text-center-sm.align-self-center.hide-sm span, .col-md.text-center-sm.align-self-center span {
    color: var(--secondary-text-color);
}

.nav-item a:hover, .nav-item a:focus {
    background-color: var(--secondary-element-bg-color) !important;
}

.border-right, .border-left {
    border-color: #111 !important;
}

.nav-item.dropdown .dropdown-menu {
    background-color: var(--main-element-bg-color);
    border: 1px solid rgba(0, 0, 0, .25);
}

.dropdown-menu {
    box-shadow: 0 8px 8px -4px var(--main-element-bg-color);
    /*box-shadow: 0 3px 10px var(--main-element-bg-color); */
}

.dropdown-divider {
    border-color: rgba(0, 0, 0, .25);;
}

hr {
    border-color: #111;
}

.details, .copyright, .socials i {
    color: var(--secondary-text-color) !important;
}

.copyright:after {
    content: "Dark theme made by Index.";
    display: block;
}

.modal-content {
    border-color: var(--main-element-bg-color);
}

.modal-body {
    background-color: var(--secondary-element-bg-color);
}

.modal-header, .modal-footer {
    background-color: var(--main-element-bg-color);
    border-color: var(--main-element-bg-color);
}

.col-md-2.text-center.text-truncate.hide-sm, .col-md-6.text-truncate {
    color: var(--main-text-color);
}

.input-group-text {
    background-color: var(--secondary2-element-bg-color);
    border-color: #000;
}

.card[style="border-left:5px solid #1890ff;box-shadow:none;"] {
    background-color: var(--main-bg-color);
}

.alert a {
    color: var(--mopaiv-blue) !important;
}

div[style="color:inherit;font-size:20px;font-weight:600;"], h4[style="color:inherit;font-size:20px;font-weight:600;"] {
    color: var(--secondary-text-color) !important;
}

pre[style="word-wrap: break-word; white-space: pre-wrap;"] {
    color: var(--main-text-color);
}
}

Reviews

No reviews yet.