MyAnimeList DeepDark by raitarohikami
Imported and mirrored from https://raw.githubusercontent.com/RaitaroH/MyAnimeList-DeepDark/master/MyAnimeListDeepDark.user.css
Details
Authorraitarohikami
LicenseGNU-V3.0
Created
Updated
Categoryunset
Statistics
Learn how we calculate statistics in the FAQ.
Total views986
Total installs5110
Weekly installs136
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.85
@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 Profile/Forum 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 #topSearchText, .page-common #searchBar.searchBar #topSearchButon.notActive, .page-common #searchBar.searchBar #topSearchButon, .news.featured .featured-search-side .featured-search-input-submit, .stacks .search-side form button, .anime-search-form-block .anime-search-form-search .inputButton, .club-search-form-search form .inputButton
{
background: var(--second-background) !important;
color: var(--main-text) !important;
border-color: var(--hover-background) !important;
}
.page-common #searchBar.searchBar #topSearchText:active, .page-common #searchBar.searchBar #topSearchText:focus, .page-common #searchBar.searchBar #topSearchText:hover,
.news.featured .featured-search-side .featured-search-input-text:active, .news.featured .featured-search-side .featured-search-input-text:focus, .news.featured .featured-search-side .featured-search-input-text:hover,
.stacks .search-side form input:active, .stacks .search-side form input:focus, .stacks .search-side form input:hover,
.anime-search-form-block .anime-search-form-search .inputtext:active, .anime-search-form-block .anime-search-form-search .inputtext:focus, .anime-search-form-block .anime-search-form-search .inputtext:hover,
.club-search-form-search .inputtext:active, .club-search-form-search .inputtext:focus, .club-search-form-search .inputtext:hover
{
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:active, .page-common #searchBar.searchBar #topSearchValue:focus, .page-common #searchBar.searchBar #topSearchValue:hover
{
background-color: var(--hover-background) !important;
color: var(--main-text) !important;
}
.page-common #searchBar.searchBar #topSearchText
{
border: 1px solid var(--hover-background) !important;
height: 16px !important;
}
/*Input*/
.page-common input, .page-common textarea, .page-common select, .page-episode-add form input, .page-episode-add form textarea
{
background-color: var(--second-background) !important;
border-color: var(--hover-background) !important;
color: var(--main-text) !important;
}
.page-common input:active, .page-common input:focus, .page-common input:hover,
.page-common textarea:active, .page-common textarea:focus, .page-common textarea:hover,
.page-common select:active, .page-common select:focus, .page-common select:hover,
.page-episode-add form input:active, .page-episode-add form input:focus, .page-episode-add form input:hover,
.page-episode-add form textarea:active, .page-episode-add form textarea:focus, .page-episode-add form textarea:hover
{
border-color: var(--main-color) !important;
}
.page-common select {
font-size: 11px; /* Consistent with MAL's font size */
}
.page-common #ignored-user-name, .page-common #dialog .mt12 input, .page-episode-add #edit_episode_submission_title, .page-episode-add #edit_episode_submission_title_japanese, .page-episode-add #edit_episode_submission_title_romanized, .page-episode-add #video_title, .page-episode-add #video_url
{
border: 1px solid;
}
/*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: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.watching .information-item.buttons .bubble,
.seasonal-anime-list .seasonal-anime .information .information-item.buttons .watching + .bubble,
.seasonal-anime-list .seasonal-anime .information.reading .information-item.buttons .bubble,
.seasonal-anime-list .seasonal-anime .information .information-item.buttons .reading + .bubble
{
border-color: var(--green) !important;
background-color: var(--green) !important;
}
.seasonal-anime-list .seasonal-anime .information.watching .information-item.buttons .bubble:before,
.seasonal-anime-list .seasonal-anime .information .information-item.buttons .watching + .bubble:before
.seasonal-anime-list .seasonal-anime .information.reading .information-item.buttons .bubble:before,
.seasonal-anime-list .seasonal-anime .information .information-item.buttons .reading + .bubble:before
{
border-right: 5px solid var(--green) !important;
}
.seasonal-anime-list .seasonal-anime .information.watching .information-item.buttons .js-user-status-block .js-btn-add-episode,
.seasonal-anime-list .seasonal-anime .information .information-item.buttons .watching ~ .js-user-status-block .js-btn-add-episode,
.seasonal-anime-list .seasonal-anime .information.reading .information-item.buttons .js-user-status-block .js-btn-add-episode,
.seasonal-anime-list .seasonal-anime .information .information-item.buttons .reading ~ .js-user-status-block .js-btn-add-episode
{
color: var(--green) !important;
}
.seasonal-anime-list .seasonal-anime .information.completed .information-item.buttons .bubble,
.seasonal-anime-list .seasonal-anime .information .information-item.buttons .completed + .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,
.seasonal-anime-list .seasonal-anime .information .information-item.buttons .completed + .bubble:before
{
border-right: 5px solid var(--main-color) !important;
}
.seasonal-anime-list .seasonal-anime .information.on-hold .information-item.buttons .bubble,
.seasonal-anime-list .seasonal-anime .information .information-item.buttons .on-hold + .bubble
{
border-color: var(--yellow) !important;
background-color: var(--yellow) !important;
}
.seasonal-anime-list .seasonal-anime .information.on-hold .information-item.buttons .bubble:before,
.seasonal-anime-list .seasonal-anime .information .information-item.buttons .on-hold + .bubble:before
{
border-right: 5px solid var(--yellow) !important;
}
.seasonal-anime-list .seasonal-anime .information.on-hold .information-item.buttons .js-user-status-block .js-btn-add-episode,
.seasonal-anime-list .seasonal-anime .information .information-item.buttons .on-hold ~ .js-user-status-block .js-btn-add-episode
{
color: var(--yellow) !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 .airing, .seasonal-anime-list .seasonal-anime .publishing
{
color: var(--green) !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;
}
body.index .widget-container .widget.friend_list_updates .footer {
background-color: var(--main-background) !important;
border-top: 1px solid var(--hover-background) !important;
}
body.index .widget-container .widget.friend_list_updates .footer .btn-settings, body.index .widget-container .widget.friend_list_updates .navi-btn:hover {
color: var(--main-color) !important;
}
body.index .widget-container .widget.friend_list_updates .footer .dialog-settings, body.index .widget-container .widget.friend_list_updates .footer .dialog-settings table th {
background-color: var(--second-background) !important;
}
body.index .widget-container .widget.friend_list_updates .footer .dialog-settings table th, body.index .widget-container .widget.friend_list_updates .footer .dialog-settings table td {
border: 1px solid var(--second-background) !important;
}
body.index .widget-container .widget.friend_list_updates .footer .dialog-settings .switch input[type=checkbox]+label {
border: 1px solid var(--main-color) !important;
color: var(--main-color) !important;
}
body.index .widget-container .widget.friend_list_updates .footer .dialog-settings .switch input[type=checkbox]:checked+label, body.index .widget-container .widget.friend_list_updates .notes {
background-color: var(--hover-background) !important;
}
body.index .widget-container .widget.friend_list_updates .footer .dialog-settings .switch input[type=checkbox]+label:after {
background-color: var(--main-color) !important;
}
body.index .widget-container .widget.friend_list_updates .footer .dialog-settings .switch input[type=checkbox]+label:before {
color: var(--main-color) !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, .page-common a span, .page-common a span:visited
{
color: var(--main-color) !important;
opacity: .9;
}
.page-common a:hover, .page-common a:visited:hover, .page-common a span:hover, .page-common a span: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, .featured-article-body li
{
color: var(--main-text) !important;
}
hr
{
color: var(--hover-background) !important;
}
.staff .staff-block .staff-bio-unit {
border: var(--hover-background) 1px solid;
}
/*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;
}
.page-common .widget-content .footer
{
background-color: var(--hover-background) !important;
border-color: var(--hover-background) !important;
}
.page-common .widget-content .footer .btn-settings
{
color: var(--main-color) !important;
}
.page-common .widget-content .footer .dialog-settings
{
background-color: var(--second-background) !important;
}
.page-common .widget-content .footer .dialog-settings th
{
background-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.on i.fas {
color: var(--main-color) !important;
}
.stacks .btn-show-spoilers:not(.on) i.fas, .profile .btn-show-spoilers:not(.on) i.fas {
color: var(--hover-background) !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, .profile .btn-report .report-block {
background-color: var(--second-background) !important;
border: 1px solid var(--hover-background) !important;
}
.profile .sort-order-block.sort, .stacks .sort-order-block.sort {
background-color: var(--main-background) !important;
border-color: var(--hover-background) !important;
}
.profile .stacks-list .column-item, .profile .js-stacks-navi {
border-color: 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 .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 .sticky-toolbar {
background-color: var(--main-background) !important;
border-bottom: 1px solid var(--hover-background) !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, .stacks .btn.btn-top {
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;
}
.stacks .stacks-detail h2.title, .stacks .stacks-detail .tag, .stacks .stacks-detail .any_status {
background: var(--main-background) !important;
}
/*Add/edit button*/
.page-common a.button_add, .page-common a.button_edit
{
border-color: transparent !important;
background-color: transparent !important;
}
.page-common a.button_add:hover, .page-common a.button_edit:hover
{
background-color: var(--hover-background) !important;
color: var(--main-color) !important;
opacity: 1;
transition: none !important;
}
.page-common a.button_edit.reading, .page-common a.button_edit.watching
{
background-color: var(--green) !important;
}
.page-common a.button_edit.reading span, .page-common a.button_edit.watching span
{
color: #fff !important;
}
.page-common a.button_edit.plantoread, .page-common a.button_edit.plantowatch
{
background-color: var(--gray) !important;
}
.page-common a.button_edit.plantoread span, .page-common a.button_edit.plantowatch span
{
color: #fff !important;
}
.page-common a.button_edit.completed
{
background-color: var(--main-color) !important;
}
.page-common a.button_edit.completed span, .page-common a.button_edit.completed i
{
color: #fff !important;
}
.page-common a.button_edit.dropped
{
background-color: var(--red) !important;
}
.page-common a.button_edit.dropped span
{
color: #fff !important;
}
.page-common a.button_edit.on-hold
{
background-color: var(--yellow) !important;
}
.page-common a.button_edit.on-hold span
{
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, .history_content_wrapper .history-updates .wrok-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 .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,
.page-common .history-updates .work-and-friend .work-status .watching, .page-common .history-updates .work-and-friend .work-status .re-watching, .page-common .history-updates .work-and-friend .work-status .reading, .page-common .history-updates .work-and-friend .work-status .re-reading
{
color: var(--green) !important;
}
.profile .statistics-updates .data .text.completed, .page-common .history-updates .work-and-friend .work-status .completed
{
color: var(--main-color) !important;
}
.profile .statistics-updates .data .text.on_hold, .page-common .history-updates .work-and-friend .work-status .on_hold
{
color: var(--yellow) !important;
}
.profile .statistics-updates .data .text.dropped, .page-common .history-updates .work-and-friend .work-status .dropped
{
color: var(--red) !important;
}
.profile .statistics-updates .data .text.plan_to_watch, .profile .statistics-updates .data .text.plan_to_read,
.page-common .history-updates .work-and-friend .work-status .plan_to_watch, .page-common .history-updates .work-and-friend .work-status .plan_to_read
{
color: var(--gray) !important;
}
.profile .user-statistics .stats-graph, .page-common .history-updates .work-and-friend .work-graph
{
background-color: var(--hover-background) !important;
}
.page-common .history-updates .work-and-friend .work-graph
{
border-color: var(--hover-background) !important;
}
.page-common .history-updates div.item.js-history-updates-item .body
{
border-color: var(--hover-background) !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 .disabled-btn-user-status-add-list
{
background-color: var(--hover-background) !important;
color: var(--dimmer-text) !important;
border-color: var(--hover-background) !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 == "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;
}
}
if bbcode == "1" {
.page-common p, .page-common .textReadability, .page-common span:not(.profile-about-user span), .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(18) > 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;
}
}
.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;
}
.page-episode-add .label, .page-episode-add .data .episode-data {
color: var(--dimmer-text) !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;
}
.review-element.js-review-element {
background-color: var(--main-background) !important;
}
.review-element.js-review-element .text, .review-element.js-review-element .text span.js-hidden {
color: var(--main-text) !important;
}
.review-element.js-review-element .reaction-box {
background-color: var(--main-background) !important;
}
.review-element.js-review-element .menu-block
{
background-color: var(--hover-background) !important;
border-color: var(--hover-background) !important;
}
.review-element .thumbbody .body .rating {
color: var(--main-text) !important;
}
.review-element .btn-reaction {
background-color: var(--hover-background) !important;
border-color: var(--hover-background) !important;
color: var(--main-text) !important;
}
.review-element .btn-reaction:active, .review-element .btn-reaction:focus, .review-element .btn-reaction:hover {
border-color: var(--main-color) !important;
}
.thumbbody {
border-color: var(--hover-background) !important;
}
.review-element .thumbbody .body .tags .tag {
background-color: var(--hover-background) !important;
border: 1px solid var(--hover-background) !important;
color: var(--dimmer-text) !important;
}
.review-element .thumbbody .body .tags .tag.recommended {
color: var(--main-color) !important;
}
.review-element .thumbbody .body .reaction-box .btn-showall:hover {
color: var(--main-color) !important;
}
.review-element .thumbbody .body .tags .tag.not-recommended {
color: #a12f31 !important;
}
.reviews-horiznav-nav-sort-block .review-sort-order-block.show, .reviews-horiznav-nav-sort-block .review-filter-block.show {
background: var(--second-background) !important;
border: 1px solid var(--hover-background) !important;
}
.reviews-horiznav-nav-sort-block .review-sort-order-block .btn-close, .reviews-horiznav-nav-sort-block .review-filter-block .btn-close {
background-color: var(--second-background) !important;
}
.reviews-horiznav-nav-sort-block .review-sort-order-block .sort-order-list .btn-sort-order:hover {
color: var(--main-color) !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;
}
.episode-character-list, .episode-character-list li
{
background-color: var(--main-background) !important;
border-color: var(--hover-background) !important;
color: var(--main-text) !important;
}
.btn-episode-character-pulldown
{
background-color: var(--main-background) !important;
border-color: var(--hover-background) !important;
}
.episode-character-list li:hover, .btn-episode-character-pulldown:hover
{
background-color: var(--hover-background) !important;
}
.episode-edit-staff .edit-roll-list-block, .episode-edit-character .edit-roll-list-block.edit-character-list-block
{
background-color: var(--main-background) !important;
border-color: var(--hover-background) !important;
border-left: 1px solid var(--hover-background) !important;
}
#episodeRole > li, #primaryVoiceActorList > li
{
background-color: var(--main-background) !important;
border: 1px solid var(--hover-background) !important;
}
#episodeRoll tr, #episodeList tr, #characterList tr
{
background-color: var(--main-background) !important;
}
#episodeRoll .table-header td, #episodeList .table-header td, #characterList .table-header td
{
border-color: var(--main-background) !important;
background-color: var(--hover-background) !important;
}
#episodeRoll .table-header td.check, #episodeList .table-header td.check, #characterList .table-header td.check
{
border-left-color: var(--hover-background) !important;
}
#episodeRoll .table-header td.actor, #episodeList .table-header td.actor, #characterList .table-header td.actor
{
border-right-color: var(--hover-background) !important;
}
#episodeRoll .data-role.on, #episodeRoll .data-role:hover,
#episodeList .data-actor.on, #episodeList .data-actor:hover,
#characterList .data-role.on, #characterList .data-role:hover
#characterList .data-actor.on, #characterList .data-actor:hover
{
background-color: var(--hover-background) !important;
}
#episodeRoll .data-actor-cell .data-actor-list, #episodeList .data-actor-cell .data-actor-list, #characterList .data-actor-cell .data-actor-list
{
color: var(--dimmer-text) !important;
}
#episodeRoll .edit-character-list .js-edit-character, #episodeList .edit-character-list .js-edit-character, #characterList .edit-character-list .js-edit-character
{
background-color: var(--second-background) !important;
border-color: var(--hover-background) !important;
}
#characterList input[type="button"]
{
background-color: var(--main-background) !important;
border: 1px solid var(--hover-background) !important;
}
#characterList input[type="button"]:active, #characterList input[type="button"]:focus, #characterList input[type="button"]:hover
{
border-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.community_moderator, 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, a.icon-team-title.community_moderator: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, .btn-rect-grey1, .page-common .forum-topic-sort
{
background-color: var(--second-background) !important;
border-color: transparent !important;
}
.page-forum .btn-forum:hover, .btn-rect-grey1:hover
{
background-color: var(--hover-background) !important;
}
.page-common div #quickReply {
background-color: var(--hover-background) !important;
}
.page-common .btn-topic-normal {
background-color: var(--main-color) !important;
border: 1px solid var(--hover-background) !important;
color: var(--main-text) !important;
}
.page-common .btn-topic-normal:hover {
background-color: var(--hover-background) !important;
color: var(--main-color) !important;
}
.page-common .topic-bottom-reply:before {
border-bottom: 12px solid var(--hover-background) !important;
}
.page-common .border_solid {
border-color: var(--hover-background) !important;
}
a.mal-btn, button.mal-btn {
background-color: var(--main-color) !important;
color: var(--main-text) !important;
border: 1px solid var(--mal-btn-border-color);
}
a.mal-btn:hover, button.mal-btn:hover {
color: var(--main-text) !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;
}
.season .btn-show-sort:hover
{
color: var(--main-color) !important;
}
.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;
}
.page-common .icon-social-login.icon-gp {
background-color: var(--hover-background) !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;
}
/*Maintenance notifications*/
.page-common div.text-ribbon.ga-click.ga-impression div
{
background-color: var(--yellow) !important;
}
.page-common div.text-ribbon.ga-click.ga-impression div a:active, .page-common div.text-ribbon.ga-click.ga-impression div a:hover
{
text-decoration: underline !important;
}
/*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;
}
body.notification .notification-item-layout .actions .result {
background-color: var(--main-color) !important;
border-color: var(--hover-background) !important;
}
body.notification .notification-pagination a, body.notification .notification-pagination span {
background-color: var(--main-color) !important;
border-color: var(--hover-background) !important;
color: var(--main-text) !important;
border-radius: 2px;
}
body.notification .notification-pagination a:hover {
color: var(--main-color) !important;
background-color: var(--hover-background) !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,
.page-common .widget-content .footer .dialog-settings td.switch 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::before, .notification_settings .notification-setting-content .settings-notification .setting td.button input[type="checkbox"] + label::after,
.page-common .widget-content .footer .dialog-settings td.switch input[type="checkbox"]:checked + label, .page-common .widget-content .footer .dialog-settings td.switch input[type="checkbox"]:checked + label::before, .page-common .widget-content .footer .dialog-settings td.switch input[type="checkbox"]:checked + 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,
.page-common .widget-content .footer .dialog-settings td.switch input[type="checkbox"]:checked + 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;
color: var(--main-text) !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 .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 ht...