WaniKani Breeze Dark (Modified version) by enn3developer

/* ==UserStyle==
@name         WaniKani Breeze Dark (Modified version)
@version      1.0.0
@namespace    valeth.info
@license      GPL-3.0
@description  Dark theme for the WaniKani kanji learning website (modified version by Enn3DevPlayer).
@author       Valeth
@homepageURL  https://valeth.info
@supportURL   https://gitlab.com/valeth/wanikani-breeze-dark/issues

@var color radicals-color    "Radicals Color"            #3DAEE9
@var color kanji-color       "Kanji Color"               #FDBC4B
@var color vocab-color       "Vocabulary Color"          #2ECC71
@var color burned-color      "Burned Color"              #DA4453
@var color review-reading-bg "Review Reading Background" #4D4D4D
@var color review-meaning-bg "Review Meaning Background" #31363B
@advanced dropdown footer-image  "Footer Image" {
    footer-image-dark    "Dark" <<<EOT
        background-image: url("https://i.imgur.com/MRVqVnw.png") !important;
    EOT;
    footer-image-default "Original" <<<EOT
    EOT;
    footer-image-none "None" <<<EOT
        background-image: unset !important;
    EOT;
}
@advanced dropdown review-char-bg "Review Character Background" {
    review-char-bg-dark "Dark, like my soul" <<<EOT
    EOT;
    review-char-bg-colored "Colorful, Rainbows, Rainbows EVERYWHERE!" <<<EOT
        #main-info.vocabulary, #reviews #character.vocabulary {
            background-color: /*[[vocab-color]]*\/ !important;
            color: #232629 !important;
        }
        #main-info.kanji, #reviews #character.kanji {
            background-color: /*[[kanji-color]]*\/ !important;
            color: #232629 !important;
        }
        #main-info.radical, #reviews #character.radical {
            background-color: /*[[radicals-color]]*\/ !important;
            color: #232629 !important;
        }
        #main-info.vocabulary #character, #main-info.kanji #character,
        #main-info.radical #character, #main-info #meaning,
        #reviews #character, #stats, #summary-button, #header-buttons {
            color: #232629 !important;
        }
    EOT;
}
==/UserStyle== */
@charset "UTF-8";
/*
This file was compiled with SCSS.
To view the sources of this file visit https://gitlab.com/valeth/wanikani-breeze-dark
*/
@-moz-document domain(www.wanikani.com) {
	[class*=character-grid] [class|="radical"]:not(i),
	.legend ul span.all,
	.sitemap__expandable-chunk[class*="radical"],
	.popover.srs .popover-content li:nth-child(1),
	[class*=radical] .progress > .bar,
	.radical-icon,
	[class*="highlight-radical"],
	[class*="radical-highlight"],
	.kotoba-table-list table [class^="radical"],
	[id*="summary"] ul > [class^="radical"],
	#supplement-info [class^=radical],
	#batch-items [class^=radical],
	#reviews #last-items [class*="radical"] [lang="ja"]:first-child,
	#related-items a > [class^=radical],
	#lessons .ui ul item.radical,
	#reviews .ui ul item.radical,
	#timeline .review_info .rad,
	#ss_quiz[data-itype="radical"] .qwrap,
	#keisei_section [id^=radical],
	.dropdown.open.radicals,
	.legend ul span.radicals {
		background-color: /*[[radicals-color]]*/
		!important;
		color: #232629 !important;
	}

	#main-info.radical,
	#reviews #character.radical,
	#ss_quiz.radical .question {
		background-color: #232629 !important;
		color: /*[[radicals-color]]*/
		!important;
	}

	[class*=character-grid] [class|="kanji"]:not(i),
	.dropdown.open.kanji,
	.legend ul span.kanji,
	.sitemap__expandable-chunk[class*="kanji"],
	.popover.srs .popover-content li:nth-child(2),
	[class*=kanji] .progress > .bar,
	.kanji-icon,
	[class*="highlight-kanji"],
	[class*="kanji-highlight"],
	.dashboard-progress .progress-bar__progress,
	.kotoba-table-list table [class^="kanji"],
	[id*="summary"] ul > [class^="kanji"],
	#supplement-info [class^=kanji],
	#batch-items [class^=kanji],
	#reviews #last-items [class*="kanji"] [lang="ja"]:first-child,
	#related-items a > [class^=kanji],
	#lessons .ui ul item.kanji,
	#reviews .ui ul item.kanji,
	#timeline .review_info .kan,
	#ss_quiz[data-itype="kanji"] .qwrap,
	#keisei_section [id^=kanji] {
		background-color: /*[[kanji-color]]*/
		!important;
		color: #232629 !important;
	}

	#main-info.kanji,
	#reviews #character.kanji,
	#ss_quiz.kanji .question {
		background-color: #232629 !important;
		color: /*[[kanji-color]]*/
		!important;
	}

	[class*=character-grid] [class|="vocabulary"]:not(i),
	.dropdown.open.vocabulary,
	.legend ul span.vocabulary,
	.sitemap__expandable-chunk[class*="vocabulary"],
	.popover.srs .popover-content li:nth-child(3),
	[class*=vocabulary] .progress > .bar,
	.vocabulary-icon,
	[class*="highlight-vocabulary"],
	[class*="vocabulary-highlight"],
	.kotoba-table-list table [class^="vocabulary"],
	[id*="summary"] ul > [class^="vocabulary"],
	#supplement-info [class^=vocabulary],
	#batch-items [class^=vocabulary],
	#reviews #last-items [class*="vocabulary"] [lang="ja"]:first-child,
	#related-items a > [class^=vocabulary],
	#lessons .ui ul item.vocabulary,
	#reviews .ui ul item.vocabulary,
	#timeline .review_info .voc,
	#ss_quiz[data-itype="vocabulary"] .qwrap,
	.vocabulary-progress li > a,
	.vocabulary-progress li > div {
		background-color: /*[[vocab-color]]*/
		!important;
		color: #232629 !important;
	}

	#main-info.vocabulary,
	#reviews #character.vocabulary,
	#ss_quiz.vocabulary .question {
		background-color: #232629 !important;
		color: /*[[vocab-color]]*/
		!important;
	}

	textarea,
	input,
	button,
	.btn,
	.page-list li > a,
	.individual-item .new-synonyms li,
	.nav-load > li:last-child a,
	.button,
	#start-session,
	#batch-items [data-index="quiz"] > span,
	.btn-set li,
	#hotkeys,
	#lessons .ui #reorder,
	#reviews .ui #reorder,
	[aria-describedby=divSRSGridSettings] .ui-dialog-buttonset button,
	[aria-describedby=ui-id-2] .ui-dialog-buttonset button,
	#WKO_button,
	select,
	#back-dashboard {
		border-radius: 5px !important;
		color: #bcbcbc !important;
	}
	textarea:focus,
	input:focus,
	button:focus,
	.btn:focus,
	.page-list li > a:focus,
	.individual-item .new-synonyms li:focus,
	.nav-load > li:last-child a:focus,
	.button:focus,
	#start-session:focus,
	#batch-items [data-index="quiz"] > span:focus,
	.btn-set li:focus,
	#hotkeys:focus,
	#lessons .ui #reorder:focus,
	#reviews .ui #reorder:focus,
	[aria-describedby=divSRSGridSettings] .ui-dialog-buttonset button:focus,
	[aria-describedby=ui-id-2] .ui-dialog-buttonset button:focus,
	#WKO_button:focus,
	select:focus,
	#back-dashboard:focus {
		outline: none !important;
	}

	textarea,
	input {
		background-color: #1e2123 !important;
		box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.7) inset, 2px 2px 2px rgba(0, 0, 0, 0.7) inset !important;
		transition: box-shadow linear 0.2s !important;
	}
	textarea:focus,
	input:focus {
		box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.7) inset !important;
	}

	button,
	.btn,
	.page-list li > a,
	.individual-item .new-synonyms li,
	.nav-load > li:last-child a,
	.button,
	#start-session,
	#batch-items [data-index="quiz"] > span,
	.btn-set li,
	#hotkeys,
	#lessons .ui #reorder,
	#reviews .ui #reorder,
	[aria-describedby=divSRSGridSettings] .ui-dialog-buttonset button,
	[aria-describedby=ui-id-2] .ui-dialog-buttonset button,
	#WKO_button,
	select,
	#back-dashboard {
		background-color: #1e2123 !important;
		box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.7), 2px 2px 2px rgba(0, 0, 0, 0.7) !important;
		transition: box-shadow linear 0.2s, border linear 0.2s !important;
	}
	button:hover,
	.btn:hover,
	.page-list li > a:hover,
	.individual-item .new-synonyms li:hover,
	.nav-load > li:last-child a:hover,
	.button:hover,
	#start-session:hover,
	#batch-items [data-index="quiz"] > span:hover,
	.btn-set li:hover,
	#hotkeys:hover,
	#lessons .ui #reorder:hover,
	#reviews .ui #reorder:hover,
	[aria-describedby=divSRSGridSettings] .ui-dialog-buttonset button:hover,
	[aria-describedby=ui-id-2] .ui-dialog-buttonset button:hover,
	#WKO_button:hover,
	select:hover,
	#back-dashboard:hover {
		box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.7) !important;
	}
	button:focus,
	.btn:focus,
	.page-list li > a:focus,
	.individual-item .new-synonyms li:focus,
	.nav-load > li:last-child a:focus,
	.button:focus,
	#start-session:focus,
	#batch-items [data-index="quiz"] > span:focus,
	.btn-set li:focus,
	#hotkeys:focus,
	#lessons .ui #reorder:focus,
	#reviews .ui #reorder:focus,
	[aria-describedby=divSRSGridSettings] .ui-dialog-buttonset button:focus,
	[aria-describedby=ui-id-2] .ui-dialog-buttonset button:focus,
	#WKO_button:focus,
	select:focus,
	#back-dashboard:focus {
		box-shadow: 0 0 5px rgba(61, 174, 233, 0.5) !important;
	}

	textarea {
		color: #bcbcbc !important;
		-webkit-text-fill-color: #bcbcbc !important;
	}

	.alert,
	.system-alert,
	.alert-where-user-scripts-cant-ignore,
	.legend,
	.page-list,
	#main footer ul,
	#subscriptions footer ul,
	#public-profile footer ul,
	.account-subscription .account-subscription-plan,
	#account-subscription-coupon-form #coupon,
	.account-subscription-payment-processor-info,
	.account-subscription form .control-group input[type="text"],
	.account-billing div.bg-default,
	.account-billing div.bg-gray-100,
	.api section,
	.dashboard section,
	.individual-item .span12 > section,
	.individual-item + section,
	section[class^=lattice-],
	section[id|=level],
	.settings-section,
	[id*="summary"] [id^="radical"],
	[id*="summary"] [id^="kanji"],
	[id*="summary"] [id^="vocabulary"],
	[id*="summary"] [id^="correct"],
	[id*="summary"] [id^="incorrect"],
	#review-stats,
	#supplement-info,
	#information,
	#lessons .ui,
	#reviews .ui,
	#timeline,
	[aria-describedby=divSRSGridSettings],
	[aria-describedby=ui-id-2],
	#item_marker_body,
	#marked_items,
	.wklc,
	#ss_quiz,
	#keisei_modal_settings,
	#keisei_modal_info {
		background-color: #232629 !important;
		border-radius: 5px !important;
		box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.7), 2px 2px 2px rgba(0, 0, 0, 0.7) !important;
		margin-bottom: 20px;
		margin-top: 20px;
	}

	.popover {
		background-color: #4d4d4d !important;
		border-color: #4d4d4d !important;
		border-radius: 5px !important;
		box-shadow: 1px 1px 1px rgba(0, 0...