/* ==UserStyle==
@name AniList High-Contrast Dark-Theme
@description Adjusts the dark-theme to have higher contrast and more tweaks.
@author Reina
@supportURL https://anilist.co/user/Reina/
@version 1.2.1
@license unlicensed
@preprocessor default
@namespace https://greasyfork.org/users/703350
==/UserStyle== */
@-moz-document domain("anilist.co") {
#nav {
background: rgba(var(--color-foreground));
color: #eaeeff!important;
}
.site-theme-dark {
--color-blue: 120, 180, 255;
--color-shadow-blue: 0, 0, 0;
--color-foreground: 20, 25, 31;
--color-foreground-alt: 18, 23, 29;
--color-background: 14, 18, 22;
--color-foreground-blue: 26, 33, 45;
--color-foreground-grey: 15, 22, 28;
--color-foreground-grey-dark: 6, 12, 13;
}
/* Dropdown menu */
.el-dropdown-menu,
.el-dropdown-menu__item--divided:before {
background-color: rgb(var(--color-foreground));
}
/* List editor dropdown menu */
.el-select-dropdown__item,
.el-scrollbar__wrap {
background-color: rgb(var(--color-foreground))!important;
}
.el-select-dropdown {
box-shadow: 0 1px 10px 0 rgba(0, 0, 0, .15);
}
.el-select-dropdown__item.hover,
.el-select-dropdown__item:hover {
background-color: rgb(var(--color-background))!important;
}
/* notification dropdown */
.site-theme-dark {
--color-background-300: 30, 42, 56;
--color-background-100: 19, 24, 32;
--color-background-200: 14, 18, 22;
}
/* Text */
.site-theme-dark {
--color-text: 240, 240, 240;
--color-text-light: 220, 230, 240;
--color-text-lighter: 230, 230, 240;
--color-text-bright: 255, 255, 255;
}
/* Coloured Text */
.name[data-v-5e514b1e] {
color: rgb(var(--color-blue));
}
.site-theme-dark .user-page-unscoped.pink {
--color-blue: 252, 157, 214;
}
.site-theme-dark {
--color-blue-100: 247, 250, 252;
--color-blue-200: 236, 246, 254;
--color-blue-300: 201, 232, 255;
--color-blue-400: 143, 215, 255;
--color-blue-500: 111, 200, 255;
--color-blue-600: 61, 180, 242;
--color-blue-700: 8, 143, 214;
--color-blue-800: 12, 101, 166;
--color-blue-900: 11, 70, 113;
--color-blue-1000: 16, 61, 85;
}
/* hoh styling */
.hohDisplayBox {
border-color: rgb(14, 18, 22);
border-radius: 5px;
}
.scrollableContent {
padding: 30px;
padding-top: 35px;
padding-left: 15px;
}
.hohDisplayBoxTitle {
top: 25px;
left: 35px;
font-weight: bold;
font-size: 1.7em;
}
.hohResizePearl {
right: 10px;
bottom: 10px
}
.hohDisplayBoxClose {
padding: 4px;
border-radius: 20px;
border-width: 2px;
border-color: #900;
width: 30px;
height: 30px;
text-align: center;
vertical-align: bottom;
font-weight: bold;
}
/* Scrollbar */
* {
scrollbar-color: rgb(var(--color-blue)) rgba(0, 0, 0, 0);
scrollbar-width: thin;
}
::-webkit-scrollbar {
width: 4px;
height: 8px;
}
::-webkit-scrollbar-button {
display: none;
}
::-webkit-scrollbar-track {
background-color: #1110;
width: 0px;
}
::-webkit-scrollbar-track-piece {
display: none;
}
::-webkit-scrollbar-thumb {
background-color: rgb(var(--color-blue));
}
.markdown::-webkit-scrollbar-thumb,
.about .content-wrap::-webkit-scrollbar-thumb {
background-color: rgba(0, 0, 0, 0);
}
.markdown:hover::-webkit-scrollbar-thumb,
.about .content-wrap:hover::-webkit-scrollbar-thumb {
background-color: rgb(var(--color-blue));
}
::-webkit-scrollbar-corner {
display: none;
}
::-webkit-resizer {
display: none;
}
.markdown {
overflow-y: scroll!important;
scrollbar-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
}
.markdown:hover {
scrollbar-color: rgb(var(--color-blue)) rgba(0, 0, 0, 0);
}
.about .content-wrap .markdown {
overflow: hidden!important;
}
.about .content-wrap {
overflow-y: scroll!important;
scrollbar-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
}
.about .content-wrap:hover {
overflow-y: scroll!important;
scrollbar-color: rgb(var(--color-blue)) rgba(0, 0, 0, 0);
}
/* ---- Stolen (but highly customised) From Bicker on userstyle.org ---- */
/* Home */
/*.el-dropdown-menu {
margin: 0;
padding: 0;
}
.activity-feed-wrap .section-header .el-dropdown-selfdefine {
display: none;
}
.activity-feed-wrap .section-header .el-dropdown-menu {
position: static;
display: inline-block !important;
box-shadow: none;
background: rgb(var(--color-foreground));
border-radius: 3px;
font-weight: 400;
font-size: 1.3em;
margin: 0;
}
.activity-feed-wrap .section-header .el-dropdown-menu__item {
display: inline-block;
color: rgb(255, 255, 255);
border-radius: 0;
padding: 6px 16px;
transition: .2s;
font-size: 1.2rem;
line-height: 1.15;
text-align: center;
margin: 0;
}
.activity-feed-wrap .section-header .el-dropdown-menu__item:first-of-type {
border-radius: 3px 0 0 3px;
margin-right: 0;
}
.activity-feed-wrap .section-header .el-dropdown-menu__item:last-of-type {
border-radius: 0 3px 3px 0;
}
.el-dropdown-menu__item:hover {
color: rgb(var(--color-blue))!important;
}
.el-dropdown-menu__item:focus,
.el-dropdown-menu__item:not(.is-disabled):hover {
background-color: rgb(var(--color-foreground));
color: #66b1ff;
}
.activity-feed-wrap .section-header .el-dropdown-menu__item.active {
background-color: rgb(var(--color-foreground-blue));
font-weight: 500;
}
.section-header .feed-select .el-dropdown {
margin-right: 4px;
opacity: 1;
}
.section-header .el-dropdown {
float: none;
margin-left: 8px;
}
/* Forum */
.comment-wrap {
border-left: 7px solid rgba(var(--color-foreground-blue));
}
.comment-wrap .child.odd {
border-left: 7px solid rgba(var(--color-foreground-grey-dark));
}
}
