Dark theme for 8muses.
8muses.io by xiggi
Details
Authorxiggi
LicenseNo License
Category8muses.io
Created
Updated
Size3.5 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Userstyle doesn't have notes.Source code
/* ==UserStyle==
@name 8muses.io
@version 20240523.16.22
@namespace ?
==/UserStyle== */
@-moz-document domain("8muses.io") {
#left-menu, li#more-content {
display: none;
}
.p-forgot-password .forgot-password-box, .p-login .login-box {
color: #ccc;
}
html.theme-black #thumbnail-container, html.theme-black .container, #top-menu, #top-menu .top-menu-right, #top-menu .menu-button, #top-menu .top-menu-right .login, #left-menu, body {
background-color: #0d0d0d;
}
.c-tile .image-title {
background-color: rgba(13, 13, 13, .9);
backdrop-filter: blur(5px);
}
#top-menu .top-menu-breadcrumb, #sort-by-desktop li {
border-left: 1px solid transparent;
}
#top-menu .top-menu-right .login .fa {
color: currentColor;
}
#left-menu .menu-items>li .row, #left-menu .menu-items>li>a, #left-menu .legal ol li a, #left-menu .search-form .input:placeholder-shown, #top-menu .top-menu-right, #top-menu .top-menu-breadcrumb ol>li a, #top-menu .top-menu-breadcrumb ol>li+li:before, #sort-by-desktop li.active:before, #top-menu .top-menu-right .login a {
color: #ccc;
}
#top-menu .top-menu-breadcrumb ol>li a:hover, #top-menu .top-menu-right .login a:hover, #left-menu .legal ol li a:hover {
color: #fff;
}
#top-menu .top-menu-breadcrumb ol>li:last-of-type a {
font-weight: 600;
}
#top-menu .top-menu-breadcrumb ol>li:last-of-type a:hover {
color: #ccc;
}
.c-tile:nth-child(n):hover {
opacity: 50%;
transition: 0.2s;
}
.c-tile .image-title .title-text {
font-weight: 600;
}
#left-menu .menu-items>li:hover {
background-color: rgba(32, 31, 31, .9);
color: #fff;
}
.c-box {
background-color: rgba(32, 31, 31, .9);
}
.c-box .box-title {
background-color: #0d0d0d;
color: #fff;
}
.checkbox+label:before, .checkbox-inline+label:before, .radio+label:before, .radio-inline+label:before, .c-box .button {
background-color: #0d0d0d;
}
.checkbox-inline:checked+label:hover:before, .checkbox:checked+label:hover:before, .radio-inline:checked+label:hover:before, .radio:checked+label:hover:before, a {
color: #ccc;
text-decoration: none;
}
#left-menu .search-form .input {
margin: 14px 0 14px 20px;
width: 140px;
background-color: transparent;
border: 1px solid transparent;
border-bottom-color: #ccc;
outline: 0;
color: #fff;
}
#left-menu .search-form .input::placeholder, #left-menu .search-form .button {
color: #ccc;
}
#top-menu .top-menu-breadcrumb ol>li+li:before {
margin-left: 5px;
margin-right: 5px;
}
.gallery {
filter: brightness(0.5) grayscale(1);
opacity: 50%;
}
.back-to-gallery a:hover {
color: #fff;
transition: 0.2s;
}
/** Scrollbar **/
/* width */
::-webkit-scrollbar {
width: 5px;
}
/* Track */
::-webkit-scrollbar-track {
background: #0d0d0d;
}
/* Handle */
::-webkit-scrollbar-thumb {
background: #999;
border-left: 1px solid #0d0d0d;
}
::-webkit-scrollbar-button {
color: #0d0d0d;
border-left: 1px solid #0d0d0d;
}
::-webkit-scrollbar-button {
color: #0d0d0d;
border-left: 1px solid #0D0D0E;
}
::-webkit-scrollbar-corner {
background-color: #0d0d0d;
}
::-webkit-scrollbar-corner {
background-color: #0d0d0d;
}
::-webkit-scrollbar-track {
background: #0d0d0d;
}
::-webkit-scrollbar-track-piece {
background-color: #0d0d0d;
border-left: 1px solid #0d0d0d;
}
::-webkit-scrollbar-track-piece {
background-color: #0d0d0d;
border-left: 1px solid #0d0d0d;
}
}