Skip to content

Mopaiv Freedom Theme by as1

Screenshot of Mopaiv Freedom Theme

Details

Authoras1

LicenseNo License

CategoryMopaiv.com

Created

Updated

Size4.5 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

THIS IS FREEDOM WE ARE AMERICA OH YEAH

Code form Index

Notes

This is for all the Americans

Source code

/* ==UserStyle==
@name         Mopaiv Unofficial Dark Theme
@version      20220319.00.50
@namespace    userstyles.world/user/indexgit01
@description  Ever want to turn off the light switch for Mopaiv.com? Well now you can, EARLY! Mopaiv's official dark theme is not released yet, so I decided I'll release this for now.

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

@-moz-document domain("mopaiv.com") {
:root {
    --main-bg-color: #1790ff;
    --main-text-color: #ffffff;
    --secondary-text-color: #ccc;
    --main-element-bg-color: #ff0000;
    --secondary-element-bg-color: #ff0000;
    --secondary2-element-bg-color: #000000;
    --third-element-bg-color: #000000;
    --mopaiv-blue: #ff0000;
}

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

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

.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: "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.