Authorsam
LicenseCC BY-SA 2.0
Categorykitsu
Created
Updated
Size13 kB
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Tired of looking at the white pages at night? no longer with this dark theme for Kitsu.io web version`- updated by SamCyanide to fix Library and user edit screens
Original style by "Bryan"
Updated on Jan 17 2022 by @SamCyanide with fixes for the library entry edit page and the library sorting dropdown, as well as the user edit modal screen.
Changelog @SamCyanide Feb-14-2022:
This is designed to use "https://kitsu.io" as the URL. If you want to use it for "https://www.kitsu.io" you may need to edit the style
/* ==UserStyle==
@name Kitsu Dark Mode
@namespace USO Archive
@author bryan ' & @SamCyanide
@description `Tired of looking at the white pages at night? no longer with this dark theme for Kitsu.io web version`- updated by SamCyanide to fix Library and user edit screens
@version 20220214.11.11
@license CC-BY-NC-SA-4.0
@preprocessor uso
==/UserStyle== */
/* i really want this to be global */
/* Updated on Jan 17 2022 by @SamCyanide with fixes for the library entry edit page and the library sorting dropdown, as well as the user edit modal screen.
Changelog @SamCyanide Feb-14-2022:
- Fixed embed backgrounds being too bright
- Added support for www. prefix
*/
@-moz-document url-prefix("https://kitsu.io/"), url-prefix("https://www.kitsu.io") {
body {background-color: #2e2e2f!important;}
*{color:white!important;}
p{color:white!important;}
.modal-body {background-color: #2e2e2f}
.modal-header {background-color: #464646}
.modal-footer {background-color: #464646}
.library-edit-modal .form-group .btn-secondary {background-color: #464646}
.library-edit-modal .form-group .btn-secondary:hover {background-color: #787878}
.library-edit-modal .form-group .input-group-addon {background-color: #464646}
.ember-basic-dropdown-content {background-color: #464646}
.post-uploads .file-upload svg{fill:#f75239!important;}
.feed-stream .author-name{color:#f75239 !important;}
.stream-content-embed .embed-article .embed-info {background-color: #464646}
.tag-media{border-top:0px!important;border-bottom:0px!important;}
.tag-media li{border-top:0px!important;background: #1e1e1f!important;}
.tag-media li:hover{background:#f75239!important;}
.stat-icon svg path{fill:#f75239!important;}
.panel-effect{background-image:linear-gradient(to right,#1e1e1f 0, #151515 20%,#1e1e1f 40%,#1e1e1f 100%)!important;border-radius:4px!important;background:#1e1e1f!important;}
.fake-effect{background:#2e2e2f!important;}
.fe-12{background:#2e2e2f!important;}
.fe13{background:#1e1e1f!important;background-image:linear-gradient(to right, #1e1e1f 0, #2e2e2f 90%, #1e1e1f 95%, #1e1e1f 99%)!important;}
.panel-heading{border-bottom:0px!important;}
.favorite-series-panel .nav-tabs{background:transparent!important;}
.time-spent-info svg path{fill:#f75239!important;}
.stream-item.pinned-post {border: 1px solid #f75239!important;border-radius: 4px!important;}
.user-stats-panel{background:#1e1e1f!important;border:0px!important;}
.user-stats-heading{border-bottom:0px!important;}
.time-spent-card{background: #151515!important;border:1px solid transparent!important;}
.user-menu-drop .dropdown-item{border-bottom:0px!important;}
.user-menu-drop .dropdown-item:hover{background:#151515!important;}
.tagged-media{border-radius: 4px!important;background: #2e2e2f!important;border:none!important;}
.media--reactions .reactions-list{background:#1e1e1f!important;border-radius:4px!important;border:1px solid #1e1e1f!important;}
.media-summary{background:#1e1e1f!important;border:1px solid #1e1e1f!important;border-radius:4px!important;}
.media-rankings.full, .reaction{border-bottom:0px!important;border-top:0px!important;}
.where-to-watch-header>span{background:transparent!important;}
.where-to-watch-header{border-top: 0px!important;}
.stream-add-content{background: #1e1e1f!important;border-radius:4px!important;}
.media--category-tag a{background: #1e1e1f!important;border: 1px solid #1e1e1f!important;border-radius:4px!important;}
.media--category-tag a:hover{background: #f75239!important;border: 1px solid #f75239!important;border-radius:4px!important;}
.stream-item {background: #1e1e1f!important;border: 1px solid #1e1e1f!important;border-radius:4px!important;}
.stream-item--title-block{background: #1e1e1f!important;border-radius:4px!important;}
.add-comment-wrapper .add-comment{border:0px!important;}
.add-comment-wrapper textarea{background:#2e2e2f!important;}
input, textarea{background:#1e1e1f!important;}
.search--group-header{border-top:0px!important;border-bottom:0px!important;background:#1e1e1f!important;}
.search--results .media:hover{background:#151515!important;}
.search--drop{background:#1e1e1f!important;}
.quick-update{background:#121212!important;border-bottom:1px solid black!important;}
.search--header{background-color:#1e1e1f!important;}
.navbar{background:#1e1e1f!important;border-bottom:1px solid #151515!important;}
.site-search__input.active{background:#151515!important;}
.site-search__input{background:#151515!important;}
.library-state.with-header{border: 0px!important;}
.library-state.with-header .entry-state-header>span{background-color:transparent!important;}
.notifications{background: #151515!important;}
.notifications:hover{background: #151515!important;}
.notifications svg path{fill:white!important;}
.ember-tether{border-radius:4px!important;}
.dropdown-item:hover{background:#151515!important;}
.button--light-outline{background-color: #151515!important;border: 1px solid #151515!important;box-shadow:none!important;}
.button--light-outline:hover{background-color: #f75239!important;border: 1px solid #f75239!important;box-shadow:none!important;}
.quick-update .flickity-viewport .action-wrapper textarea{border-bottom: 1px solid #f75239!important;}
.quick-update .flickity-viewport .quick-update-item .overlay-panel{background:repeat-x #1e1e1f!important;}
.quick-update .flickity-viewport .action-wrapper .update-actions{background:#1e1e1f!important;}
.nsfw-gate a{background: #2e2e2f!important;border: 1px solid #2e2e2f!important;border-radius:4px!important;}
.nsfw-gate a:hover{background: #151515!important;border: 1px solid #151515!important;border-radius:4px!important;}
.spoiler-gate a{background: #2e2e2f!important;border: 1px solid #2e2e2f!important;border-radius:4px!important;}
.spoiler-gate a:hover{background: #151515!important;border: 1px solid #151515!important;border-radius:4px!important;}
.combo-gate a{background: #2e2e2f!important;border: 1px solid #2e2e2f!important;border-radius:4px!important;}
.combo-gate a:hover{background: #151515!important;border: 1px solid #151515!important;border-radius:4px!important;}
.stream-item-comments{background: #1e1e1f!important;border-top: 1px solid #1e1e1f!important;}
.reply-list {background: #2e2e2f!important;border-radius:4px!important;}
.stream-item-comments .media-body .comment-body p:last-child{color:white!important;}
.add-comment-wrapper textarea {background: #2e2e2f!important;}
.favorite-media-grid .button{background: #f75239!important;border:0px!important;}
.favorite-media-grid .button:hover{background: #151515!important;}
.stream-item-comments li {border-bottom:none!important;border-radius:4px!important;}
.media-body .comment-actions {background:#151515!important;border-radius:4px!important;margin-bottom:-28px!important;border-bottom:none!important;}
.feed-aside .timeline-link.active {background: #1e1e1f!important;color:white!important;border: 1px solid #1e1e1f!important;}
.feed-aside .timeline-link.active:hover{background:#151515!important;color:white!important;border: 1px solid #151515!important;}
.sidebar-footer .footer-social{display:none!important;}
.stream-content .stream-content-post p:last-child{color:white!important;}
.stream-content p {color:white!important;}
.my-groups-widget .group-name{color:white!important;}
.my-groups-widget .view-more a{color:#999!important;}
.feed-aside .panel-heading{color:white!important;}
.feed-aside .timeline-link{color:white!important;}
.sidebar-footer .footer-links .site-link{color:white!important;}
.feed-actions button{color:white!important;}
.card{border: 2px solid #2e2e2f!important;border-radius: 6px!important;background: #1e1e1f!important;color:white!important;}
.reaction-feed-item .reaction-content{border:none!important;}
.reaction-feed-item .reaction-votes{border:none!important;}
.media-browse .media-grid{background:#2e2e2f!important;}
.cover-nav.navbar-light{background-color:#1e1e1f!important;}
.cover-nav.navbar-light .nav-item:first-child{border-left:none!important;color:white!important;}
.cover-nav.navbar-light .nav-item{border-right:none!important;color:white!important;}
.cover-nav.navbar-light .nav-item.active{background:#151515!important;color:white!important;}
.cover-nav.navbar-light .nav-item.active:hover{background:#151515!important;color:white!important;}
.cover-nav.navbar-light .nav-item:hover {background:#151515!important;color:white!important;}
.cover-nav.navbar-light .nav-item{color:white!important;}
.navbar-nav .tag {background-color: #151515!important;color: #939393!important;}
.explore-search input, .library-search input{background:#252525!important;border:1px solid #2e2e2f!important;color:white!important;}
.library-sidebar .library-issues .library-issues--title>span{background-color:#2e2e2f!important;}
.library-sidebar .library-issues{border:none!important;}
.ember-power-select-trigger {border-top: 1px solid #151515!important;border-bottom: 1px solid #151515!important;border-right: 1px solid #151515!important;border-left: 1px solid #151515!important;border-radius: 4px!important;background-color: #151515!important;}
.ember-power-select-option {background-color: #464646}
.ember-power-select-option[aria-selected="true"] {background-color: #787878}
.ember-power-select-option[aria-current="true"] {background-color: #a6a6a6}
.library-sections li.active a.library-all{border-radius:4px!important;}
.library-sections li a.status-current{border-radius:4px!important;background:#72afe2!important;color:white!important;}
.library-sections li a.status-planned{border-radius:4px!important;background:#6290b1!important;color:white!important;}
.library-sections li a.status-completed{border-radius:4px!important;background:#5bc78c!important;color:white!important;}
.library-sections li a.status-hold{border-radius:4px!important;background:#e4ba74!important;color:white!important;}
.library-sections li a.status-dropped{border-radius:4px!important;background:#929292!important;color:white!important;}
.library-sections li.active a.library-all:hover{border-ra...