Skip to content

Mopaiv Dark Mode (AS) (Red) by as1

Screenshot of Mopaiv Dark Mode (AS) (Red)

Details

Authoras1

LicenseNo License

CategoryMopaiv.com

Created

Updated

Size4.6 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Code:Index

Hope you enjoy

Notes

Creddit to(Index)

Source code

/* ==UserStyle==
@name          Mopaiv Dark Mode Red
@namespace      mopaiv.com
@version        1.0.0
@description    Do you want a dark made by AS use this one
@author         Me
==/UserStyle== */

@-moz-document domain("mopaiv.com") {
:root {
    --main-bg-color:#1b1b1c;
    --main-text-color: #ff0000;
    --secondary-text-color: #ff0000;
    --main-element-bg-color: #282828;
    --secondary-element-bg-color: #282828;
    --secondary2-element-bg-color: #282828;
    --third-element-bg-color: #000000;
    --mopaiv-Grey: Grey;
}

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: #ff0000;
}

.card .card-header {
    background: #1a1a1a;
    color: #ff0000;
    border-color: #152E4D;
    font-weight: 561;
}

.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-color: var(--main-element-bg-color);
}

.card .form-control,
.card .form-control:hover,
.card .form-control:focus {
    background-color: var(--secondary-element-bg-color);
    border-color: #12263f;
}

.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 #000;
}

.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: #000;
}

hr {
    border-color: #111;
}

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

.copyright:after {
    content: "Originally created by Index, enhanced by AS.";
    display: block;
}

.btn.btn-success {
    background:#00D97E !important;
    color: #fff!important;
    border-color: #00D97E!important;
}

.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);
}

.bg-warning {
    background-color: #400000!important;
}

.alert {
    color: #ff0000 !important;
}

.alert a {
    color: #ff0000 !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.