Meant to be combined with (and installed after) crayon for mal.
crayon add-on (dark) by pajamapop
Details
Authorpajamapop
LicenseNo License
Categorymyanimelist
Created
Updated
Size4.1 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Userstyle doesn't have notes.Source code
/* ==UserStyle==
@name crayon add-on (dark)
@namespace https://myanimelist.net/
@version 1.0.0
@author https://myanimelist.net/profile/sunnysummerday
==/UserStyle== */
@-moz-document regexp("https://myanimelist.net/(?!animelist|mangalist|store|membership).*") {
/* Dark mode */
/* Primary colours */
:root {
--colorBlue: 106,185,220;
--colorPink: 225,96,137;
--colorOrange: 235,182,102;
--colorGreen: 106,193,168;
--colorPurple: 131,118,193;
--colorLightBlue: 65,65,65;
}
/* Dark colours */
:root {
--colorText: 125,125,125; /* 65 */
--colorTextHeader: 125,125,125; /* 65 */
--colorTextLink: 135,135,135; /* 96 */
--colorTextLight: 105,105,105; /* 165 */
--colorLightGray: 70,70,70; /* 234 */
--colorLightGrayText: 150,150,150; /* 150 */
--colorBorder: 85,85,85; /* 224 */
--colorBackground: 55,55,55; /* 250 */
--colorForeground: 60,60,60; /* 246 */
--colorButton: 65,65,65; /* 244 */
--colorButtonText: 115,115,115; /* 174 */
--colorButtonDarkText: 125,125,125; /* 128 */
--colorDark: 24,24,24; /* 24 */
--colorDarkText: 85,85,85; /* 85 */
--colorDarkTextHover: 105,105,105; /* 105 */
--colorLessDark: 36,36,36; /* 50 */
--colorLessDarkText: 90,90,90; /* 96 */
--colorLessDarkTextAlt: 100,100,100; /* 111 */
--colorSeasonalText: 135,135,135; /* 165 */
--colorWhiteBG: 50,50,50; /* 255 */
--color248: 60,60,60; /* Alt BG */
--color240: 70,70,70; /* Borders */
--color230: 75,75,75; /* Seasonal */
--color228: 80,80,80; /* Borders */
--color216: 90,90,90; /* Borders */
--color200: 100,100,100; /* Borders */
--color188: 110,110,110; /* Various */
--color127: 115,115,115; /* Alt text */
--color120: 110,110,110; /* Gray text */
--colorLightShadow: 0 0 0 1px rgb(70,70,70); /* 231 */
--colorLightShadowAlt: 0 0 1px rgb(110,110,110); /* 200 */
--colorDarkShadow: 100,100,100; /* 65 */
--colorHeaderShadow: 50,50,50; /* 65 */
--colorBlueShadow: 65,65,65; /* Blue */
}
/* Background */
body {background-image: url(https://i.imgur.com/mQdwThK.png) !important;}
/* Disable background animation (Only because the dark pattern used shimmers annoyingly) */
body {animation: none !important;}
/* Dark mode fixes */
.seasonal-anime-list .seasonal-anime,
.tile-anime-list .seasonal-anime .image,
.stacks .list-anime-list .seasonal-anime .image
{background: url(https://i.imgur.com/PVTBHmf.png);} /* Seasonal view, Tile view, List view (behind images that are too short) */
.btn-anime-slide-side, .btn-widget-slide-side, .btn-side, .btn-fav-slide-side {filter: none;} /* Recs & Profile favs (Undo filter) */
.video-providers .link-provider[href*="crunchy"] {filter: invert(1) hue-rotate(180deg);} /* Crunchyroll logo */
.forum-search-side .forum-search-input-text {border-color: transparent !important;box-shadow: none !important;} /* Forum index */
#widget-episode-video .title {left: 3px;bottom: 3px;width: 110px !important;} /* Latest episodes (Panel) */
div[class$="SearchResultList"] {box-shadow: 0 0 0 3px rgba(var(--colorLightGray)) !important;} /* Dropdown search */
.codetext {background: rgba(var(--colorBlue),0.8) !important;color: white;} /* [code][/code] box */
.oped-preview-button {filter: invert(1) brightness(0.5);} /* Play button (OP/ED) */
.oped-preview-button-gray {filter: invert(1) opacity(10%);} /* Unavailable play button (OP/ED) */
}
@-moz-document url-prefix("https://myanimelist.net/info.php?"), url-prefix("https://myanimelist.net/panel.php?go=add"), url-prefix("https://myanimelist.net/panel.php?go=editmanga"), url-prefix("https://myanimelist.net/panel.php?keepThis=true"), url-prefix("https://myanimelist.net/ajaxtb.php"), url-prefix("https://myanimelist.net/rss.php"), url-prefix("https://myanimelist.net/ownlist/style/theme"), regexp("https://myanimelist.net/ownlist/.*hideLayout.*") {
/* BG fix */
body {background: rgba(var(--colorBackground)) !important;}
}