Skip to content

kenmei dark mode by megustas

Screenshot of kenmei dark mode

Details

Authormegustas

LicenseNo License

Categorykenmei, kenmei.co,

Created

Updated

Size3.5 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Dark Mode for kenmei.co, a manga tracking site.

They only have Darkmode available for Premium, welp sadge but happens.

Its mainly optimized just for "Dashboard" since ill use that only.

enjoy c:

Notes

Userstyle doesn't have notes.

Source code

/* ==UserStyle==
@name         kenmei.co
@version      20220117.19.32
@namespace    userstyles.world/user/megustas
@description  Dark Mode for kenmei.co, a manga tracking site.
@author       megustas
==/UserStyle== */

@-moz-document domain("kenmei.co") {
.bg-white {
    --tw-bg-opacity: 1!important;
    background-color: #0c0c0c!important;
}

.router-link-active.desktop-link {
    --tw-border-opacity: 1!important;
    border-color: rgba(59,130,246,var(--tw-border-opacity))!important;
    --tw-text-opacity: 1!important;
    color: #cacaca!important;
}

.top-drawer {
    --tw-bg-opacity: 1;
    background-color: #0c0c0c!important;
    --tw-border-opacity: 1!important;
    border-color: #0c0c0c!important;
    border-bottom-width: 1px!important;
    height: 24rem!important;
    position: absolute!important;
    width: 100%!important;
}
.shadow {
    --tw-shadow: 0 5px 9px 0 rgba(0,0,0,0.9),0 1px 2px 0 rgba(0,0,0,0.06)!important;
}

@media (min-width: 640px){
.list-row__regular:hover {
    --tw-bg-opacity: 1!important;
    background-color: black!important;
}}

.series-link {
    font-weight: 500!important;
    font-size: .875rem!important;
    line-height: 1.25rem!important;
    --tw-text-opacity: 1!important;
    color: white!important;
    -webkit-user-select: auto!important;
    -moz-user-select: auto!important;
    -ms-user-select: auto!important;
    user-select: auto!important;
}

.text-gray-700 {
    --tw-text-opacity: 1!important;
    color: #c4efff!important;
}
footer {
    --tw-bg-opacity: 0;
    background-color: #0e0e0e!important;
    --tw-border-opacity: 0!important;
    border-color: #0e0e0e!important;
    border-top-width: 0px!important;
}

.the-dashboard {
    --tw-bg-opacity: 1!important;
    background-color: #0e0e0e!important;
    --tw-border-opacity: 1!important;
    border-color: rgba(243,244,246,var(--tw-border-opacity))!important;
    border-width: 1px!important;
    overflow: hidden!important;
    --tw-shadow: 0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05)!important;
    -webkit-box-shadow: var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow)!important;
    box-shadow: var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow)!important;
}
footer {
    --tw-bg-opacity: 0!important;
    background-color: #0c0c0c!important;
    --tw-border-opacity: 0!important;
    border-color: rgba(229,231,235,var(--tw-border-opacity))!important;
    border-top-width: 0px!important;
}
.bg-gray-50 {
    --tw-bg-opacity: 1!important;
    background-color: #0c0c0c!important;
}

.modal-actions {
    border-bottom-right-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
    --tw-bg-opacity: 1;
    background-color: #161515;
    padding: 0.75rem 1rem;
}

.modal-body {
    display: inline-block;
    width: 100%;
    border-radius: 0.5rem;
    --tw-bg-opacity: 1;
    background-color: #161515;
    text-align: left;
    vertical-align: bottom;
    transform: var(--tw-transform);
    --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);
    transition-property: all;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .15s;
}
}

Reviews

No reviews yet.