Dark theme for 8muses.
8muses.io by xiggi
Details
Authorxiggi
LicenseNo License
Category8muses.io
Created
Updated
Code size3.5 kB
Code checksum7b93bf80
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;
}
}