MyAnimeList DeepDark by raitarohikami
Imported from https://raw.githubusercontent.com/RaitaroH/MyAnimeList-DeepDark/master/MyAnimeListDeepDark.user.css

Details
Authorraitarohikami
LicenseGNU-V3.0
Created atApril 9, 2021 10:18
Updated atJune 17, 2022 17:30
Applies tounset
Statistics
Learn how we calculate statistics in the FAQ.
Total views803
Total installs3486
Weekly installs99
Description
Satisfy thy craving for anime and organization. May the dark be kinder on thine eyes. (MyAnimeList Dark Theme)
Notes
Userstyle doesn't have notes.History
Daily snapshots of style statistics.
Source code
Source code has over 100k characters, so we truncated it. You can inspect the full source code on install link./* ==UserStyle==
@name MyAnimeList DeepDark
@namespace gitlab.com/RaitaroH/MyAnimeList-DeepDark
@homepageURL https://gitlab.com/RaitaroH/MyAnimeList-DeepDark
@version 1.6.51
@updateURL https://gitlab.com/RaitaroH/MyAnimeList-DeepDark/raw/master/MyAnimeListDeepDark.user.css
@description Satisfy thy craving for anime and organization. May the dark be kinder on thine eyes. (MyAnimeList Dark Theme)
@author RaitaroH
@license GNU-V3.0
@preprocessor stylus
@var select stylus-deepdark-style "Preset themes" [
"Deep-Dark",
"Inspired-Dark",
"Breeze-Dark",
"HavocOS",
"Arc-Dark",
"Adapta-Nokto",
"Adapta-Breath-Nokto",
"Gruvbox-Dark",
"Gruvbox-Light",
"NierAutomata-Dark",
"NierAutomata-Light",
"Solarized-Dark",
"Solarized-Light",
"Vertex-Dark",
"Mint-Y-Dark",
"9anime",
"Firefox-Dark",
"Firefox-57",
"Discord",
"YouTube-Dark",
"Black-and-White",
"Yellow",
"Yellow-2",
"Ubuntu-Grey",
"Ubuntu-Purple",
"Orange",
"Jisho",
"Custom"
]
@var select colorRGB "Red/Yellow color" [
"Default",
"Solarized",
"Gruvbox_Dark",
"Gruvbox_Dark_Intense",
"Gruvbox_Light",
"Gruvbox_Light_Intense",
"Custom"
]
@var checkbox progress-colors "Custom progress colors" 0
@var checkbox japanese-logo "Use japanese logo" 0
@var checkbox bbcode "Show user profile BBCode" 0
@var checkbox scrollbar "Scrollbar" 1
@var checkbox malxjapan "Hide MALxJapan content" 0
@var color mainColor "Custom main color" "#367bf0"
@var color mainBackground "Custom main background" "#22242d"
@var color secondBackground "Custom second background" "#383c4a"
@var color hoverBackground "Custom hover background" "#4e5467"
@var color mainText "Custom main text" "#eee"
@var color dimmerText "Custom second text" "#ccc"
@var color editorBackground "Custom editor background" "#2f343f"
@var color selectBackground "Custom selection background" "#3c4150"
@var color colorShadow "Custom shadow color" "rgba(56, 60, 74, .3)"
@var color colorOddEntry "Custom odd color" "rgba(56, 60, 74, .5)"
@var color colorRed "Custom red color" "#d31919"
@var color colorYellow "Custom yellow color" "#ac5219"
@var color colorOrange "Custom orange color" "#f79a63"
@var color colorGreen "Custom green color" "#27ae60"
@var color colorCyan "Custom cyan color" "#1abc9c"
@var color colorBlue "Custom blue color" "#2980b9"
@var color colorPurple "Custom purple color" "#60459f"
@var color colorPink "Custom pink color" "#fe9ead"
@var color colorGray "Custom gray color" "#c3c3c3"
==/UserStyle== */
/*Theme made by RaitaroH @https://gitlab.com/RaitaroH/MyAnimeList-DeepDark*/
/*GNU General Public License v3.0*/
@-moz-document domain("myanimelist.net") {
/*Main color variables*/
:root
{
if stylus-deepdark-style == "Deep-Dark" {
--main-color: #00adee;
--main-background: #111;
--second-background: #181818;
--hover-background: #232323;
--main-text: #eff0f1;
--dimmer-text: #ccc;
--editor-background: #181818;
--select-background: #232323;
--shadow: 0 1px 0.5px rgba(0, 0, 0, .3);
--even-entry-background: rgba(0, 0, 0, .6);
}
else if stylus-deepdark-style == "Inspired-Dark" {
--main-color: #5e8acc;
--main-background: #232629;
--second-background: #181818;
--hover-background: #515254;
--main-text: #eee;
--dimmer-text: #ccc;
--editor-background: #181818;
--select-background: #232323;
--shadow: 0 1px 0.5px rgba(0, 0, 0, .13);
--even-entry-background: rgba(0, 0, 0, .16);
}
else if stylus-deepdark-style == "Breeze-Dark" {
--main-color: #3daee9;
--main-background: #232629;
--second-background: #2a2e32;
--hover-background: #31363b;
--main-text: #eff0f1;
--dimmer-text: #bdc3c7;
--editor-background: #2a2e32;
--select-background: #31363b;
--shadow: 0 1px 0.5px rgba(0, 0, 0, .13);
--even-entry-background: rgba(0, 0, 0, .16);
}
else if stylus-deepdark-style == "Breeze-Light" {
--main-color: #3daee9;
--main-background: #eff0f1;
--second-background: #fcfcfc;
--hover-background: #dcdee0;
--main-text: #2a2e32;
--dimmer-text: #31363b;
--editor-background: #fcfcfc;
--select-background: #dcdee0;
--shadow: 0 1px 0.5px rgba(0, 0, 0, .13);
--even-entry-background: rgba(0, 0, 0, .16);
}
else if stylus-deepdark-style == "Vertex-Dark" {
--main-color: #4080fb;
--main-background: #2b2b2c;
--second-background: #353638;
--hover-background: #515254;
--main-text: #f3f3f5;
--dimmer-text: #aeafb0;
--editor-background: #2b2b2c;
--select-background: #515254;
--shadow: 0 1px 0.5px rgba(0, 0, 0, .13);
--even-entry-background: rgba(0, 0, 0, .2);
}
else if stylus-deepdark-style == "Arc-Dark" {
--main-color: #5294e2;
--main-background: #343944;
--second-background: #383c4a;
--hover-background: #414a59;
--main-text: #c1c8d1;
--dimmer-text: #b3bac5;
--editor-background: #343944;
--select-background: #414a59;
--shadow: 0 1px 0.5px rgba(0, 0, 0, .13);
--even-entry-background: rgba(0, 0, 0, .16);
}
else if stylus-deepdark-style == "Firefox-Dark" {
--main-color: #5675b9;
--main-background: #272b35;
--second-background: #181d20;
--hover-background: #353a44;
--main-text: #e3eef9;
--dimmer-text: #bec0cc;
--editor-background: #181d20;
--select-background: #353a44;
--shadow: 0 1px 0.5px rgba(0, 0, 0, .13);
--even-entry-background: rgba(0, 0, 0, .16);
}
else if stylus-deepdark-style == "Firefox-57" {
--main-color: #4080fb;
--main-background: #0c0c0d;
--second-background: #252526;
--hover-background: #323234;
--main-text: #f9f9fa;
--dimmer-text: #d0d0d0;
--editor-background: #252526;
--select-background: #323234;
--shadow: 0 1px 0.5px rgba(54, 54, 54, .2);
--even-entry-background: rgba(54, 54, 54, .4);
}
else if stylus-deepdark-style == "Discord" {
--main-color: #7289da;
--main-background: #1e2124;
--second-background: #2f3136;
--hover-background: #484b51;
--main-text: #fff;
--dimmer-text: #ada8aa;
--editor-background: #2f3136;
--select-background: #484b51;
--shadow: 0 1px 0.5px rgba(47, 49, 54, .23);
--even-entry-background: rgba(47, 49, 54, .49);
}
else if stylus-deepdark-style == "YouTube-Dark" {
--main-color: #e52117;
--main-background: #111;
--second-background: #232323;
--hover-background: #343434;
--main-text: #e1e1e1;
--dimmer-text: #7f7f7f;
--editor-background: #111;
--select-background: #343434;
--shadow: 0 1px 0.5px rgba(54, 54, 54, .2);
--even-entry-background: rgba(54, 54, 54, .4);
}
else if stylus-deepdark-style == "Mint-Y-Dark" {
--main-color: #9ab87c;
--main-background: #2f2f2f;
--second-background: #383838;
--hover-background: #404040;
--main-text: #fff;
--dimmer-text: #d5dada;
--editor-background: #2f2f2f;
--select-background: #404040;
--shadow: 0 1px 0.5px rgba(0, 0, 0, .13);
--even-entry-background: rgba(0, 0, 0, .23);
}
else if stylus-deepdark-style == "9anime" {
--main-color: #723f8c;
--main-background: #0b0a0d;
--second-background: #17151c;
--hover-background: #1E1c25;
--main-text: #f9f6fb;
--dimmer-text: #cac0cf;
--editor-background: #17151c;
--select-background: rgba(180, 180, 180, .1);
--shadow: 0 1px 0.5px rgba(54, 54, 54, .13);
--even-entry-background: rgba(54, 54, 54, .36);
}
else if stylus-deepdark-style == "Black-and-White" {
--main-color: #fff;
--main-background: #000;
--second-background: #1e1e1e;
--hover-background: #313131;
--main-text: #fff;
--dimmer-text: #aaa;
--editor-background: #0a0a0a;
--select-background: #222;
--shadow: 0 1px 0.5px rgba(54 ,54 ,54, .2);
--even-entry-background: rgba(54 ,54 ,54, .4);
}
else if stylus-deepdark-style == "Yellow" {
--main-color: #ffc700;
--main-background: #141414;
--second-background: #202222;
--hover-background: #353838;
--main-text: #eff0f1;
--dimmer-text: #9f9999;
--editor-background: #202222;
--select-background: #353838;
--shadow: 0 1px 0.5px rgba(34, 34, 34, .2);
--even-entry-background: rgba(34, 34, 34, 1);
}
else if stylus-deepdark-style == "Yellow-2" {
--main-color: #ffc700;
--main-background: #0a0800;
--second-background: #0c0a04;
--hover-background: #0f0d05;
--main-text: #fffdf5;
--dimmer-text: #fff8e1;
--editor-background: rgba(12, 10, 4, .2);
--select-background: rgba(255, 253, 245, .1);
--shadow: 0 1px 0.5px rgba(34, 34, 34, .2);
--even-entry-background: rgba(34, 34, 34, 1);
}
else if stylus-deepdark-style == "Ubuntu-Grey" {
--main-color: #ef7847;
--main-background: #312d2a;
--second-background: #3d3c38;
--hover-background: #59564d;
--main-text: #f2f1ef;
--dimmer-text: #e6e5e3;
--editor-background: #312d2a;
--select-background: #59564d;
--shadow: 0 1px 0.5px rgba(89, 86, 77, .12);
--even-entry-background: rgba(89, 86, 77, .21);
}
else if stylus-deepdark-style == "Ubuntu-Purple" {
--main-color: #ef7847;
--main-background: #2c071a;
--second-background: #430b28;
--hover-background: #520D30;
--main-text: #f2f1ef;
--dimmer-text: #e6e5e3;
--editor-background: #430b28;
--select-background: #520d30;
--shadow: 0 1px 0.5px rgba(82, 13, 48, .2);
--even-entry-background: rgba(82, 13, 48, .5);
}
else if stylus-deepdark-style == "Orange" {
--main-color: #ff6905;
--main-background: #0a0400;
--second-background: #0e0702;
--hover-background: #110903;
--main-text: #fff9f5;
--dimmer-text: #ffede1;
--editor-background: #110903;
--select-background: #47250a;
--shadow: 0 1px 0.5px rgba(255, 105, 5, .1);
--even-entry-background: rgba(255, 105, 5, .1);
}
else if stylus-deepdark-style == "Jisho" {
--main-color: #ef7d6c;
--main-background: #332222;
--second-background: #2a1b1b;
--hover-background: #863b2f;
--main-text: #EFB26C;
--dimmer-text: #986E3F;
--editor-background: #2a1b1b;
--select-background: #863b2f;
--shadow: 0 1px 0.5px rgba(37, 19, 5, .19);
--even-entry-background: rgba(37, 19, 5, .29);
}
else if stylus-deepdark-style == "Adapta-Nokto" {
--main-color: #00bcd4;
--main-background: #222d32;
--second-background: #263238;
--hover-background: #2a353b;
--main-text: #fff;
--dimmer-text: #9b9b9b;
--editor-background: #263238;
--select-background: #3d4d56;
--shadow: 0 1px 0.5px rgba(61, 77, 86, .2);
--even-entry-background: rgba(61, 77, 86, .3);
}
else if stylus-deepdark-style == "Adapta-Breath-Nokto" {
--main-color: #1abc9c;
--main-background: #222d32;
--second-background: #263238;
--hover-background: #2a353b;
--main-text: #fff;
--dimmer-text: #9b9b9b;
--editor-background: #263238;
--select-background: #2a353b;
--shadow: 0 1px 0.5px rgba(42, 53, 59, .32);
--even-entry-background: rgba(42, 53, 59, .62);
}
else if stylus-deepdark-style == "Adapta-Light" {
--main-color: #00bcd4;
--main-background: #fafbfc;
--second-background: #ffffff;
--hover-background: #eff0f1;
--main-text: #222d32;
--dimmer-text: #2a353b;
--editor-background: #fafbfc;
--select-background: #eff0f1;
--shadow: 0 1px 0.5px rgba(0, 0, 0, .13);
--even-entry-background: rgba(0, 0, 0, .16);
}
else if stylus-deepdark-style == "Adapta-Breath-Light" {
--main-color: #1abc9c;
--main-background: #fafbfc;
--second-background: #ffffff;
--hover-background: #eff0f1;
--main-text: #222d32;
--dimmer-text: #2a353b;
--editor-background: #fafbfc;
--select-background: #eff0f1;
--shadow: 0 1px 0.5px rgba(0, 0, 0, .13);
--even-entry-background: rgba(0, 0, 0, .16);
}
else if stylus-deepdark-style == "Solarized-Dark" {
--main-color: #268bd2;
--main-background: #073642;
--second-background: #03303c;
--hover-background: #002b36;
--main-text: #fdf6E3;
--dimmer-text: #eee8d5;
--editor-background: #073642;
--select-background: #002b36;
--shadow: 0 1px 0.5px rgba(0, 43, 54, .3);
--even-entry-background: rgba(0, 43, 54, .5);
}
else if stylus-deepdark-style == "Solarized-Light" {
--main-color: #268bd2;
--main-background: #fdf6e3;
--second-background: #f5efdc;
--hover-background: #eee8d5;
--main-text: #073642;
--dimmer-text: #586e75;
--editor-background: #f5efdc;
--select-background: #ded8c4;
--shadow: 0 1px 0.5px rgba(222, 216, 196, .2);
--even-entry-background: rgba(222, 216, 196, .3);
}
else if stylus-deepdark-style == "Gruvbox-Dark" {
--main-color: #fe8019;
--main-background: #1d2021;
--second-background: #282828;
--hover-background: #3c3836;
--main-text: #fbf1c7;
--dimmer-text: #ebdbb2;
--editor-background: #282828;
--select-background: #3c3836;
--shadow: 0 1px 0.5px rgba(60, 56, 54, .22);
--even-entry-background: rgba(60, 56, 54, .33);
}
else if stylus-deepdark-style == "Gruvbox-Light" {
--main-color: #af3a03;
--main-background: #f9f5d7;
--second-background: #fbf1c7;
--hover-background: #ebdbb2;
--main-text: #282828;
--dimmer-text: #3c3836;
--editor-background: #f9f5d7;
--select-background: #ebdbb2;
--shadow: 0 1px 0.5px rgba(235, 219, 178, .33);
--even-entry-background: rgba(235, 219, 178, .36);
}
else if stylus-deepdark-style == "NierAutomata-Dark" {
--main-color: #fe8019;
--main-background: #33302a;
--second-background: #48453c;
--hover-background: #7c6f64;
--main-text: #dad4bb;
--dimmer-text: #bab5a1;
--editor-background: #33302a;
--select-background: #7c6f64;
--shadow: 0 1px 0.5px rgba(124, 111, 100, .15);
--even-entry-background: rgba(124, 111, 100, .21);
}
else if stylus-deepdark-style == "NierAutomata-Light" {
--main-color: #fe8019;
--main-background: #d1cdb7;
--second-background: #dcd8c0;
--hover-background: #bab5a1;
--main-text: #48453c;
--dimmer-text: #33302a;
--editor-background: #dcd8c0;
--select-background: #bab5a1;
--shadow: 0 1px 0.5px rgba(186, 181, 161, 2);
--even-entry-background: rgba(186, 181, 161, .3);
}
else if stylus-deepdark-style == "HavocOS" {
--main-color: #0794d4;
--main-background: #141618;
--second-background: #1c1e20;
--hover-background: #212528;
--main-text: #fff;
--dimmer-text: #b9baba;
--editor-background: #1c1e20;
--select-background: #212528;
--shadow: 0 1px 0.5px rgba(185, 186, 186, .04);
--even-entry-background: rgba(185, 186, 186, .05);
}
else if stylus-deepdark-style == "Custom" {
--main-color: mainColor;
--main-background: mainBackground;
--second-background: secondBackground;
--hover-background: hoverBackground;
--main-text: mainText;
--dimmer-text: dimmerText;
--editor-background: editorBackground;
--select-background: selectBackground;
--shadow: 0 1px 0.5px colorShadow;
--even-entry-background: colorEvenEntry;
}
if colorRGB == "Default"
{
--red: #da4453;
--yellow: #fdbc4b;
--orange: #F79A63;
--green: #27AE60;
--cyan: #1abc9c;
--blue: #2980b9;
--purple: #60459F;
--pink: #FE9EAD;
--gray: #c3c3c3;
}
else if colorRGB == "Solarized"
{
--red: #dc322f;
--yellow: #b58900;
--orange: #cb4b16;
--green: #859900;
--cyan: #2aa198;
--blue: #268bd2;
--purple: #6c71c4;
--pink: #d33682;
--gray: #93A1A1;
}
else if colorRGB == "Gruvbox_Dark"
{
--red: #cc241d;
--yellow: #d79921;
--orange: #d65d0e;
--green: #98971a;
--cyan: #689d6a;
--blue: #458588;
--purple: #b16286;
--pink: #b16286;
--gray: #a89984;
}
else if colorRGB == "Gruvbox_Dark_Intense"
{
--red: #fb4934;
--yellow: #fabd2f;
--orange: #fe8019;
--green: #b8bb26;
--cyan: #8ec07c;
--blue: #83a598;
--purple: #d3869b;
--pink: #d3869b;
--gray: #928374;
}
else if colorRGB == "Gruvbox_Light"
{
--red: #cc241d;
--yellow: #d79921;
--orange: #d65d0e;
--green: #98971a;
--cyan: #689d6a;
--blue: #458588;
--purple: #b16286;
--pink: #b16286;
--gray: #7c6f64;
}
else if colorRGB == "Gruvbox_Light_Intense"
{
--red: #9d0006;
--yellow: #b57614;
--orange: #af3a03;
--green: #79740e;
--cyan: #427b58;
--blue: #076678;
--purple: #8f3f71;
--pink: #8f3f71;
--gray: #928374;
}
else if colorRGB == "Custom"
{
--red: colorRed;
--yellow: colorYellow;
--orange: colorOrange;
--green: colorGreen;
--cyan: colorCyan;
--blue: colorBlue;
--purple: colorPurple;
--pink: colorPink;
--gray: colorGray;
}
}
}
@-moz-document regexp("https:\/\/myanimelist.net\/(?!(animelist|mangalist|ownlist\/style\/theme)).*") {
/*Changed text highlight*/
::selection
{
background: var(--main-color) !important;
color: var(--main-text) !important;
}
::-moz-selection
{
background: var(--main-color) !important;
color: var(--main-text) !important;
}
/*Outline for links*/
a {
outline-color: var(--main-color) !important;
}
/**Removing text decorations*/
*
{
text-decoration: none !important;
}
/*Scroll Bar*/
if scrollbar {
::-webkit-scrollbar, ::-webkit-scrollbar-corner
{
background-color: var(--main-background) !important;
}
::-webkit-scrollbar-button
{
display: none !important;
}
::-webkit-scrollbar-thumb
{
background-color: var(--hover-background) !important;
}
::-webkit-scrollbar-thumb:hover:active, ::-webkit-scrollbar-thumb:not(:active):hover
{
background-color: var(--hover-background) !important;
}
}
/*Body*/
html, body
{
background-color: var(--second-background) !important;
}
body:not(.ownlist):before {
display: none !important;
}
/*Popup windows text*/
body:not(.ownlist)
{
color: var(--dimmer-text) !important;
background-image: none !important;
background-color: var(--second-background) !important;
}
/*Logo*/
.page-common #headerSmall
{
background-color: var(--second-background) !important;
}
.page-common #headerSmall, .global-header__logo a
{
background-image: url("https://gitlab.com/RaitaroH/MyAnimeList-DeepDark/raw/master/Images/logo.png") !important;
}
if japanese-logo {
.page-common #headerSmall, .global-header__logo a
{
background-image: url("https://gitlab.com/RaitaroH/MyAnimeList-DeepDark/raw/master/Images/logo_katakana.png") !important;
}
}
.page-common .logo_size {
opacity: 0 !important;
}
/*Button*/
.page-common #header-menu .header-menu-login .btn-mal-service, .page-common #header-menu .header-menu-login .btn-signup, .page-common #header-menu .header-menu-login .btn-login, .page-common .header-menu-login .btn-signup
{
border-color: var(--main-color) !important;
background-color: var(--main-color) !important;
color: var(--main-text) !important;
opacity: .9;
}
.page-common #header-menu .header-menu-login .btn-mal-service:hover, .page-common #header-menu .header-menu-login .btn-signup:hover, .page-common #header-menu .header-menu-login .btn-login:hover, .page-common .header-menu-login .btn-signup:hover
{
opacity: 1;
}
.page-common #header-menu .header-menu-login .btn-mal-service
{
display: none !important;
}
/*Tabs*/
.page-common #menu, .page-common #menu.christmas, .page-common #menu.christmas #menu_left #nav li
{
background: var(--main-background) !important;
}
.page-common #nav li a
{
color: var(--main-text) !important;
}
.page-common #nav li a:hover, .page-common #nav li.hover a, .page-common #nav ul a
{
background: var(--hover-background) !important
}
.page-common #nav ul a:hover
{
color: var(--main-color) !important;
}
/*Search*/
.page-common #searchBar.searchBar #topSearchValue, .page-common #searchBar.searchBar #topSearchText, .page-common #searchBar.searchBar #topSearchButon.notActive, .page-common #searchBar.searchBar #topSearchButon, .news.featured .featured-search-side .featured-search-input-text, .news.featured .featured-search-side .featured-search-input-submit
{
background: var(--second-background) !important;
color: var(--main-text) !important;
border-color: var(--hover-background) !important;
}
.page-common #searchBar.searchBar #topSearchText:hover, .page-common #searchBar.searchBar #topSearchText:active, .page-common #searchBar.searchBar #topSearchText:focus, .news.featured .featured-search-side .featured-search-input-text:active, .news.featured .featured-search-side .featured-search-input-text:hover, .news.featured .featured-search-side .featured-search-input-text:focus
{
border: 1px solid var(--main-color) !important;
}
.page-common #searchBar.searchBar #topSearchValue, .page-common #searchBar.searchBar .form-select-outer, .page-common #searchBar.searchBar #topSearchButon
{
height: 22px !important;
}
.page-common #searchBar.searchBar #topSearchValue:hover
{
background-color: var(--hover-background) !important;
color: var(--main-color) !important;
}
.page-common #searchBar.searchBar #topSearchText
{
border: 1px solid var(--hover-background) !important;
height: 16px !important;
}
/*Search dropdown results*/
.page-common .incrementalSearchResultList, .page-common .incrementalSearchResultList .list.separator, .page-common .incrementalSearchResultList .list, .page-common .incrementalSearchResultList .list:last-of-type, .page-common .incrementalSearchResultList .list:last-of-type
{
background-color: var(--second-background) !important;
color: var(--main-text) !important;
border-color: var(--hover-background) !important;
}
.page-common .incrementalSearchResultList .list .off .info.anime .name, .page-common .incrementalSearchResultList .list .off .info.manga .name, .page-common .incrementalSearchResultList .list .off .info.news .name, .page-common .incrementalSearchResultList .list .off .info.featured .name, .page-common .incrementalSearchResultList .list .off .info.forum .name, .page-common .incrementalSearchResultList .list .off .info.character .name, .page-common .incrementalSearchResultList .list .off .info.person .name, .page-common .incrementalSearchResultList .list .off .info.club .name, .page-common .incrementalSearchResultList .list .off .info.user .name, .page-common .incrementalSearchResultList .list .on .info .name
{
color: var(--main-color) !important;
}
.page-common .incrementalSearchResultList .list .off .info.anime .media-type, .page-common .incrementalSearchResultList .list .off .info.manga .media-type, .page-common .incrementalSearchResultList .list .off .info.news .media-type, .page-common .incrementalSearchResultList .list .off .info.featured .media-type, .page-common .incrementalSearchResultList .list .off .info.forum .media-type, .page-common .incrementalSearchResultList .list .on .info .media-type, .page-common .incrementalSearchResultList .list .on .info .extra-info
{
color: var(--dimmer-text) !important;
}
.page-common .incrementalSearchResultList .list.list-bottom.focus a
{
color: var(--main-text) !important;
}
.page-common .incrementalSearchResultList .list a:hover
{
background-color: var(--hover-background) !important;
}
/*Search results*/
.anime-search-form-block .anime-search-form-search .inputtext, .anime-search-form-block .anime-search-form-search .inputButton
{
background-color: var(--second-background) !important;
color: var(--main-text) !important;
border-color: var(--hover-background) !important;
}
.anime-search-form-block .anime-search-form-search .inputtext:hover,.anime-search-form-block .anime-search-form-search .inputtext:active, .anime-search-form-block .anime-search-form-search .inputtext:focus
{
border-color: var(--main-color) !important;
}
.page-common .normal_header, .seasonal-anime-list .seasonal-anime .information .scormem, .seasonal-anime-list .seasonal-anime .information .info
{
color: var(--main-text) !important;
}
.anime-manga-search .genre-link .genre-list .genre-name-link:hover, .seasonal-anime-list .seasonal-anime .genres, .seasonal-anime-list .seasonal-anime .information .info, .seasonal-anime-list .seasonal-anime .information .scormem
{
background-color: var(--hover-background) !important;
}
.seasonal-anime-list .seasonal-anime .image
{
background-color: var(--main-background) !important;
}
.seasonal-anime-list .seasonal-anime .js-toggle-text
{
color: var(--main-text) !important;
}
.anime-manga-search .genre-link .genre-list, .seasonal-anime-list .seasonal-anime, .seasonal-anime-list .seasonal-anime .prodsrc .eps, .seasonal-anime-list .seasonal-anime .prodsrc .source, .seasonal-anime-list .seasonal-anime .genres, .seasonal-anime-list .seasonal-anime .information
{
border-color: var(--hover-background) !important;
}
.seasonal-anime-list .seasonal-anime .information, .seasonal-anime-list .seasonal-anime .properties .property
{
background-color: var(--hover-background) !important;
}
.seasonal-anime-list .seasonal-anime .prodsrc, .seasonal-anime-list .seasonal-anime .properties .property:nth-child(even)
{
background-color: var(--second-background) !important;
}
.seasonal-anime-list .seasonal-anime .information .information-item.buttons .bubble .bubble-item
{
line-height: 19px !important;
}
.seasonal-anime-list .seasonal-anime .information.completed .information-item.buttons .bubble
{
border-color: var(--main-color) !important;
background-color: var(--main-color) !important;
}
.seasonal-anime-list .seasonal-anime .information.completed .information-item.buttons .bubble:before
{
border-right: 5px solid var(--main-color) !important;
}
.seasonal-anime-list .seasonal-anime .information .information-item.buttons .bubble:after
{
border-right: transparent !important;
}
.seasonal-anime-list .seasonal-anime .information .information-item.buttons .bubble.anime .bubble-item.content, .seasonal-anime-list .seasonal-anime .information .information-item.buttons .bubble.anime .bubble-item.unit:before
{
color: var(--main-text) !important;
}
.seasonal-anime-list .seasonal-anime .information .information-item.buttons .bubble
{
background-color: var(--green) !important;
}
/*image taken from https://userstyles.org/styles/120493/dark-night-myanimelist*/
.seasonal-anime-list .seasonal-anime .information .scormem .score::after, .seasonal-anime-list .seasonal-anime .information .scormem .member::after
{
background-image: url("https://gitlab.com/RaitaroH/MyAnimeList-DeepDark/raw/master/Images/icon_pict_score_mem.png") !important;
}
.seasonal-anime-list .seasonal-anime .genres .genre
{
background-color: transparent !important;
border-color: transparent !important;
}
.view-style .btn-view-style
{
filter: grayscale(100%);
}
.page-common .pagination .link
{
background-color: var(--second-background) !important;
color: var(--main-text) !important;
}
.page-common .pagination .link.current
{
background-color: var(--main-color) !important;
color: var(--main-text) !important;
}
.page-common .pagination .link:hover
{
background-color: var(--hover-background) !important;
}
.anime-filter .search-filter-sort-order-block {
background-color: var(--main-background) !important;
border: 1px solid var(--hover-background) !important;
}
.anime-filter .search-filter-sort-order-block .sort-order-list .btn-sort-order.circle:hover {
color: var(--main-color) !important;
}
.anime-filter .search-filter-sort-order-block .btn-close {
background-color: var(--second-background) !important;
}
.anime-search-filter .category-type
{
border-color: var(--hover-background) !important;
background-color: var(--hover-background) !important;
}
.anime-search-filter .category-wrapper
{
border-color: var(--hover-background) !important;
}
.modal .modal-dialog .modal-content
{
background-color: var(--main-background) !important;
}
.modal .modal-dialog .modal-content .modal-header
{
border-bottom: 1px solid var(--hover-background) !important;
color: var(--main-text) !important;
}
.modal .modal-dialog .modal-content .modal-body .broadcasts:nth-child(n+2)
{
border-top: 1px solid var(--hover-background) !important;
}
.modal .modal-dialog .modal-content .modal-body .broadcasts .broadcast a:hover
{
background-color: var(--hover-background) !important;
}
.mal-modal .mal-modal-dialog .mal-modal-content {
background-color: var(--main-background) !important;
color: var(--main-text) !important;
}
.mal-modal .mal-modal-dialog .mal-modal-content button.btn-close {
color: var(--main-color) !important;
opacity: 1 !important
}
.mal-modal .mal-modal-dialog .mal-modal-content button.btn-close:hover {
color: var(--main-color) !important;
opacity: .7 !important;
}
.mal-modal .mal-modal-dialog .mal-modal-content .mal-modal-header {
border-bottom: 1px solid var(--second-background) !important;
}
.mal-modal .mal-modal-dialog .mal-modal-content .mal-modal-body .broadcasts .broadcast a:hover {
background-color: var(--hover-background) !important;
}
/*Search by Season*/
.season .anime-seasonal-byseason td
{
border-color: var(--hover-background) !important;
}
.season .anime-seasonal-byseason tr
{
background-color: var(--hover-background) !important;
}
.season .anime-seasonal-byseason tr:nth-of-type(odd)
{
background-color: var(--second-background) !important;
}
.navi-seasonal.fixed:after
{
display: none !important;
}
/*Welcome*/
.page-common .h1
{
background-color: var(--hover-background) !important;
color: var(--main-text) !important;
border-color: var(--hover-background) !important;
}
/*Page*/
.page-common #content, .page-common #contentWrapper
{
background-color: var(--main-background) !important;
}
body.index .widget .widget-header, .page-common #content, .widget-slide-block .widget-slide .btn-anime, body.index .left-column
{
border-color: var(--hover-background) !important;
}
body.index .widget .widget-header, .widget-slide-block .widget-slide .btn-anime .link .title
{
color: var(--main-text) !important;
}
.widget-slide-block .widget-slide .btn-anime .link .title
{
text-shadow: none !important;
}
.auto-recommendations.no-suggestions
{
color: var(--dimmer-text) !important;
}
.grecaptcha-badge {
display: none !important;
}
.page-common .mal-side-koukoku
{
display: none !important;
}
/*Manga on the first page*/
#widget-manga-store .widget-slide .btn-anime .link,
.index-manga-store-description
{
border-color: var(--hover-background) !important;
}
/*Latest Updated Episode Videos*/
.page-common a, .page-common a:visited
{
color: var(--main-color) !important;
opacity: .9;
}
.page-common a:hover, .page-common a:visited:hover
{
color: var(--main-color) !important;
opacity: 1;
}
.page-common .fn-grey6
{
color: var(--dimmer-text) !important;
}
.index-watch-description .btn-watch-video,
.index-manga-store-description .btn-manga-store
{
border-color: var(--main-color) !important;
background-color: var(--second-background) !important;
color: var(--main-text) !important;
opacity: .9;
transition: none !important;
}
.index-watch-description .btn-watch-video:hover,
.index-manga-store-description .btn-manga-store:hover
{
background-color: var(--hover-background) !important;
opacity: 1;
transition: none !important;
}
#widget-promotional-video .widget-slide .btn-anime.episode .link a:hover, #widget-episode-video .widget-slide .btn-anime.episode .link a:hover
{
background-color: var(--hover-background) !important;
}
#widget-promotional-video .widget-slide .btn-anime.episode .link a, #widget-episode-video .widget-slide .btn-anime.episode .link a
{
color: var(--main-text) !important;
}
.widget-slide-block .widget-slide .btn-anime .external-link
{
background-color: transparent !important;
}
/*Anime & Manga News*/
.widget.featured .news-list.widget .news-unit .text, .widget.news .news-list.widget .news-unit .text, .news-list .comment-list .text, .news-list .news-unit .text
{
color: var(--dimmer-text) !important;
}
.news-list .comment-list, .news-list .news-unit
{
border-color: var(--hover-background) !important;
}
body.news .news-container .title, .featured-article-body h1, .featured-article-body h2, .featured-article-body h3, .featured-article-body h4, .featured-article-body h5, .featured-article-body h6
{
color: var(--main-text) !important;
}
hr
{
color: var(--hover-background) !important;
}
/*Recent Anime Discussions*/
.page-common .borderClass
{
border-color: var(--hover-background) !important;
}
.page-common .lightLink, .page-common .lightLink:link, .page-common .lightLink:visited, .page-common .lightLink:active
{
color: var(--dimmer-text) !important;
}
.page-common .lightLink:hover
{
color: var(--main-color) !important;
}
/*Featured Articles*/
.news-list .comment-list .information .info, .news-list .news-unit .information .info, .news-list .comment-list .information .pv, .news-list .news-unit .information .pv
{
color: var(--dimmer-text) !important;
}
.news-list .comment-list .information .tags .tag.tag-color-feature-advertorial:hover, .news-list .news-unit .information .tags .tag.tag-color-feature-advertorial:hover, .news-list .comment-list .information .tags .tag.tag-color-feature-spoiler:hover, .news-list .news-unit .information .tags .tag.tag-color-feature-spoiler:hover
{
background-color: transparent !important;
}
.news-list .comment-list .information .tags .tag.tag-color-feature-advertorial, .news-list .news-unit .information .tags .tag.tag-color-feature-advertorial, .news-list .comment-list .information .tags .tag.tag-color-feature-advertorial:hover, .news-list .news-unit .information .tags .tag.tag-color-feature-advertorial:hover
{
color: var(--main-text) !important;
border-color: var(--main-color) !important;
background-color: var(--main-color) !important;
}
.news-list .comment-list .information .tags .tag.tag-color-feature-spoiler, .news-list .news-unit .information .tags .tag.tag-color-feature-spoiler, .news-list .comment-list .information .tags .tag.tag-color-feature-spoiler:hover, .news-list .news-unit .information .tags .tag.tag-color-feature-spoiler:hover
{
color: #fff !important;
border-color: var(--red) !important;
background-color: var(--red) !important;
}
.news-list .comment-list .information .pv, .news-list .news-unit .information .pv, .news-list .comment-list .information .tags, .news-list .news-unit .information .tags
{
border-color: var(--hover-background) !important;
}
/*Latest Anime Reviews*/
body.index .widget.reviews.left .textReadability
{
color: var(--dimmer-text) !important;
}
body.index .widget.my_list_updates .item, body.index .widget.friend_list_updates .item, body.index .widget.clubs .item, body.index .widget.reviews .item
{
border-color: var(--hover-background) !important;
}
/*Stacks*/
.stacks .header-right .btn-new-stack, .stacks .btn-new-stack, .profile .mymenu .btn-new-stack {
background-color: var(--main-color) !important;
color: var(--main-text) !important;
}
.stacks .header-right .new-stack-block, .stacks .new-stack-block {
background-color: var(--second-background) !important;
border: 1px solid var(--hover-background) !important;
}
.stacks .new-stack-block .new-stack-item:hover {
background-color: var(--second-background) !important;
}
.stacks .tab-area ul li, .profile .navi .tabs .btn-tab {
background-color: var(--hover-background) !important;
color: var(--main-text) !important;
}
.stacks .tab-area ul li:hover, .profile .navi .tabs .btn-tab:hover, .stacks .tab-area ul li.on, .profile .navi .tabs .btn-tab.on {
background-color: var(--main-color) !important;
}
.stacks .btn-show-spoilers.on i.fas, .profile .btn-show-spoilers i.fas {
color: var(--main-color) !important;
}
.stacks .tag .tag-anime, .stacks .tag .tag-manga, .stacks .tag .tag-challenge, .profile .stacks-list .column-item .tag .tag-anime, .profile .stacks-list .column-item .tag .tag-manga, .profile .stacks-list .column-item .tag .tag-challenge {
color: var(--main-text) !important;
text-shadow: -1px -1px 1px rgba(255,255,255,.1), 1px 1px 1px rgba(0,0,0,.4);
}
.stacks .btn-report.on .fa-ellipsis-h, .stacks .btn-report .fa-ellipsis-h:hover, .stacks .btn-stack .fa-layer-plus:hover, .stacks .btn-stack .fa-layer-minus, .profile .stacks-list .column-item .foot .btn-stack .fa-layer-minus, .profile .stacks-list .column-item .foot .btn-stack .fa-layer-plus:hover {
color: var(--main-color) !important;
}
.stacks .tab-area, .stacks .search-list .column-item {
border-bottom: 1px solid var(--hover-background) !important;
}
.stacks .btn-report .report-block {
background-color: var(--second-background) !important;
border: 1px solid var(--hover-background) !important;
}
.stacks .btn-stack .balloon, .stacks .btn-stack.on .balloon, .profile .stacks-list .column-item .foot .btn-stack .balloon, .profile .stacks-list .column-item .foot .btn-stack.on .balloon {
background-color: var(--hover-background) !important;
border-color: var(--hover-background) !important;
}
.stacks .btn-stack .balloon:before, .stacks .btn-stack.on .balloon:before, .stacks .btn-stack .balloon:after, .stacks .btn-stack.on .balloon:after, .profile .stacks-list .column-item .foot .btn-stack .balloon:before, .profile .stacks-list .column-item .foot .btn-stack .balloon:after, .profile .stacks-list .column-item .foot .btn-stack.on .balloon:before, .profile .stacks-list .column-item .foot .btn-stack.on .balloon:after {
border-right: 6px solid var(--hover-background) !important;
}
.stacks .content-left {
border-right: 1px solid var(--hover-background) !important;
}
.stacks .breadcrumbs_area.underline, .stacks h3.underline, .stacks .recent-list .column-item, .stacks .side-list .column-item, .stacks div.underline, .stacks .two-btn, .stacks .stacks-modal .modal_content .head, .stacks .stacks-modal .modal_content .modal-list .item {
border-bottom: 1px solid var(--hover-background) !important;
}
.stacks .info-block, .profile .mymenu {
background-color: var(--second-background) !important;
}
.stacks .introduction {
border-bottom: 1px solid var(--hover-background) !important;
color: var(--dimmer-text) !important;
}
.stacks .any_status .mylist, .stacks .any_status .mean_score {
color: var(--main-text) !important;
}
.stacks .any_status strong {
color: var(--main-color) !important;
}
.stacks .any_status .score {
background-color: var(--second-background) !important;
}
.stacks .any_status .score .graph.completed {
background-color: var(--main-color) !important;
}
.stacks .search-side form input {
background-color: var(--second-background) !important;
border: 1px solid var(--hover-background) !important;
border-right: 0 solid var(--hover-background) !important;
}
.stacks .search-side form button {
background-color: var(--main-background) !important;
border: 1px solid var(--hover-background) !important;
border-left: 1px solid var(--hover-background) !important;
color: var(--main-text) !important;
}
.stacks .search-side .quick-search a {
background: var(--second-background) !important;
border: 1px solid var(--hover-background) !important;
}
.stacks .search-side .quick-search a:hover {
background: var(--hover-background) !important;
border: 1px solid var(--second-background) !important;
}
.stacks .search-area .inputButton.notActive {
background-color: var(--second-background) !important;
border: 1px solid var(--hover-background) !important;
}
.stacks .search-area .inputtext:hover, .stacks .search-area .inputtext:active, .stacks .search-area .inputtext:focus {
border: 1px solid var(--hover-background) !important;
}
.tile-anime-list .seasonal-anime .edit a.notinmylist {
background-color: var(--hover-background) !important;
}
.stacks input.title {
background: var(--hover-background) !important;
border: 1px solid var(--second-background) !important;
color: var(--main-text) !important;
}
.stacks textarea.description {
background: var(--hover-background) !important;
border: 1px solid var(--second-background) !important;
color: var(--main-text) !important;
resize: vertical !important;
outline: none !important;
}
.stacks .stack-list .item .bar {
background-color: var(--second-background) !important;
border: 1px solid var(--hover-background) !important;
}
.stacks .stack-list .item .panel {
background-color: var(--second-background) !important;
}
.stacks .btn.btn-trash, .stacks .btn-delete {
background-color:#e52828 !important;
border-color: var(--hover-background) !important;
color: var(--main-text) !important;
}
.stacks .stack-list .item .panel .list_status .status.completed {
background-color: var(--main-color) !important;
}
.stacks .btn.btn-primary {
background-color: var(--main-color) !important;
color: #fff;
}
.stacks .btn.btn-default {
background-color: var(--hover-background) !important;
border-color: var(--hover-background) !important;
color: var(--main-text) !important;
}
.stacks .radio.box.on {
background-color: var(--hover-background) !important;
}
.stacks .radio input[type=radio]:checked+label:before {
background-color: var(--main-color) !important;
border-color: var(--main-color) !important;
-webkit-box-shadow: inset 0 0 0 3px #fff;
box-shadow: inset 0 0 0 3px #fff;
}
.stacks .tag.box {
background-color: var(--hover-background) !important;
}
.stacks .stacks-modal .modal_content {
background: var(--second-background) !important;
border: 1px solid var(--hover-background) !important;
}
.stacks .stacks-modal .modal_content .modal_btn_close {
background-color: var(--hover-background) !important;
}
.stacks .stacks-modal .modal_content .head .search-box input {
background: var(--second-background) !important;
color: var(--main-text) !important;
}
.stacks .stacks-modal .modal_content .modal-list .item.just, .stacks .stacks-modal .modal_content .modal-list .item.added {
background-color: var(--hover-background) !important;
}
.stacks .stacks-modal .modal_content .modal-list .item .modal-btn .fa-plus, .stacks .stacks-modal .modal_content .modal-list .item .modal-btn .fa-minus {
color: var(--main-color) !important;
}
.stacks .stacks-modal .modal_content .modal-list .item .modal-icon div.completed, .profile .stacks-list .column-item .score .graph.completed {
background-color: var(--main-color) !important;
}
.stacks .stacks-modal .modal_content .modal-list .item .title span, .stacks .stacks-modal .modal_content .modal-list .item.just .title span {
color: var(--main-text) !important;
}
.stacks .stack-list .item .panel .list_status .balloon {
background-color: var(--hover-background) !important;
border-color: var(--hover-background) !important;
}
.stacks .stack-list .item .panel .list_status .balloon:before {
border: 5px solid transparent !important;
border-right: 6px solid var(--hover-background) !important;
}
.stacks .stack-list .item .panel .list_status .balloon:after {
border: 5px solid transparent;
border-right: 0px solid var(--hover-background) !important;
}
.stacks .my-list thead td {
background-color: var(--hover-background) !important;
border-bottom: 0px;
}
.stacks .my-list tbody td {
border-bottom: 1px solid var(--hover-background) !important;
}
.stacks .my-list tbody tr:nth-child(2n) td {
background-color: var(--second-background) !important;
}
.stacks .my-list tbody td .btn_edit {
background-color: var(--second-background) !important;
border: 1px solid var(--hover-background) !important;
}
.stacks .list-anime-list .seasonal-anime .head, .profile .stacks-list .column-item .tag, .profile .stacks-list .column-item .score {
background-color: var(--hover-background) !important;
}
.stacks .list-anime-list .seasonal-anime .info {
background-color: var(--second-background) !important;
}
.stacks .list-anime-list .seasonal-anime .intro {
color: var(--dimmer-text) !important;
}
/*Add button*/
.page-common a.button_add.button_add, .page-common a.button_add.button_edit, .page-common a.button_edit.button_add, .page-common a.button_edit.button_edit
{
border-color: transparent !important;
background-color: transparent !important;
}
.page-common a.button_add.button_add:hover, .page-common a.button_add.button_edit:hover, .page-common a.button_edit.button_add:hover, .page-common a.button_edit.button_edit:hover
{
background-color: var(--hover-background) !important;
color: var(--main-color) !important;
opacity: 1;
transition: none !important;
}
.page-common a.button_add.button_add.reading, .page-common a.button_add.button_add.watching, .page-common a.button_add.button_edit.reading, .page-common a.button_add.button_edit.watching, .page-common a.button_edit.button_add.reading, .page-common a.button_edit.button_add.watching, .page-common a.button_edit.button_edit.reading, .page-common a.button_edit.button_edit.watching
{
background-color: var(--green) !important;
color: #fff !important;
}
.page-common a.button_add.button_add.plantoread, .page-common a.button_add.button_add.plantowatch, .page-common a.button_add.button_edit.plantoread, .page-common a.button_add.button_edit.plantowatch, .page-common a.button_edit.button_add.plantoread, .page-common a.button_edit.button_add.plantowatch, .page-common a.button_edit.button_edit.plantoread, .page-common a.button_edit.button_edit.plantowatch
{
background-color: var(--gray) !important;
color: #fff !important;
}
.page-common a.button_add.button_add.completed, .page-common a.button_add.button_edit.completed, .page-common a.button_edit.button_add.completed, .page-common a.button_edit.button_edit.completed
{
background-color: var(--main-color) !important;
color: #fff !important;
}
.page-common a.button_add.button_add.dropped, .page-common a.button_add.button_edit.dropped, .page-common a.button_edit.button_add.dropped, .page-common a.button_edit.button_edit.dropped
{
background-color: var(--red) !important;
color: #fff !important;
}
.page-common a.button_add.button_add.on-hold, .page-common a.button_add.button_edit.on-hold, .page-common a.button_edit.button_add.on-hold, .page-common a.button_edit.button_edit.on-hold
{
background-color: var(--yellow) !important;
color: #fff !important;
}
/*Progress*/
if progress-colors {
.profile .user-statistics .stats-graph .graph.watching, .profile .user-statistics .stats-graph .graph.reading, .profile .user-statistics .stats-status .circle.watching::after, .profile .user-statistics .stats-status .circle.reading::after
{
background-color: var(--green) !important;
}
.profile .user-statistics .stats-graph .graph.completed, .profile .user-statistics .stats-status .circle.completed::after, .profile .statistics-updates .data .graph .graph-inner.completed
{
background-color: var(--main-color) !important;
}
.profile .user-statistics .stats-graph .graph.on_hold, .profile .user-statistics .stats-status .circle.on_hold::after
{
background-color: var(--yellow) !important;
}
.profile .user-statistics .stats-graph .graph.dropped, .profile .user-statistics .stats-status .circle.dropped::after
{
background-color: var(--red) !important;
}
.profile .user-statistics .stats-graph, .profile .user-statistics .stats-graph .graph.plan_to_watch, .profile .user-statistics .stats-graph .graph.plan_to_read, .profile .user-statistics .stats-status .circle.plan_to_watch::after, .profile .user-statistics .stats-status .circle.plan_to_read::after
{
background-color: var(--gray) !important;
}
.profile .statistics-updates .data .graph .graph-inner.watching,.profile .statistics-updates .data .graph .graph-inner.re-watching,.profile .statistics-updates .data .graph .graph-inner.reading,.profile .statistics-updates .data .graph .graph-inner.re-reading
{
background-color: var(--green) !important;
}
.profile .statistics-updates .data .graph .graph-inner.completed
{
background-color: var(--main-color) !important;
}
.profile .statistics-updates .data .graph .graph-inner.on_hold
{
background-color: var(--yellow) !important;
}
.profile .statistics-updates .data .graph .graph-inner.dropped
{
background-color: var(--red) !important;
}
.profile .statistics-updates .data .graph .graph-inner.plan_to_watch,.profile .statistics-updates .data .graph .graph-inner.plan_to_read
{
background-color: var(--gray) !important;
}
.profile .statistics-updates .data .text.watching,.profile .statistics-updates .data .text.re-watching,.profile .statistics-updates .data .text.reading,.profile .statistics-updates .data .text.re-reading
{
color: var(--green) !important;
}
.profile .statistics-updates .data .text.completed
{
color: var(--main-color) !important;
}
.profile .statistics-updates .data .text.on_hold
{
color: var(--yellow) !important;
}
.profile .statistics-updates .data .text.dropped
{
color: var(--red) !important;
}
.profile .statistics-updates .data .text.plan_to_watch,.profile .statistics-updates .data .text.plan_to_read
{
color: var(--gray) !important;
}
}
.user-status-block .form-user-score
{
background-image: url("https://gitlab.com/RaitaroH/MyAnimeList-DeepDark/raw/master/Images/icon-star-score.png"),url("https://gitlab.com/RaitaroH/MyAnimeList-DeepDark/raw/master/Images/icon-triangles-completed.png") !important;
}
.user-status-block .form-user-status
{
background-color: transparent !important;
border-color: var(--hover-background) !important;
background-image: url("https://gitlab.com/RaitaroH/MyAnimeList-DeepDark/raw/master/Images/icon-triangles-completed.png") !important;
color: var(--main-text) !important;
}
.user-status-block .form-user-status[data-class="completed"], .user-status-block .form-user-status[data-class="reading"], .user-status-block .form-user-status[data-class="watching"], .user-status-block .form-user-status[data-class="dropped"], .user-status-block .form-user-status[data-class="plantoread"], .user-status-block .form-user-status[data-class="plantowatch"], .user-status-block .form-user-status[data-class="on-hold"]
{
background-image: url("https://gitlab.com/RaitaroH/MyAnimeList-DeepDark/raw/master/Images/icon-triangles-completed.png") !important;
color: var(--main-text) !important;
}
.user-status-block .form-user-status[data-class="completed"]
{
background-color: var(--main-color) !important;
border-color: var(--main-color) !important;
}
.user-status-block .form-user-status[data-class="reading"], .user-status-block .form-user-status[data-class="watching"]
{
background-color: var(--green) !important;
border-color: var(--green) !important;
}
.user-status-block .form-user-status[data-class="dropped"]
{
background-color: var(--red) !important;
border-color: var(--red) !important;
}
.user-status-block .form-user-status[data-class="plantoread"], .user-status-block .form-user-status[data-class="plantowatch"]
{
background-color: var(--gray) !important;
border-color: var(--gray) !important;
}
.user-status-block .form-user-status[data-class="on-hold"]
{
background-color: var(--yellow) !important;
border-color: var(--yellow) !important;
}
/*Add anime*/
.ownlist_anime_update #advanced-button .toggle-button, .ownlist_manga_update #advanced-button .toggle-button
{
background-color: var(--hover-background) !important;
color: var(--main-text) !important;
}
.ownlist_anime_update #advanced-button .toggle-button:hover, .ownlist_manga_update #advanced-button .toggle-button:hover
{
color: var(--main-color) !important;
}
.ownlist_anime_update #advanced-button .separator, .ownlist_manga_update #advanced-button .separator
{
border-color: var(--hover-background) !important;
}
.page-common .goodresult, .page-common .successQuery
{
background-color: var(--hover-background) !important;
color: var(--main-text) !important;
border-color: var(--hover-background) !important;
}
/*Latest Anime Recommendations*/
.page-common .spaceit_pad
{
color: var(--main-text) !important;
}
.page-common .spaceit
{
color: var(--dimmer-text) !important;
}
/*Right side divs*/
.ranking-digest .ranking-header
{
background-color: var(--hover-background) !important;
color: var(--main-text) !important;
border-color: var(--hover-background) !important;
}
.ranking-digest
{
background-color: var(--main-background) !important;
color: var(--main-text) !important;
border: 1px solid var(--hover-background);
border-top: none !important;
}
.ranking-digest .ranking-unit .info, .ranking-digest .ranking-unit .members, .ranking-digest .ranking-unit .rank
{
color: var(--dimmer-text) !important;
}
/*Companies*/
.ranking-company .company-favorites-ranking-table .table-header td {
border-color: var(--hover-background) !important;
background-color: var(--hover-background) !important;
}
.ranking-company .company-favorites-ranking-table .table-header td:first-of-type {
border-color: var(--hover-background) !important;
}
.ranking-company .company-favorites-ranking-table tr.ranking-list:nth-of-type(2n) td {
background-color: var(--second-background) !important;
border-color: var(--hover-background) !important;
}
.ranking-company .company-favorites-ranking-table tr.ranking-list:nth-of-type(2n+1) td {
background-color: var(--hover-background) !important;
border-color: var(--hover-background) !important;
}
.ranking-company .company-favorites-ranking-table tr:last-of-type {
border-color: var(--hover-background) !important;
}
/*Sketchy but only way I can see to do it for now */
#content > div.content-right > div.normal_header.ml8.clearfix.js-search-filter-block {
background-color: var(--main-background) !important;
}
.anime-filter2 .navi-seasonal .horiznav-nav-seasonal, .anime-filter2 .navi-seasonal {
background-color: var(--main-background) !important;
}
.anime-filter .content-left {
border-color: var(--hover-background) !important;
}
.anime-filter2 .navi-seasonal .horiznav-nav-seasonal .btn-type li {
background-color: var(--second-background) !important;
color: var(--main-text) !important;
border-color: var(--hover-background) !important;
}
.anime-filter2 .navi-seasonal .horiznav-nav-seasonal .btn-type li:hover {
background-color: var(--hover-background) !important;
color: var(--main-color) !important;
}
.anime-filter2 .navi-seasonal .horiznav-nav-seasonal .btn-type li.on {
background-color: var(--main-color) !important;
}
.anime-filter2 .navi-seasonal .horiznav-nav-seasonal .btn-type li.on:hover {
background-color: var(--hover-background) !important;
color: var(--main-color) !important;
}
.anime-filter2 .tile-anime-list .seasonal-anime .image {
background-color: var(--hover-background) !important;
}
.anime-filter2 .navi-seasonal .sort-order-block {
background: var(--second-background) !important;
border: 1px solid var(--hover-background) !important;
}
.view-style2 {
filter: grayscale(100%);
}
/*Footer*/
.page-common .footer-ranking, .page-common #footer-block
{
background-color: var(--second-background) !important;
color: var(--main-text) !important;
border-color: var(--hover-background) !important;
}
.page-common .footer-ranking .ranking-unit h3.title, .page-common #footer-block .footer-link.home, .page-common #footer-block .footer-link.login
{
border-color: var(--hover-background) !important;
}
.page-common .footer-ranking .ranking-unit ol li .rank, .page-common #footer-block .footer-social-media::after, .page-common #footer-block .footer-recommended::after
{
color: var(--dimmer-text) !important;
}
.page-common #footer-block #copyright
{
color: var(--main-text) !important;
}
/*Anime page*/
.page-common #horiznav_nav ul li .horiznav_active
{
background-color: var(--main-color) !important;
}
.page-common #horiznav_nav ul li a, .page-common #horiznav_nav ul li
{
background-color: var(--second-background) !important;
color: var(--main-text) !important;
border-color: var(--hover-background) !important;
}
.page-common #horiznav_nav
{
border-color: var(--hover-background) !important;
}
.page-common #horiznav_nav ul li a:hover, .page-common #horiznav_nav ul li:hover
{
background-color: var(--hover-background) !important;
color: var(--main-color) !important;
}
.page-common .breadcrumb, .anime-detail-header-stats .stats-block .score, .anime-detail-header-stats .stats-block .numbers
{
color: var(--main-text) !important;
}
.anime-detail-header-stats .stats-block .score::after, .anime-detail-header-stats .anime-detail-header-affiliate-dialog::before
{
color: var(--dimmer-text) !important;
}
#editdiv
{
background-color: var(--main-background) !important;
border: 1px solid var(--hover-background) !important;
box-shadow: 1px 1px 5px rgb(0 0 0 / 20%) !important;
}
.msg-frame
{
background-color: var(--second-background) !important;
border-color: var(--hover-background) !important;
color: var(--dimmer-text) !important;
}
a.left-info-block-notify-on-air-button, a.left-info-block-broadcast-button
{
background-color: var(--main-color) !important;
color: var(--main-text) !important;
border-color: var(--main-color) !important;
}
a.left-info-block-notify-on-air-button:hover, a.left-info-block-broadcast-button:hover
{
opacity: 1 !important;
color: var(--main-text) !important;
}
.oped-video-button .malicon.malicon-movie-mv
{
color: inherit !important;
}
/*add to favorites... manga*/
#favOutput
{
color: var(--main-color) !important;
}
/*Ranking (score)*/
.anime-detail-header-stats .stats-block, .anime-detail-header-stats .user-status-block
{
background-color: var(--second-background) !important;
color: var(--main-text) !important;
border-color: var(--hover-background) !important;
}
.anime-detail-header-stats .stats-block .score::before, .user-status-block .btn-user-status-add-list
{
background-color: var(--main-color) !important;
color: var(--main-text) !important;
border-color: var(--main-color) !important;
}
.user-status-block .btn-user-status-add-list
{
opacity: .9;
}
.user-status-block .btn-user-status-add-list:hover,
.anime-detail-header-stats .btn-affiliate.manga-store:hover
{
opacity: 1 !important;
color: var(--main-text) !important;
}
.user-status-block .form-user-score, .user-status-block .form-user-episode, .user-status-block .form-user-episode input[type="text"], .anime-detail-header-stats .anime-detail-header-affiliate-dialog
{
background-color: var(--main-background) !important;
color: var(--main-text) !important;
border-color: var(--hover-background) !important;
}
/*buy on store*/
.anime-detail-header-stats .btn-affiliate.manga-store
{
background: var(--main-color) !important;
border-color: var(--main-color) !important;
color: var(--main-text) !important;
opacity: .9 !important;
}
/*Ranking*/
.di-t.w100.mt12
{
background-color: var(--main-background) !important;
}
a.left-info-block-manga-store-button, .button[data-v-132ee420]
{
background: var(--hover-background) !important;
color: var(--main-text) !important;
border-color: var(--hover-background) !important;
}
.button-left, .button-right, .is-disable
{
filter: grayscale(100%);
}
.slider-wrap[data-v-d2f4bf8a]
{
border-color: var(--hover-background) !important;
}
.page-common h2
{
color: var(--main-text) !important;
}
.page-common h2, .page-common .border_top, .page-common #profileRows a, .page-common .profileRows a, .detail-characters-list .left-column.divider::after, .page-common .borderDark, div.borderDark > div
{
border-color: var(--hover-background) !important;
}
if bbcode == "1" {
.page-common p, .page-common .textReadability, .page-common span:not([style^="color"]), .page-common td, .page-common .dark_text, .page-common .dark_text:hover, .page-common .dark_text:visited
{
color: var(--dimmer-text) !important;
}
u
{
text-decoration: underline !important;
}
span[style="text-decoration:line-through;"]
{
text-decoration: line-through !important;
}
#content > div:nth-child(2) > form > table > tbody > tr:nth-child(16) > td:nth-child(2) > small::after
{
content: "\A **DeepDark** If you use the [s](strikethrough) BBCode, it must be used before the [color=red](Color) BBCode to be seen correctly on your profile. \A Example: [quote][s][color=Red][b]Text Here[/b][/color][/s][/quote]" !important;
white-space: pre !important;
Color: red !important;
font-weight: bold !important;
}
}
if bbcode == "0" {
.page-common p, .page-common .textReadability, .page-common span, .page-common td, .page-common .dark_text, .page-common .dark_text:hover, .page-common .dark_text:visited
{
color: var(--dimmer-text) !important;
}
}
.page-common #profileRows a:hover, .page-common .profileRows a:hover, .detail-characters-list .left-column table:nth-of-type(2n), .detail-characters-list .left-right table:nth-of-type(2n)
{
background-color: var(--hover-background) !important;
}
/*Recent forum discussion*/
.page-forum .forum_boardrow2, .page-forum .forum_boardrow1
{
background-color: var(--main-background) !important;
border-color: var(--hover-background) !important;
}
/*Text in polls*/
.page-forum .forum_boardrow1
{
color: var(--dimmer-text) !important;
}
/*Videos*/
.video-block.episode-video .outside-region .outside-region-block
{
background-image: url("https://gitlab.com/RaitaroH/MyAnimeList-DeepDark/raw/master/Images/arrows.png") !important;
}
/*Episodes*/
.episode_list .episode-list-header td, .episode_list .episode-list-data:nth-of-type(2n+1) td, .episode_list .episode-list-header td:last-of-type
{
border-color: var(--hover-background) !important;
}
.episode_list .episode-list-header, .episode_list .episode-list-data:nth-of-type(2n+1) td, .di-t, .contents-video-embed .episode-information
{
background-color: var(--hover-background) !important;
}
.episode_list .episode-list-header .episode-number .btn-sort-outer
{
background-image: url("https://gitlab.com/RaitaroH/MyAnimeList-DeepDark/raw/master/Images/icon-sort-triangle.png") !important;
}
.episode_list .episode-list-data:nth-of-type(2n) td
{
border-color: var(--hover-background) !important;
background-color: var(--second-background) !important;
}
.page-common .fn-grey2
{
color: var(--dimmer-text) !important;
}
.user-status-block .btn-forum-episode, .contents-video-embed .btn-rect
{
background-color: var(--main-color) !important;
border-color: var(--main-color) !important;
color: var(--main-text) !important;
opacity: .9;
}
.user-status-block .btn-forum-episode:hover, .contents-video-embed .btn-rect:hover
{
opacity: 1;
color: var(--main-text) !important;
}
.contents-video-embed .btn-video-anime-slide.hori, .contents-video-embed .video-anime-slide-block.hori .video-anime-slide .btn-anime
{
background-color: var(--second-background) !important;
}
.contents-video-embed .btn-video-anime-slide.hori:hover, .contents-video-embed .video-anime-slide-block.hori .video-anime-slide .btn-anime.play .link, .contents-video-embed .video-anime-slide-block.hori .video-anime-slide .btn-anime:hover .link
{
background-color: var(--hover-background) !important;
}
.contents-video-embed .video-anime-slide-block.hori
{
border-color: var(--hover-background) !important;
}
.contents-video-embed .video-anime-slide-block.hori .video-anime-slide .btn-anime .link .text
{
color: var(--dimmer-text) !important;
}
/*Reviews*/
.reviews-horiznav-nav-sort-block, .page-common .border_bottom, .js-scrollfix-bottom-rel > div
{
border-color: var(--hover-background) !important;
}
.page-common .button_form
{
background-color: var(--second-background) !important;
border-color: var(--hover-background) !important;
}
.page-common .button_form:hover
{
background-color: var(--hover-background) !important;
}
/*Recommendations*/
.page-common .bgColor1
{
background-color: var(--second-background) !important;
}
.btn-detail-recommendations-view-all
{
background-color: var(--second-background) !important;
}
.btn-detail-recommendations-view-all:hover
{
background-color: var(--hover-background) !important;
}
/*Stats*/
.page-common div.updatesBar
{
background-color: var(--main-color) !important;
color: var(--main-text) !important;
}
.table-recently-updated tr:nth-of-type(2n) td
{
background-color: var(--second-background) !important;
}
.table-recently-updated tr:nth-of-type(2n+1) td
{
background-color: var(--hover-background) !important;
}
.statistics-info
{
background-color: var(--hover-background) !important;
border-color: var(--hover-background) !important;
color: var(--main-text) !important;
}
.statistics-info::after, .statistics-info::before
{
border-top-color: var(--hover-background) !important;
}
/*Characters & Voice Actors*/
.page-common .bgColor2
{
background-color: var(--hover-background) !important;
}
.anime-character, .manga-character
{
background-color: var(--main-background) !important;
border-bottom: 0px !important;
}
.anime-character .btn-show-sort:hover
{
color: var(--main-color) !important;
}
.anime-character .anime-character-sort-order-block, .manga-character .manga-character-sort-order-block
{
background: var(--second-background) !important;
border: 1px solid var(--hover-background) !important;
}
.anime-character .anime-character-sort-order-block .btn-close {
background-color: var(--second-background) !important;
}
.anime-character .anime-character-sort-order-block .sort-order-list .btn-sort-order.circle:hover {
color: var(--main-color) !important;
}
/*Forum*/
.page-common .normal_header, .page-forum .forum-table-header, .page-common .quotetext, .page-common .codetext
{
border-color: var(--hover-background) !important;
background-color: var(--hover-background) !important;
}
a.icon-team-title.founder, a.icon-team-title.site_administrator, a.icon-team-title.lead_administrator, a.icon-team-title.community_administrator, a.icon-team-title.database_administrator, a.icon-team-title.anime_db_moderator, a.icon-team-title.manga_db_moderator, a.icon-team-title.forum_moderator, a.icon-team-title.news_moderator, a.icon-team-title.review_recommendation_moderator, a.icon-team-title.irc_moderator, a.icon-team-title.social_media_moderator, a.icon-team-title.retired_moderator, a.icon-team-title.event_bot, a.icon-team-title.founder:visited, a.icon-team-title.site_administrator:visited, a.icon-team-title.lead_administrator:visited, a.icon-team-title.community_administrator:visited, a.icon-team-title.database_administrator:visited, a.icon-team-title.anime_db_moderator:visited, a.icon-team-title.manga_db_moderator:visited, a.icon-team-title.forum_moderator:visited, a.icon-team-title.news_moderator:visited, a.icon-team-title.review_recommendation_moderator:visited, a.icon-team-title.irc_moderator:visited, a.icon-team-title.social_media_moderator:visited, a.icon-team-title.retired_moderator:visited, a.icon-team-title.event_bot:visited
{
color: var(--main-text) !important;
transition: none !important;
}
.page-forum .sig
{
border-color: var(--hover-background) !important;
}
.page-forum .forum_boardrowspacer
{
background-color: transparent !important;
}
.page-forum .forum_category
{
background-color: var(--hover-background) !important;
color: var(--main-text) !important;
}
.page-forum .forum_locheader, #content > div, .page-common .fn-grey5
{
color: var(--main-text) !important;
}
.page-forum .btn-forum, .page-forum .btn-forum, .btn-rect-grey1, .page-common .forum-topic-sort
{
background-color: var(--second-background) !important;
border-color: transparent !important;
}
.page-forum .btn-forum:hover, .page-forum .btn-forum:hover, .btn-rect-grey1:hover
{
background-color: var(--hover-background) !important;
}
/*Top anime page*/
.top-ranking-table .table-header td
{
border-color: var(--hover-background) !important;
background-color: var(--hover-background) !important;
}
/*Buttons*/
.page-common .pagination .link-blue-box
{
background-color: var(--main-color) !important;
color: var(--main-text) !important;
transition: none !important;
opacity: 1 !important;
}
.top-ranking-table .title .button-preview
{
background-color: var(--main-color) !important;
border-color: var(--main-color) !important;
color: var(--main-text) !important;
}
.top-ranking-table .status .btn-addEdit-large.btn-anime-watch-status.notinmylist
{
background-color: var(--main-background) !important;
color: var(--main-text) !important;
transition: none !important;
opacity: 1 !important;
}
.top-ranking-table .status .btn-addEdit-large.btn-anime-watch-status.completed, .top-ranking-table .status .btn-addEdit-large.btn-anime-watch-status.dropped, .top-ranking-table .status .btn-addEdit-large.btn-anime-watch-status.plantoread, .top-ranking-table .status .btn-addEdit-large.btn-anime-watch-status.plantowatch, .top-ranking-table .status .btn-addEdit-large.btn-anime-watch-status.reading, .top-ranking-table .status .btn-addEdit-large.btn-anime-watch-status.watching, .top-ranking-table .status .btn-addEdit-large.btn-anime-watch-status.on-hold
{
color: var(--main-text) !important;
}
.top-ranking-table .status .btn-addEdit-large.btn-anime-watch-status.completed
{
background-color: var(--main-color) !important;
border-color: var(--main-color) !important;
}
.top-ranking-table .status .btn-addEdit-large.btn-anime-watch-status.dropped
{
background-color: var(--red) !important;
border-color: var(--red) !important;
}
.top-ranking-table .status .btn-addEdit-large.btn-anime-watch-status.plantoread, .top-ranking-table .status .btn-addEdit-large.btn-anime-watch-status.plantowatch
{
background-color: var(--gray) !important;
border-color: var(--gray) !important;
}
.top-ranking-table .status .btn-addEdit-large.btn-anime-watch-status.reading, .top-ranking-table .status .btn-addEdit-large.btn-anime-watch-status.watching
{
background-color: var(--green) !important;
border-color: var(--green) !important;
}
.top-ranking-table .status .btn-addEdit-large.btn-anime-watch-status.on-hold
{
background-color: var(--yellow) !important;
border-color: var(--yellow) !important;
}
.icon-watch2 .malicon.malicon-movie-episode, .icon-watch2 .malicon.malicon-movie-pv, .icon-watch2 .malicon.malicon-streaming, .icon-watch-pv2 .malicon.malicon-movie-episode, .icon-watch-pv2 .malicon.malicon-movie-pv, .icon-watch-pv2 .malicon.malicon-streaming {
color: var(--main-color) !important;
}
/* Removing for now. MAL changed their image into a fontawesome icon.
.top-ranking-table .icon-score-star
{
background-image: url("https://gitlab.com/RaitaroH/MyAnimeList-DeepDark/raw/master/Images/icon-rank-stars.png") !important;
}
*/
.icon-top-ranking-page .prev:hover, .icon-top-ranking-page .next:hover, .top-ranking-table .status .btn-addEdit-large.btn-anime-watch-status.notinmylist:hover, .page-common .pagination .link-blue-box:hover
{
background-color: var(--hover-background) !important;
color: var(--main-color) !important;
}
.icon-top-ranking-page .prev, .icon-top-ranking-page .next
{
background-color: var(--second-background) !important;
color: var(--main-text) !important;
transition: none !important;
opacity: 1 !important;
}
/*Rows odd*/
.top-ranking-table tr.ranking-list:nth-of-type(2n+1) td
{
background-color: var(--hover-background) !important;
border-color: var(--hover-background) !important;
}
/*Rows even*/
.top-ranking-table tr.ranking-list:nth-of-type(2n) td
{
background-color: var(--second-background) !important;
border-color: var(--hover-background) !important;
}
.top-ranking-table .title .information
{
color: var(--dimmer-text) !important;
}
.top-ranking-table tr:last-of-type
{
border-color: var(--hover-background) !important;
}
/*Seasonal anime*/
.navi-seasonal
{
background-color: var(--hover-background) !important;
border-color: var(--hover-background) !important;
}
.navi-seasonal .horiznav_nav ul li a, .navi-seasonal .horiznav-nav-seasonal .btn-seasonal .btn-type
{
background-color: var(--second-background) !important;
border-color: var(--hover-background) !important;
color: var(--main-text) !important;
}
.navi-seasonal .horiznav_nav ul li a:hover, .navi-seasonal .horiznav_nav ul li a.horiznav_active, .navi-seasonal .horiznav-nav-seasonal .btn-seasonal .btn-type:hover, .navi-seasonal .horiznav_nav ul li a.on:hover, .navi-seasonal .horiznav-nav-seasonal .btn-seasonal .btn-type.on:hover, .page-common .inputButton:hover
{
background-color: var(--hover-background) !important;
color: var(--main-color) !important;
border-color: var(--hover-background) !important;
transition: none !important;
}
.navi-seasonal .horiznav_nav ul li a.on, .navi-seasonal .horiznav-nav-seasonal .btn-seasonal .btn-type.on
{
background-color: var(--main-color) !important;
color: var(--main-text) !important;
}
.navi-seasonal .horiznav-nav-seasonal .btn-seasonal .btn-type
{
color: var(--main-text) !important;
}
.navi-seasonal .horiznav-nav-seasonal, .navi-seasonal .horiznav_nav
{
border-color: var(--main-color) !important;
}
.page-common .inputtext
{
background-color: var(--second-background) !important;
border-color: var(--hover-background) !important;
color: var(--main-text) !important;
}
.page-common .inputtext:active, .page-common .inputtext:focus, .page-common .inputtext:hover
{
border-color: var(--main-color) !important;
}
.season .btn-show-sort:hover
{
color: var(--main-color) !important;
}
.season .btn-show-kids, .season .btn-show-r18
{
filter: grayscale(100%);
}
.page-common .inputButton, .seasonal-anime-list .anime-header
{
background-color: var(--main-color) !important;
color: var(--main-text) !important;
border-color: var(--main-color) !important;
}
.seasonal-sort-order-block
{
background-color: var(--second-background) !important;
border-color: var(--hover-background) !important;
}
.season .seasonal-sort-order-block .sort-order-list .btn-sort-order
{
color: var(--dimmer-text) !important;
}
.season .seasonal-sort-order-block .btn-close
{
filter: invert(1) brightness(200%);
}
/*Episode*/
.watch .video-menu-category .btn-category.on
{
background-color: var(--main-color) !important;
color: var(--main-text) !important;
}
.watch .video-menu-category .btn-category:hover
{
background-color: var(--hover-background) !important;
color: var(--main-color) !important;
border-color: var(--hover-background) !important;
transition: none !important;
}
.watch .video-menu-category .btn-category
{
background-color: var(--second-background) !important;
border-color: var(--hover-background) !important;
color: var(--main-text) !important;
}
.video-menu-category
{
border-color: var(--hover-background) !important;
}
.watch .video-menu-category .btn-hide-blocked-video
{
filter: grayscale(100%);
}
.video-block .video-list.episode a
{
color: var(--main-text) !important;
}
.video-block .video-list.episode a:hover
{
background-color: var(--hover-background) !important;
}
/*Industry forums*/
.forum .forum-header
{
background-color: var(--hover-background) !important;
color: var(--main-text) !important;
}
.forum .forum-board:nth-of-type(2n)
{
background-color: var(--hover-background) !important;
}
.forum .forum-board, .forum .content-container .container-left, .forum .forum-side-block .header, .forum .forum-side-block .forum-side-list .forum-post
{
border-color: var(--hover-background) !important;
}
.page-common .fn-grey4
{
color: var(--dimmer-text) !important;
}
.page-common .fn-blue1
{
color: var(--main-color) !important;
}
.forum .forum-search-side .forum-search-select
{
background-image: url("https://gitlab.com/RaitaroH/MyAnimeList-DeepDark/raw/master/Images/icon-triangles.png") !important;
background-color: var(--second-background) !important;
border-color: var(--hover-background) !important;
color: var(--main-text) !important;
}
.forum .forum-search-side .forum-search-input-text, .forum .forum-search-side .forum-search-input-submit.notActive, .forum .forum-search-side .forum-search-input-submit
{
background-color: var(--second-background) !important;
border-color: var(--hover-background) !important;
color: var(--main-text) !important;
}
.forum .forum-search-side .forum-search-input-text:hover, .forum .forum-search-side .forum-search-input-text:active, .forum .forum-search-side .forum-search-input-text:focus
{
border-color: var(--main-color) !important;
}
/*Login page*/
#dialog, #dialog td, .page-common .social-login-block, .page-common .login-inputtext
{
border-color: var(--hover-background) !important;
}
.page-common .social-login-block::after
{
background-color: var(--hover-background) !important;
}
.page-common .icon-social-login.icon-fb, .page-common .icon-social-login.icon-tw, .page-common .icon-social-login.icon-gp
{
color: var(--main-text) !important;
}
.page-common .login-inputtext:hover, .page-common .login-inputtext:active, .page-common .login-inputtext:focus
{
border-color: var(--main-color) !important;
}
/*User name*/
.page-common .header-profile.link-bg
{
background-color: transparent !important;
}
/*SVGs*/
.page-common .header-list-button .fa, .page-common .header-message-button .fa, .page-common .header-notification-button .fa, a.header-message-button, a.header-message-button:visited, a.header-list-button, a.header-notification-button
{
color: var(--main-text) !important;
opacity: 1 !important;
}
.page-common .header-list-button .fa:hover, .page-common .header-message-button .fa:hover, .page-common .header-notification-button .fa:hover
{
color: var(--main-color) !important;
}
.page-common .header-message-button .icon
{
line-height: 30px !important;
}
/*Dropdown menu*/
.page-common .header-profile .header-profile-dropdown ul li a, .page-common .header-profile .header-profile-dropdown, .page-common .header-list .header-list-dropdown ul li a, .page-common .header-list .header-list-dropdown
{
background-color: var(--second-background) !important;
border-color: var(--hover-background) !important;
color: var(--main-text) !important;
}
.page-common .header-profile .header-profile-dropdown ul li a:hover, .page-common .header-list .header-list-dropdown ul li a:hover
{
background-color: var(--hover-background) !important;
color: var(--main-color) !important;
transition: none !important;
}
.page-common .header-profile .header-profile-dropdown ul li a.fl-r.link-count {
color: var(--main-color) !important;
z-index: 1 !important;
position: relative !important;
}
/*Icon borders near username*/
.page-common #header-menu > .border::before
{
border-color: var(--hover-background) !important;
}
/*Notifications*/
/*Dropdown*/
.page-common .header-notification-dropdown .arrow_box, .page-common .header-notification-view-all a
{
background-color: var(--main-background) !important;
border-color: var(--hover-background) !important;
}
.page-common .header-notification-dropdown-inner h3, .page-common .header-notification-item
{
border-color: var(--hover-background) !important;
}
.page-common .header-notification-item:hover, .page-common .header-notification-view-all a:hover
{
background-color: var(--hover-background) !important;
}
.page-common .header-notification-button.new::after
{
background-color: var(--main-color) !important;
}
.page-common .header-notification-button.has-unread::after, .page-common .header-notification-button.has-unread::after
{
border-color: var(--hover-background) !important;
background-color: var(--hover-background) !important;
}
.page-common .header-notification-item.new
{
background-color: var(--second-background) !important;
}
.page-common .header-notification-item.new:hover
{
background-color: var(--hover-background) !important;
}
.page-common .header-notification-item-header .is-read .fa-check-circle
{
color: var(--main-color) !important;
}
.page-common .header-notification-item-content .actions .result {
background-color: var(--second-background) !important;
border-color: var(--hover-background) !important;
color: var(--main-text) !important;
}
.page-common .header-notification-item-content .actions .action-button.accept {
background-color: var(--main-color) !important;
color: var(--main-text) !important;
border-color: var(--hover-background) !important;
opacity: 0.9 !important;
}
.page-common .header-notification-item-content .actions .action-button.accept:hover {
opacity: 1 !important;
}
.page-common .header-notification-item-content .actions .action-button.deny {
background-color: var(--second-background) !important;
color: var(--main-text) !important;
border-color: var(--hover-background) !important;
}
.page-common .header-notification-item-content .actions .action-button.deny:hover {
background-color: var(--main-background) !important;
}
/*Notification page*/
body.notification .notificaiton-category-nav a.active
{
background-color: var(--second-background) !important;
}
body.notification .notificaiton-category-nav a.active:hover, body.notification .notificaiton-category-nav a:hover, body.notification .notification-item:hover
{
background-color: var(--hover-background) !important;
}
body.notification .notificaiton-category-nav li, body.notification .notification-item, body.notification .notification-header h3, .page-common #content.container--small-left .left-column
{
border-color: var(--hover-background) !important;
}
body.notification .notificaiton-category-nav a .counter
{
background-color: var(--main-color) !important;
color: var(--main-text) !important;
}
body.notification .notificaiton-category-nav a .counter.zero
{
background-color: var(--second-background) !important;
box-shadow: var(--shadow) !important;
}
body.notification .notificaiton-category-nav a, body.notification .notification-header.simple h3
{
color: var(--main-text) !important;
}
body.notification .notificaiton-category-nav a:hover, body.notification .notification-header .right-menu .item:hover
{
color: var(--main-color) !important;
}
body.notification .notification-item-layout .is-read .fa-check-circle
{
color: var(--main-color) !important;
}
/*Notification settings*/
.notification_settings .notification-setting-content .settings-notification .setting.header td, .notification_settings .notification-setting-content .settings-notification .setting td.button input[type="checkbox"]:checked + label
{
border-color: var(--hover-background) !important;
background-color: var(--hover-background) !important;
}
.notification_settings .notification-setting-content .settings-notification .setting td.label, .notification_settings .notification-setting-content .settings-notification .setting td.button
{
border-color: var(--hover-background) !important;
}
.notification_settings .notification-setting-content .settings-notification .setting td.button input[type="checkbox"] + label, .notification_settings .notification-setting-content .settings-notification .setting td.button input[type="checkbox"] + label, .notification_settings .notification-setting-content .settings-notification .setting td.button input[type="checkbox"] + label::before, .notification_settings .notification-setting-content .settings-notification .setting td.button input[type="checkbox"] + label::after
{
color: var(--main-color) !important;
border-color: var(--main-color) !important;
}
.notification_settings .notification-setting-content .settings-notification .setting td.button input[type="checkbox"] + label::after
{
background-color: var(--main-color) !important;
}
/*Messages*/
.message-container, .total_messages
{
border-color: var(--hover-background) !important;
}
.message.read > .mym
{
background-color: var(--main-background) !important;
border-color: var(--hover-background) !important;
}
.message.read:hover > .mym, .private-message-content .message.selected:first-of-type > .mym, .pmessage-checked-action .pmessage-checked-action-button, .private-message-content .message.selected > .mym, .pmessage-checkbox-block .mym-checkbox-pulldown-button.on
{
background-color: var(--hover-background) !important;
border-color: var(--hover-background) !important;
}
.message.read .mym_subject > a.subject-link .text
{
color: var(--main-text) !important;
}
.pmessage-checkbox-block, .pmessage-select > a
{
background-color: var(--hover-background) !important;
border-color: var(--hover-background) !important;
}
.mym_checkboxes input[type="checkbox"] + label
{
background-image: url("https://gitlab.com/RaitaroH/MyAnimeList-DeepDark/raw/master/Images/icon-checkbox-set2.png") !important;
}
.pmessage-select > a, .total_messages
{
color: var(--main-text) !important;
}
.message.read .mym_date
{
color: var(--dimmer-text) !important;
}
.page-common .textarea
{
background-color: var(--second-background) !important;
border-color: var(--hover-background) !important;
color: var(--main-text) !important;
}
.page-common .textarea:hover, .page-common .textarea:active, .page-common .textarea:focus
{
border-color: var(--main-color) !important;
}
.page-common .bgbdrContainer
{
background-color: var(--second-background) !important;
border-color: var(--hover-background) !important;
}
.page-common .header-message-button.has-unread::after
{
background-color: var(--main-color) !important;
border-color: var(--main-color) !important;
}
/*My Panel*/
.page-common table.forum-topics tr td:nth-child(2n+1)
{
background-color: var(--main-background) !important;
}
.page-common table.forum-topics tr td:nth-child(2n+1), .page-common table.forum-topics tr td
{
border-color: var(--hover-background) !important;
}
/*Image and code taken from https://userstyles.org/styles/120493/dark-night-myanimelist*/
img[src*="ignorethread.gif"]
{
background-image: url("https://gitlab.com/RaitaroH/MyAnimeList-DeepDark/raw/master/Images/ignorethread.png") !important;
box-sizing: border-box;
width: 12px;
height: 12px;
padding-left: 12px;
}
/*Image and code taken from https://userstyles.org/styles/120493/dark-night-myanimelist*/
img[src*="watch_y.gif"]
{
background-image: url("https://gitlab.com/RaitaroH/MyAnimeList-DeepDark/raw/master/Images/watch_y.png") !important;
box-sizing: border-box;
width: 15px;
height: 15px;
padding-left: 15px;
}
img[src*="watch_n.gif"]
{
background-image: url("https://gitlab.com/RaitaroH/MyAnimeList-DeepDark/raw/master/Images/watch_n.png") !important;
box-sizing: border-box;
width: 15px;
height: 15px;
padding-left: 15px;
}
img[src*="images/bad-off.gif"]
{
background-image: url("https://gitlab.com/RaitaroH/MyAnimeList-DeepDark/raw/master/Images/bad-off.png") !important;
height: 0px;
width: 0px;
margin: 0px auto;
padding: 13px 13px 0px 0px;
}
img[src*="images/cancel-fsg.gif"]
{
background-image: url("https://gitlab.com/RaitaroH/MyAnimeList-DeepDark/raw/master/Images/cancel-fsg.png") !important;
height: 0px;
width: 0px;
margin: 0px auto;
padding: 13px 13px 0px 0px;
}
img[src*="images/good-off.gif"]
{
background-image: url("https://gitlab.com/RaitaroH/MyAnimeList-DeepDark/raw/master/Images/good-off.png") !important;
height: 0px;
width: 0px;
margin: 0px auto;
padding: 13px 13px 0px 0px;
}
.page-common .quote-inline-text
{
background-color: transparent !important;
border-color: var(--hover-background) !important;
}
.show_button, .hide_button, .button.expand_quote, select[name="uloc"]
{
background-color: var(--second-background) !important;
border: 1px solid var(--hover-background) !important;
color: var(--main-text) !important;
}
.show_button:hover, .hide_button:hover, .button.expand_quote:hover, select[name="uloc"]:hover
{
background-color: var(--hover-background) !important;
color: var(--main-color) !important;
}
.page-common .badresult
{
background-color: var(--second-background) !important;
border-color: var(--hover-background) !important;
color: var(--main-color) !important;
}
.icon-about-recommendations
{
color: var(--main-color) !important;
}
.icon-about-recommendations::after
{
background-color: var(--second-background) !important;
border-color: var(--hover-background) !important;
color: var(--main-text) !important;
}
/*Image borders*/
.page-common div.picSurround img, .profile .user-favorites .favorites-list .list .image, .profile .user-comments .comment .image img, .page-common .header-profile-button, .profile .statistics-updates .image, .forum .forum-side-block .forum-side-list img.thumbs
{
background-color: var(--hover-background) !important;
border-color: var(--hover-background) !important;
}
.ranking-digest .ranking-unit .image, .user-profile .user-friends .icon-friend, .page-common .header-profile-button
{
box-shadow: 0 0 0 1px var(--hover-background),0 0 0 2px var(--hover-background) !important;
}
/*Profile page*/
.user-profile .user-function .icon-user-function, .profile .statistics-updates .data .graph-content, .page-common .content-container .container-right h5, .page-common .pt8
{
background-color: transparent !important;
}
.user-profile .user-function .icon-user-function, .user-profile .user-status.border-top, .user-profile h4, .page-common .content-container .container-left, .page-common .content-container .container-right h5, .profile .statistics-updates .data .graph, .user-profile .user-compatability-graph .bar-outer
{
border-color: var(--hover-background) !important;
}
.user-profile .user-function .icon-user-function:hover, .profile .statistics-updates .data .graph
{
background-color: var(--hover-background) !important;
}
.user-profile .user-function .icon-user-function
{
background-image: url("https://gitlab.com/RaitaroH/MyAnimeList-DeepDark/raw/master/Images/icon_profile_sprite2.png") !important;
}
.user-profile .user-status li, .user-profile .user-compatability-graph .bar-outer
{
background-color: var(--second-background) !important;
}
.user-profile h4, .page-common .content-container .container-right h5, .page-common .content-container .container-right .fw-b, .user-profile .user-compatability-graph .bar-outer .bar-outer-positive .bar-inner, div.user-profile-sns
{
color: var(--main-text) !important;
}
.user-profile .user-button .btn-profile-submit, .user-profile .user-button .btn-profile-submit:hover
{
color: var(--main-text) !important;
background-color: var(--main-color) !important;
}
.c-aboutme-accordion-btn {
background: var(--main-background) !important;
}
.js-truncate-outer .btn-truncate
{
background-image: url("https://gitlab.com/RaitaroH/MyAnimeList-DeepDark/raw/master/Images/arrows.png") !important;
background-size: 17px 44px,30px 30px !important;
background-color: var(--main-background) !important;
height: 20px !important;
}
.js-truncate-outer, .profile .user-favorites, .profile .user-favorites .favorites-list .list
{
background-color: var(--main-background) !important;
}
.head-config, .profile .boxlist-container .boxlist {
background-color: var(--second-background) !important;
}
/*User image links*/
.word-break > a[rel="nofollow"]
{
opacity: 1 !important;
}
.word-break > a[rel="nofollow"]:hover
{
filter: brightness(110%);
}
/*Comments*/
.profile .user-comments .comment .text .comment-text
{
color: var(--dimmer-text) !important;
}
.profile .user-comments .comment:nth-of-type(2n+1)
{
background-color: var(--hover-background) !important;
}
.profile .user-comments .comment:nth-of-type(2n)
{
background-color: var(--second-background) !important;
}
.page-common .content-container .container-right a.fw-b
{
color: var(--main-color) !important;
}
.page-common .btn-form-submit, .page-common .btn-form-submit:visited
{
color: var(--main-text) !important;
background-color: var(--main-color) !important;
}
.page-common .btn-form-submit:hover, body.page_account_setting a.btn:hover
{
color: var(--main-color) !important;
background-color: var(--hover-background) !important;
}
.page-common .floatRightHeader
{
color: var(--hover-background) !important;
}
.page-common a.floatRightHeader
{
color: var(--main-color) !important;
}
/*Also available at*/
.user-profile .user-profile-sns .icon-profile-sns.icon-url::after
{
filter: invert(100%) !important;
}
/*RSS*/
.user-profile h4.icon-rss::after
{
background-image: url("https://gitlab.com/RaitaroH/MyAnimeList-DeepDark/raw/master/Images/rss.png") !important;
}
/*Manga and anime history*/
#content > div:nth-child(2)
{
color: var(--main-text) !important;
}
/*Clubs*/
.club-search-form-search .select
{
background-color: var(--second-background) !important;
border-color: var(--hover-background) !important;
}
.club-search-form-search .inputtext, .page-common .word-break
{
color: var(--main-text) !important;
}
.club-list .table-data td .informantion
{
color: var(--dimmer-text) !important;
}
.club-list .table-data td
{
border-color: var(--hover-background) !important;
}
.club-list .table-data:nth-of-type(2n+1) td
{
background-color: var(--hover-background) !important;
}
.club-list .btn-club-join:hover
{
background-color: var(--main-color) !important;
border-color: var(--main-color) !important;
color: var(--main-text) !important;
}
.club-list .btn-club-join
{
color: var(--main-color) !important;
background-color: var(--second-background) !important;
border-color: var(--main-color) !important;
}
/*Account settings*/
.page-common .login-form-header-text
{
border-color: var(--hover-background) !important;
}
.page-common .icon-sns-connect
{
filter: grayscale(100%);
}
.setting-row.locate-right, .setting-row.show-hidden
{
color: var(--main-text) !important;
background-color: var(--main-background) !important;
}
.settings-cunstom-forum-title input:disabled, .sns-setting .table tr:nth-of-type(2n+1) td
{
background-color: var(--hover-background) !important;
border-color: var(--hover-background) !important;
}
ul.ignored-user-list, .sns-setting .cell-border-vertical, .sns-setting .cell-border-vertical, .sns-setting .sns-setting-default, .sns-setting .cell-border-vertical, .sns-setting, .ownlist_style .style-setting .style-setting-form-button
{
border-color: var(--hover-background) !important;
}
.btn-sns-setting, .btn-sns-setting span, .sns-setting .setting-input-button, .ownlist_style .style-setting .setting-switch input[type="radio"]:checked + label, body.page_account_setting a.btn
{
background-color: var(--main-color) !important;
border-color: var(--main-color) !important;
color: var(--main-text) !important;
}
.ownlist_style .style-setting .setting-switch input[type="radio"] + label, .ownlist_style #new-style .info
{
background-color: var(--hover-background) !important;
border-color: var(--main-color) !important;
color: var(--main-text) !important;
}
.ownlist_style .new-theme-list .new-theme-unit.selected, #dialog > tbody:nth-child(1) > tr:nth-child(1) > td:nth-child(1) > textarea:nth-child(8)
{
background-color: var(--hover-background) !important;
border-color: var(--hover-background) !important;
color: var(--main-text) !important;
}
.ownlist_style .new-theme-list .new-theme-unit
{
background-color: var(--second-background) !important;
border-color: var(--hover-background) !important;
color: var(--main-text) !important;
}
.membership .about-membership .plan-header, .membership .about-membership .plan, .membership .about-membership .about-new-feature, .membership .about-membership .about-no-ads
{
background-color: var(--second-background) !important;
border-color: var(--hover-background) !important;
color: var(--main-text) !important;
}
.membership .about-membership .plan .plan-monthly .button, .membership .about-membership .plan .plan-annually .button, .membership .about-membership .about-new-feature .new, .membership .about-membership .btn-subscription
{
background-color: var(--main-color) !important;
border-color: var(--main-color) !important;
color: var(--main-text) !important;
}
.membership .about-membership .about-extras .about-extras-content .header
{
color: var(--main-text) !important;
}
/*Favorites*/
.page-common .normal_header
{
padding-left: 5px !important;
}
.page-common .draggable_list li:hover
{
background-color: var(--hover-background) !important;
}
/*Anime & Manga News and Featured Articles*/
body.news .menu-category, body.news .content-left, body.news .news-side-block .header, body.news .featured-side-block .header, body.news .news-side-block .news-list .news, body.news .news-side-block .news-list .featured, body.news .news-side-block .featured-list .news, body.news .news-side-block .featured-list .featured, body.news .featured-side-block .news-list .news, body.news .featured-side-block .news-list .featured, body.news .featured-side-block .featured-list .news, body.news .featured-side-block .featured-list .featured, body.news .tag-side-block .header, body.news .columnist-side-block .header, body.news .news-content-block.news-tags h2.news-tags-header, body.news .news-content-block.news-tags .news-tags-table.news td, body.news .news-breadcrumbs, .featured-pickup .featured-pickup-unit .information .pv, .featured-pickup .featured-pickup-unit .information .tags, .featured-content-block-outer
{
border-color: var(--hover-background) !important;
}
body.news .menu-category .btn-category.selected
{
color: var(--main-text) !important;
border-color: var(--main-color) !important;
}
body.news .menu-category .btn-category
{
color: var(--dimmer-text) !important;
border-color: var(--hover-background) !important;
}
body.news .menu-category .btn-category:hover
{
border-color: var(--main-color) !important;
}
#all > svg:nth-child(1) > circle:nth-child(1)
{
fill: var(--main-color) !important;
}
body.news .news-container .content, body.news .news-container .information, .news-list .comment-list .quotetext
{
color: var(--dimmer-text) !important;
}
body.news .news-container .tags, .news-list .comment-list:nth-of-type(2n)
{
background-color: var(--second-background) !important;
}
body.news .news-container .tags .tag, .news-list .comment-list .quotetext
{
background-color: var(--hover-background) !important;
}
body.news .news-container .tags .tag, .news-list .comment-list:nth-of-type(2n), body.news .news-content-block .news-related-database tr td
{
border-color: var(--hover-background) !important;
}
/*Tags*/
body.news .menu-category .btn-edit-tags
{
background-color: var(--main-color) !important;
border-color: var(--main-color) !important;
color: var(--main-text) !important;
}
.news-list .comment-list .information .tags .tag.tag-color1, .news-list .news-unit .information .tags .tag.tag-color1, body.news .tag-side-block .tag-cloud .tag.tag-color1, .featured-pickup .featured-pickup-unit .information .tags .tag.tag-color-feature-spoiler, body.news .news-side-block .news-list .text-color-spoiler, body.news .news-side-block .featured-list .text-color-spoiler, body.news .featured-side-block .news-list .text-color-spoiler, body.news .featured-side-block .featured-list .text-color-spoiler
{
background-color: var(--red) !important;
border-color: var(--red) !important;
color: #fff !important;
}
.news-list .comment-list .information .tags .tag.tag-color4, .news-list .news-unit .information .tags .tag.tag-color4, body.news .tag-side-block .tag-cloud .tag.tag-color4, .featured-pickup .featured-pickup-unit .inf...