A comfortable alternative to the MAL official dark mode and others.
Comfortable Dark Mode - Includes Lists by shishiostyles
Details
Authorshishiostyles
LicenseNo License
Categoryhttps://myanimelist.net/
Created
Updated
Size57 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
This is one of three versions, depending on your preference:
https://userstyles.world/style/8321/dark-myanimelist-2023-easy-to-edit
https://userstyles.world/style/8298/dark-myanimelist-2023-lightweight-includes-lists
https://userstyles.world/style/8320/dark-myanimelist-2023-lightweight-excludes-lists
Big thanks and credit to Valerio_Lyndon for mapping out much of the site earlier in previous dark themes. I used a file with your name (and only your name) on it to get this started and it was a giant help in the beginning. Thanks and credit to ShaggyZE for any work you may have put into the file I used as well.
Colors were inspired in part by cicerakes dark mode (my preferred theme for years) and the Dark Reader extension, although I've made mine darker and added lots of other changes.
Source code
Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link./* ==UserStyle==
@name Dark MyAnimeList [Condensed + Includes Lists]
@namespace Shishio
@version 20
@description Darkens the entire site
@author Shishio-kun @MyAnimeList
==/UserStyle== */
@-moz-document domain("myanimelist.net") {
:root{--bg:#222;--table1:#303030;--table2:#2D2F30;--table3:#2A2B2C;--table4:#262626;--table5:#1A1A1A;--header-light-grey:#585555;--header-mid-grey:#424242;--default-blue:#2e51a2;--dark-blue:#1d3366;--grey-blue:#4E678D;--important-red:#ce6161;--border:#3e3e3e;--text-white:#DBDBDB;--text-white-bright:#F5F5F5;--text-light-grey:#BFBFBF;--text-med-grey:#999999;--text-dark-grey:#808080;--text-link:#648BC6;--text-link-list:#7faaea;--text-link-hover:#5179DB}#advanced-options,#advancedSearchResultList .list.list-bottom.focus a,#topSearchResultList .list.list-bottom.focus a,.anime-detail-header-stats .stats-block,.characters-favorites-ranking-table tr.ranking-list td,.header-profile-button:before,.header-right #editdiv,.mal-navbar,.navi-seasonal .horiznav-nav-seasonal .btn-seasonal .btn-type,.page-common #content,.page-common #footer-block,.page-common #header-menu .header-menu-unit,.page-common #headerSmall,.page-common #topSearchResultList,.page-common .badresult,.page-common .bg-color-base5,.page-common .borderClass,.page-common .fn-grey6,.page-common .goodresult,.page-common .h1,.page-common .header-list .header-list-dropdown,.page-common .header-notification-dropdown .arrow_box,.page-common .header-notification-dropdown-inner h3,.page-common .header-notification-view-all a,.page-common .header-profile .header-profile-dropdown,.page-common .header-profile.link-bg,.page-common .header-profile.link-bg.on,.page-common .header-profile.link-bg.on:hover,.page-common .header-profile.link-bg:hover,.page-common .incrementalSearchResultList .list,.page-common .incrementalSearchResultList .list .off .info,.page-common .topic-reply-box,.page-common div.picSurround,.page-forum .btn-forum,.page-forum .forum-ignore,.page-forum .forum_boardrow1,.page-forum .js-ignore-topic-button,.people-favorites-ranking-table tr.ranking-list td,.pmessage-checked-action .pmessage-checked-action-button,.profile .statistics-updates .data .graph,.profile .user-comments .comment,.ranking-company .company-favorites-ranking-table tr.ranking-list td,.root .modal-content,.seasonal-anime-list .seasonal-anime .image,.staff_wrap .staff:nth-child(odd),.user-profile .user-compatability-graph .bar-outer,.user-profile .user-compatability-graph .bar-outer .bar-outer-negative,.user-profile .user-status,.user-profile .user-status li,.watch .video-menu-category .btn-category:hover,a.mal-btn.small,body,body.placeholder,button.mal-btn.small,div.fl-l.pb8,div.sceditor-toolbar,li.clearfix{background-color:var(--bg)!important}#advanced-options .filter-widget select,#advanced-options .filter-widget.airing-status select,#advanced-options .filter-widget.publishing-status select,#advanced-options .filter-widget.title input[type=text],#advanced-options select,#content>div.membership-manager *,#myanimelist .inputButton:not(:disabled):hover,#myanimelist a.Lightbox_AddEdit.btn-addEdit-large.btn-anime-watch-status.notinmylist:hover,#myanimelist a.Lightbox_AddEdit.btn-addEdit-large.btn-anime-watch-status:hover,#myanimelist-layout[data-v-2ac6c46e] .form-control,#new-style>p,#topSearchResultList .list.focus,.club-list .table-data:nth-of-type(odd) td,.club-search-form-search .select,.fa-times-circle:before,.head-config,.icon-top-ranking-page .next:hover,.icon-top-ranking-page .prev:hover,.initialize-tutorial,.list-container,.list-table .list-table-header .header-title,.mal-alert.info,.membership .about-membership .about-no-ads .image,.membership .about-membership .plan .plan-annually,.membership .about-membership .plan .plan-gift,.membership .about-membership .plan .plan-monthly,.membership .about-membership .plan-description,.membership .about-membership .plan-header,.mym_checkboxes,.navi-seasonal,.news-list .comment-list .information .tags *,.news-list .news-unit .information .tags *,.page-common #header-menu .header-menu-login .btn-mal-service:hover,.page-common .bbcode-table th,.page-common .bg-color-blue1,.page-common .footer-ranking,.page-common .inputtext,.page-common .normal_header,.page-forum .forum-topic-message .message-wrapper .content,.page-forum .forum-topic-message .message-wrapper .profile,.page-forum .topic-poll .topic-poll-result .topic-poll-option .vote .topic-poll-button,.pmessage-checkbox-block .mym-checkbox-pulldown-button.on,.pmessage-select>a,.private-message-content .message.selected:first-of-type>.mym,.private-message-content .message.selected>.mym,.profile .boxlist-container .boxlist,.profile .stacks-list .column-item .score,.profile .stacks-list .column-item .tag,.quick-search *,.ranking-digest,.ranking-digest .ranking-header,.ranking-digest ul,.review-element .thumbbody .body .reaction-box .btn-reaction,.sceditor-button.active,.sceditor-button:active,.sceditor-button:hover,.sceditor-container,.stacks .btn-new-stack.on,.stacks .my-list tbody tr:nth-child(2n) td,.stacks .my-list thead td,.stacks .new-stack-block,.stacks .new-stack-block *,.stacks .radio.box.on,.stacks .stack-list .item .bar,.stacks .stacks-detail .any_status,.stacks .stacks-detail .any_status .score,.stacks .stacks-detail .info-block,.stacks .stacks-detail .list-anime-list .seasonal-anime .head .title-text,.stacks .stacks-detail .tag,.stacks .stacks-modal .modal_content,.stacks .stacks-modal .modal_content .foot,.stacks .stacks-modal .modal_content .modal-list,.stacks .sticky-toolbar,.stacks .tag.box,.top-ranking-table .title .button-preview:hover,.user-profile .user-function .icon-user-function:hover,.user-status-block *,.user-status-block .form-user-episode,.user-status-block .form-user-score,.user-status-block .form-user-score option,.user-status-block .form-user-status,.user-status-block .form-user-status option,.video-block .video-list.episode a:hover,a.left-info-block-broadcast-button:hover,body.index .widget-container .widget.friend_list_updates .footer,body.index .widget-container .widget.friend_list_updates .footer .link-more,body.news .news-container .information,body.news .news-container .news-info-block,body.news .news-container .tags,body.news .news-container .tags .tag,div.l-main button,h2.title,option,select,select *{background-color:var(--table1)!important}#advancedSearchResultList .list.list-bottom.focus a,#topSearchResultList .list.list-bottom.focus a,.page-common .hidden-text{color:var(--bg)!important}.video-block .video-list.episode a{box-shadow:var(--bg)}#advancedSearchResultList .list-bottom,#advancedSearchResultList .list.focus:hover,#myanimelist .news-list .comment-list .quotetext,#myanimelist .news-list .tags-inner .tag,#myanimelist .quotetext,#myanimelist .quotetext .button.expand_quote,#myanimelist a.Lightbox_AddEdit.btn-addEdit-large,#myanimelist a.Lightbox_AddEdit.btn-addEdit-large.completed,#myanimelist a.Lightbox_AddEdit.btn-addEdit-large.dropped,#myanimelist a.Lightbox_AddEdit.btn-addEdit-large.on-hold,#myanimelist a.Lightbox_AddEdit.btn-addEdit-large.plantoread,#myanimelist a.Lightbox_AddEdit.btn-addEdit-large.plantowatch,#myanimelist a.Lightbox_AddEdit.btn-addEdit-large.reading,#myanimelist a.Lightbox_AddEdit.btn-addEdit-large.watching,#myanimelist a.button_add:not(.Lightbox_AddEdit),#myanimelist a.button_edit:not(.Lightbox_AddEdit),#myanimelist input,#myanimelist textarea,#quickadd input,#topSearchResultList .list-bottom,.anime-manga-search .genre-link .genre-list .genre-name-link:hover,.btn-rect-grey1:hover,.forum .forum-search-side .forum-search-input-submit.notActive,.forum .forum-search-side .forum-search-select,.icon-team-title,.list-table>tbody:nth-of-type(odd),.navi-seasonal .horiznav_nav ul li a,.news-list .comment-list:nth-of-type(2n),.news.featured .featured-search-side .featured-search-input-submit,.notification_settings .notification-setting-content .settings-notification *,.page-common #advancedSearchResultList,.page-common #horiznav_nav ul li,.page-common #horiznav_nav ul li a,.page-common #searchBar.searchBar #topSearchButon.notActive,.page-common #searchBar.searchBar #topSearchButon:not(.notActive),.page-common #searchBar.searchBar #topSearchButon:not(.notActive):hover,.page-common #searchBar.searchBar #topSearchValue,.page-common .bgColor1,.page-common .bgColor2,.page-common .bgbdrContainer,.page-common .goodresult,.page-common .header-list .header-list-dropdown ul li a,.page-common .header-profile .header-profile-dropdown ul li a,.page-common .pagination,.page-common .pagination .link,.page-common .pagination .link+.link:hover,.page-common .quickadd-content .btn-status-add,.page-common .successQuery,.page-common .textarea,.page-forum .forum-topic-message .message-wrapper .profile,.quickadd-content .quickAdd-anime-result-unit:nth-of-type(odd),.quickadd-content .quickAdd-manga-result-unit:nth-of-type(odd),.review-element .thumbbody .body .tags .tag,.review-element .thumbbody .body .tags .tag.not-recommended,.review-element .thumbbody .body .tags .tag.recommended,.review-element .thumbbody .body .tags .tag.recommended *,.season .seasonal-sort-order-block,.seasonal-anime-list .seasonal-anime .genres,.seasonal-anime-list .seasonal-anime .genres .genre,.seasonal-anime-list .seasonal-anime .properties .property,.stacks .stacks-detail .list-anime-list .seasonal-anime .info,.user-profile .user-function .icon-user-function:not(.disabled),.user-profile .user-status li.link:hover,.user-status-block .btn-user-status-add-list:hover,.widget-slide-block .widget-slide .btn-anime .external-link,.write_a_review .notice-box,.write_a_review .tips,body.news .menu-category .btn-edit-tags,body.news .tag-side-block .tag-cloud .tag,body.notification .notificaiton-category-nav a.active,body.notification .notificaiton-category-nav a:hover,ul.ignored-user-list li:nth-child(2n){background-color:var(--table2)!important}#myanimelist .inputButton:disabled,#myanimelist .news-list .tags-inner>.tag:hover...