Meant to be combined with (and installed after) crayon for mal.
crayon add-on (dark) by pajamapop
Details
Authorpajamapop
LicenseNo License
Categorymyanimelist
Created
Updated
Code size5.9 kB
Code checksum5121c3e2
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.2
@author https://myanimelist.net/profile/sunnysummerday
==/UserStyle== */
@-moz-document regexp("https://myanimelist.net/(?!animelist|mangalist|store|membership|register).*") {
/* Dark */
/* 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/zHcOYoh.jpg) !important;
background-size: 175px 175px !important;
background-attachment: fixed !important; }
/* Disable background animation */
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;}
}
@-moz-document regexp("https://myanimelist.net/(?!animelist|mangalist|store|membership|register).*") {
/* Add detail to blacks */
/* #menu, #nav li a, #contentWrapper > div .h1, */ /* Top bars */
#content, #contentWrapper, .profile .container-left, /* Profile, etc. */
.left-column + .right-column, .page-common table.forum-topics tr td:nth-child(2n+1), /* Panel */
script + table[width="100%"], /* Friends */
.js-block-list td[class*="bgColor"], /* Search */
.review-element, /* Reviews */
.forum .forum-board .topics, .forum .forum-mods-container, /* Forum */
.page-forum .forum-topic-message .message-wrapper .profile,
.page-forum .forum-topic-message .message-wrapper .content,
.page-forum .forum.timeline .mal-navbar.topic-reply-bar[rel="topic-bottom"],
div.page-forum .forum_boardrow1, div.page-forum .forum_boardrow2,
.stacks .content, .content-right, .stacks .my-list tbody td, /* Stacks */
table[class*="-ranking-table"] tr.ranking-list td, .club-list .table-data td, /* Rankings */
.navi-seasonal, .seasonal-anime-list .properties, .seasonal-anime-list .genres, /* Seasonal */
tr td:first-child[width="225"][style="border-width: 0 1px 0 0;"], /* Anime/Manga */
tr td:first-child.borderClass[width="225"] + td[style^="padding"],
.leftside #addtolist, .anime-detail-header-stats .stats-block,
.detail-characters-list .left-column table:nth-of-type(even),
.detail-characters-list .left-right table:nth-of-type(even),
.page-common .anime-character-container .bgColor1,
.page-common #manga-character-container .bgColor1,
.episode_list .episode-list-data:nth-of-type(odd) td,
[id^="raArea"] + div[style="margin-bottom: 2px;"],
.anime-filter .content-left /* Company */ {
background-image: url(https://i.imgur.com/ePA5yC8.png) !important;
background-size: 200px 200px !important; }
}