Skip to content

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;}
}

Reviews

No reviews yet.