Wanikani Dark Azure 2 Theme

WaniKani
1

Dark Azure 2
Dark Azure 21333×749 69.9 KB

(upload://sCfhs72y2MNAjQS3lsecML6p389.png)
wan3
wan31327×753 34.3 KB
wan4
wan41327×753 34.6 KB

.login input, .signup input {
    color: black;
}
.login button, .signup button {
    background-color: #393e4e;
    border: none;
    color: rgb(225, 225, 225);
}
.login button:hover, .signup button:hover {
    background-color: rgb(80, 85, 101);
    color: rgb(225, 225, 225);
    border: none;
}
body {
    background-color: rgb(67, 72, 88);
    background-image: none !important;
    color: white;
}
.forum header h1 {
    color: #333333 !important;
}
.review-status, header p, .standard p, .standard ol, :not(.span6) > .forum-topics-list table td, :not(.span6) > .forum-topics-list a, .span6 .small-caps:not(.see-more), .topic-title:not(.forum-topics-list):not(.dashboard-sub-section), .icon-pushpin, br + a:not(.forum-topics-list):not(.dashboard-sub-section), .timeago:not(.forum-topics-list):not(.dashboard-sub-section) {
    color: rgb(225, 225, 225) !important;
    text-shadow: 0 1px 0 rgb(57, 62, 78) !important;
}
#chat p {
    color: #666 !important;
    text-shadow: 0 1px 0 #fff, 0 0 10px #fff !important;
}
.dashboard section.review-status ul li {
    border-left-color: rgb(47, 52, 68) !important;
}
.dashboard section.srs-progress {
    color: rgb(225, 225, 225) !important;
    box-shadow: inset 1px 10px 9px 0px rgba(0, 0, 0, 0.3) !important;
}
.account-settings-form .control-group input[class^="span6"] {
    color: rgb(225, 225, 225) !important;
}
.top-list ol a {
    color: #e1e1e1;
}
code {
    text-shadow: 0 1px 0 #fff !important;
}
.page-list, .forum-topics-list:not(.dashboard-sub-section) table tbody tr:hover {
    background-color: rgb(67, 72, 88) !important;
}
.page-list ul > li > a, .page-list ul > li > span, .account-billing-payment-information .account-subscription-payment-submit button {
    border: 1px solid rgb(67, 72, 88) !important;
    border-radius: 3px;
    background-color: #393e4e;
    text-shadow: none;
}
.page-list ul > li > a:hover, .account-billing-payment-information .account-subscription-payment-submit button:hover {
    background-color: #4f5464;
}
.page-list-header span {
    text-shadow: 0 1px 0 rgb(57, 62, 78) !important;
}
.navbar-inner {
    background-image: linear-gradient(to bottom, rgb(82, 87, 103), rgb(77, 82, 98)) !important;
    border-bottom-color: rgb(77, 82, 98) !important;
}
.navbar .nav > li > a {
    text-shadow: 0 1px 0 rgb(57, 62, 78);
    color: rgb(225, 225, 225) !important;
}
html#main .navbar .nav > li:not(.lessons):not(.reviews) > a > span:first-child, html#public-profile .navbar .nav > li:not(.lessons):not(.reviews) > a > span:first-child {
    box-shadow: 0 1px 0 rgb(57, 62, 78), inset -2px 2px 0 rgba(0, 0, 0, 0.15);
}
header nav #back-dashboard {
    box-shadow: 0 1px 0 rgb(57, 62, 78), inset -2px 2px 0 rgba(0, 0, 0, 0.15) !important;
}
#lesson #batch-items ul li span, #reviews-summary #incorrect .apprentice > ul > li, #reviews-summary #incorrect .guru > ul > li, #reviews-summary #incorrect .master > ul > li, #reviews-summary #incorrect .enlightened > ul > li, #reviews-summary #incorrect .burned > ul > li, #reviews-summary #correct .apprentice > ul > li, #reviews-summary #correct .guru > ul > li, #reviews-summary #correct .master > ul > li, #reviews-summary #correct .enlightened > ul > li, #reviews-summary #correct .burned > ul > li, #reviews-summary #review-stats[id*="review-stats-"], #lessons-summary #radicals > div > ul > li, #lessons-summary #kanji > div > ul > li, #lessons-summary #vocabulary > div > ul > li {
    box-shadow: 3px 3px 0 rgb(57, 62, 78) !important;
}
#lesson #batch-items ul li[data-index=quiz] span {
    background-color: #848484 !important;
}
#main footer {
    background-image: url(https://raw.githubusercontent.com/misabiko/Wanikani-Grayish-Blueish-Dark/master/Assets/footer-bg-invert.gif) !important;
    background-position: top !important;
}
#supplement-info, div #correct, div #incorrect, div #radicals, div #kanji, div #vocabulary, div #review-stats-radicals, div #review-stats-kanji, div #review-stats-vocabulary {
    background-color: rgb(77, 82, 98) !important;
    box-shadow: 3px 3px 0 rgb(57, 62, 78) !important;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
}
#item-info #all-info {
    background-color: rgb(67, 72, 88) !important;
}
#reviews-summary #incorrect .apprentice h3 span, #reviews-summary #incorrect .guru h3 span, #reviews-summary #incorrect .master h3 span, #reviews-summary #incorrect .enlightened h3 span, #reviews-summary #incorrect .burned h3 span, #reviews-summary #correct .apprentice h3 span, #reviews-summary #correct .guru h3 span, #reviews-summary #correct .master h3 span, #reviews-summary #correct .enlightened h3 span, #reviews-summary #correct .burned h3 span, #loading {
    background-color: rgb(77, 82, 98) !important;
}
#supplement-voc-breakdown ul li a, #item-info #related-items a, #item-info #related-items a:active, #item-info #related-items a:hover, #item-info #related-items a:visited, #item-info h2, #item-info #all-info:hover, .active, #kana-chart ul li span {
    color: white !important;
}
#lesson #supplement-info .radical, #lesson #supplement-info .kanji, #lesson #supplement-info .vocabulary, #item-info #related-items ul span {
    box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.2) inset, 0 0 10px rgba(27, 27, 27, 0.5) !important;
}
#next-btn:hover, #prev-btn:hover {
    background-color: rgba(104, 111, 125, 1) !important;
}
#kana-chart ul li:not(.empty):hover {
    background-color: rgb(87, 92, 108) !important;
    box-shadow: 3px 3px 0 rgb(67, 72, 88) !important;
}
#kana-chart ul li {
    border-right: 1px solid rgb(67, 72, 88);
}
#kana-chart ol {
    border-bottom: 1px solid rgb(67, 72, 88);
}
.forum-post-controls .pull-left, .forum-post-controls .pull-left .timeago:not(.forum-topics-list):not(.dashboard-sub-section) {
    color: #999 !important;
}
#kana-chart ol li.active {
    border-bottom: 3px solid white;
}
#kana-chart ol li:not(.active):not(.backspace):hover {
    border-bottom: 3px solid #333;
}
#additional-content ul .wrap-up-selected span, #additional-content ul .wrap-up-selected span:hover:before {
    background-color: rgb(117, 122, 138) !important;
}
.highlight-kanji {
    background-color: #dd0093 !important;
}
.highlight-radical {
    background-color: #0af !important;
}
.highlight-vocabulary {
    background-color: #9300dd !important;
}
.highlight-reading {
    background-color: #8e8e8e !important;
}
#lesson #supplement-info {
    background-color: rgb(77, 82, 98) !important;
    box-shadow: 3px 3px 0 rgb(57, 62, 78) !important;
}
#lesson #supplement-info #supplement-rad-related-kanji ul li a, #lesson #supplement-info #supplement-kan-breakdown ul li a, #lesson #supplement-info #supplement-kan-related-vocabulary ul li a, #lesson #supplement-info #supplement-voc-breakdown ul li a {
    color: white !important;
}
#lesson #supplement-info blockquote {
    background-color: rgb(81, 86, 104) !important;
    color: #EAEAEA !important;
}
#quiz #question-type.meaning {
    background-image: linear-gradient(rgb(60, 65, 81), rgb(77, 82, 98)) !important;
    border-top: 1px solid rgb(50, 55, 71) !important;
    border-bottom: 1px solid rgb(67, 72, 88) !important;
    color: rgb(255, 255, 255) !important;
    text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.1) !important;
}
#answer-form input[type=text] {
    box-shadow: 3px 3px 0 rgb(57, 62, 78) !important;
}
#additional-content ul li span {
    background-color: rgb(67, 72, 88) !important;
    box-shadow: 3px 3px 0 rgb(57, 62, 78) !important;
    color: white !important;
}
#additional-content ul li:not(#option-audio) span:hover:before {
    background-color: rgb(77, 82, 98) !important;
    box-shadow: 3px 3px 0 rgb(57, 62, 78) !important;
    color: white !important;

}
.remove-margin-bottom {
    background: none !important;
    box-shadow: none !important;
}
#reviews #information {
    background-color: #434858 !important;
    box-shadow: 3px 3px 0 rgb(57, 62, 78) !important;
}
section[id|=level] header {
    background-color: #4d5262;
}
section[id|=level] header h2 {
    color: #eee;
}
#progress {
    background-color: rgb(77, 82, 98) !important;
}
h2, h3, li {
    text-shadow: none;
}
[class^="note-"] {
    text-shadow: none;
}
#progress time, #progress .unlocked-date span {
    text-shadow: none;
}
div.chart {
    text-shadow: none;
    color: #e1e1e1;
}
.pager li > span, .pager li > a {
    text-shadow: none;
}
[class*="-icon"] {
    box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.2) inset, 0 0 10px rgba(67, 72, 88, 0.5);
}
:not(.span6) > .forum-topics-list table td, :not(.span6) > .forum-topics-list a, .span6 .small-caps:not(.see-more), .topic-title:not(.forum-topics-list):not(.dashboard-sub-section), .icon-pushpin, br + a:not(.forum-topics-list):not(.dashboard-sub-section), .timeago:not(.forum-topics-list):not(.dashboard-sub-section) {
    text-shadow: none !important;
}
.dashboard section.review-status ul li {
    border-right: 1px solid rgb(79, 84, 100);
    border-left: 1px solid rgb(79, 84, 100);
}
.dashboard section.review-status ul li {
    border-left-color: rgb(97, 97, 97) !important;
}
.dashboard section.review-status {
    border-bottom: 1px solid rgba(79, 84, 100, 0.75);
}
html#main .additional-info, html#public-profile .additional-info {
    background-color: rgb(77, 82, 98) !important;
    color: #666666;
}
.additional-info > h3 {
    color: rgb(225, 225, 225) !important;
    text-shadow: none;
}
ul.alt-character-list li {
    text-shadow: none;
}
ul.alt-character-list a {
    color: rgb(225, 225, 225);
}
a[class*="-icon"]:hover, a:hover span[class*="-icon"] {
    text-shadow: none;
}
/* audio button */
 .audio-btn.audio-idle:before {
    color: rgb(225, 225, 225) !important;
}
.audio-btn.audio-play:before {
    color: rgb(225, 225, 225) !important;
}
/* header tab colour */
 .dropdown.levels.open > a {
    background-color: #505565 !important;
}
.dropdown.levels.open > .dropdown-menu {
    background-color: #393e4e !important;
}
.dropdown.levels.open > .dropdown-toggle {
    background-color: #505565 !important;
}
.dropdown.account.open > .dropdown-menu {
    background-color: #393e4e !important;
}
.dropdown.account.open > a {
    background-color: #505565 !important;
}
.navbar .nav li.levels.dropdown.open > .dropdown-toggle {
    background-color: #505565 !important;
}
html#main .navbar .nav li.levels.dropdown > .dropdown-toggle:hover > span:first-child {
    border-color: #d5d5d5;
}
html#main .navbar .nav li.levels.dropdown.open > .dropdown-toggle > span:first-child {
    border-color: #fff;
}
h1, h2, h3 {
    text-shadow: none;
}
/* loadingscreen lesson */
 #loading-screen {
    background-color: rgb(77, 82, 98) !important;
}
.blog.dashboard-sub-section > .see-more > a {
    color: rgb(85, 85, 85) !important;
    text-shadow: none;
}
.popover-inner {
    color: rgb(225, 225, 225);
}
#search.in .search-heading {
    text-shadow: none !important;
}
/* lesson arror */
 #lesson #supplement-nav ul li.active:before {
    border-color: transparent transparent #4d5262 transparent;
}
/* lesson arror */
 #additional-content ul li.active:before {
    border-color: transparent transparent #4d5262 transparent;
}
html#main .navbar li .dropdown-menu li > a:hover, html#main .navbar li .dropdown-menu li > a:focus, html#public-profile .navbar li .dropdown-menu li > a:hover, html#public-profile .navbar li .dropdown-menu li > a:focus {
    background-color: #505565;
}
.table-hover tbody tr:hover td, .table-hover tbody tr:hover th {
    background-color: #505565;
}
.table th, .table td {
    border-top: 1px solid #505565;
}
sup {
    text-shadow: none;
}
.account-subscription form .control-group input[type=text] {
    background-color: #4f5464;
    box-shadow: 2px 2px 0 #3f4453;
    color: rgb(225, 225, 225);
}
.account-subscription .account-subscription-promo button[type=submit]:hover {
    color: rgb(225, 225, 225);
    border-color: rgb(225, 225, 225);
}
.community .top-users a {
    color: rgb(225, 225, 225);
}
.community .top-users.additional-info span {
    color: #eeece7;
}
:not(.span6) > .forum-topics-list table td, :not(.span6) > .forum-topics-list a {
    color: rgb(255, 255, 255) !important;
}
html#main .additional-info, html#public-profile .additional-info {
    color: #ffffff;
}
.forum-topics-list a.topic-title, .forum-topics-list[class*="icon-"]:before {
    color: #f9fffa;
}
.dashboard section.dashboard-sub-section.forum-topics-list table tr {
    background-color: #505565;
}
.popover.review-time {
    background-color: #393e4e
}
.popover.review-time.bottom .arrow {
    border-bottom-color: #393e4e
}
.small-caps {
    text-shadow: none;
}
/* other meanings button */
 .wki_cinza {
    background-color: #4d5262;
}
.wki_button_item_label {
    opacity: 1.0;
}
.wki_item_wrapper {
    background-color: rgb(77, 82, 98);
}
#wki_mimic_button {
    background-color: rgb(67, 72, 88) !important;
    box-shadow: 3px 3px 0px rgb(57, 62, 78);
    color: rgb(255, 255, 255);
}
.wki_start_message {
    color: white;
}
.additional-info.legend span {
    -webkit-box-shadow: 0 -2px 0 rgba(0, 0, 0, 0.2) inset, 0 0 10px rgb(77, 82, 98);
}
/* inline frame */
 p, ol, figcaption {
    text-shadow: none !important;
}
.qtip-bootstrap {
    background-color: #434858;
}
.qtip-bootstrap .qtip-titlebar {
    border-bottom: 1px solid #393e4e;
    background-color: #434858;
}
.qtip-bootstrap {
    color: #fff;
}
.dashboard section.system-alert {
    box-shadow: 0 1px 0 #434858;
}
#additional-content-load {
    background-color: rgb(77, 82, 98);
}
ul.alt-character-list li:after {
    text-shadow: none !important;
}
/* sub */
 .account-subscription .account-subscription-plans .account-subscription-plan {
    background-color: #505565;
    border: 3px solid #393e4e;
}
.account-subscription .account-subscription-plans .account-subscription-plan .account-subscription-plan-select button[type=button].btn {
    background: #393e4e !important;
}
html#public-profile div.wall-of-shame {
    background-color: #434858;
}
html#public-profile div.wall-of-shame ul li > span:first-child {
    text-shadow: none;
}
/* profile */
 #edit_user input[type="email"], #edit_user textarea, #edit_user select {
    color: #f6f6f6;
}
#edit_user select {
    background-color: #4d5262 !important;
    border: 1px solid rgb(57, 62, 78) !important;
}
/* buttons */

/* progress fix */
 #main .progress .bar span {
    margin-right: -17px;
}
#public-profile .progress .bar span {
    margin-right: -13px;
}
#public-profile .progress .bar span:after {
    left: 100%;
    margin-left: -24px;
}
html#public-profile div.wall-of-shame h3 span {
    background-color: #4f5464;
    box-shadow: none;
}
html#public-profile header div.avatar {
    background-color: #434858;
}
.srs-levels ul li span {
    box-shadow: none;
    text-shadow: none;
}
html#public-profile header div.user-info h3.small-caps {
    text-shadow: none;
}
.additional-info h3, .small-caps {
    color: rgb(255, 255, 255);
}
/* bars */
 #public-profile .progress {
    background-color: #505565;
}
#main .progress {
    background-color: rgba(67, 72, 88, 0.46);
}
html#public-profile div.wall-of-shame .progress {
    background-image: linear-gradient(to bottom, #505565, #505565);
}
.progress .threshold {
    text-shadow: none;
    border-right: 1px solid rgb(77, 82, 98);
    box-shadow: 1px 0 0 #626980;
}
.dashboard .lattice-single-character, .dashboard section.blog a.small-caps, .dashboard section.dashboard-sub-section.forum-topics-list a.small-caps {
    background-image: none;
}
/* bar main */
 .progress .bar span.dark {
    background-color: #93dd00;
    box-shadow: 1px 1px 0 #71aa00;
    text-shadow: none;
}
.progress .bar span.dark:after {
    border-top-color: #93dd00;
}
/* search */
 #search form .search-query {
    background-color: #494d5d;
    color: #e1e1e1;
    border: 1px solid #494d5d;
    text-shadow: none;
}
#search form .search-query:focus, #search form .search-query.focused {
    border-color: #393e4e;
    box-shadow: none;
}
.icon-search {
    color: #e1e1e1;
}
/* main board */
 .dashboard section.progression {
    background-color: rgb(77, 82, 98);
}
.dashboard section.progression {
    box-shadow: 0 1px 0 #393e4e;
}
.progression h3 {
    color: #e1e1e1;
}
.dashboard section.progression hr {
    border-top-color: #4c5161;
}
hr {
    border-top: 1px solid #4c5161;
    border-bottom: 1px solid #616161;
}
.blog.dashboard-sub-section > .see-more > a {
    color: rgb(225, 225, 225) !important;
}
.popover-inner {
    color: rgb(225, 225, 225);
}
.popover .popover-title {
    background-color: rgb(57, 62, 78);
}
.popover.lattice.right .arrow {
    border-right-color: rgba(67, 72, 88, 0.55);
}
.popover.lattice {
    border: 5px solid rgba(67, 72, 88, 0.8);
}
.dashboard-sub-section h3 {
    background-color: rgba(91, 96, 113, 0.82);
}
.kotoba-table-list table tr.none-available div, .dashboard h3.small-caps.invert div.heading-symbol {
    border: 5px solid #e1e1e1;
    box-shadow: none;
}
.dashboard div.heading-symbol {
    box-shadow: none;
}
.kotoba-table-list table tr.none-available {
    background-color: #4d5262;
    color: #e1e1e1;
    text-shadow: none;
}
.dashboard section.dashboard-sub-section div.see-more {
    background-color: #4d5262;
    box-shadow: 0 1px 0 #393e4e;
}
.small-caps.invert {
    background-color: #575c6d;
    background-image: none;
}
/* wall of shame */
 .popover.srs {
    border: 5px solid rgb(97, 97, 97);
}
.popover.srs.right .arrow {
    border-right-color: rgb(97, 97, 97);
}
.progression h3 {
    color: #e1e1e1;
}
.dashboard .lattice-single-character div span {
    color: #e1e1e1;
}
/* forum */
 .forum .forum-topics-list {
    padding-top: 16px;
    background-color: #505565;
    border-radius: 3px;
    /*box-shadow: 1px 1px 0px rgb(57, 62, 78);*/
}
.forum-topics-list table th {
    text-shadow: none;
}
.forum-topics-list table {
    color: #ffffff;
}
.dashboard section.dashboard-sub-section.forum-topics-list table tr:hover {
    background-color: rgb(67, 72, 88);
}
.settings-section {
    box-shadow: none;
    background-color: rgba(80, 85, 101, 1);
}
.account-settings hr {
    border-top: 1px solid #494d5d;
}
header.global-header {
    background: #505565;
    border: none;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .1), 0 2px 2px rgba(0, 0, 0, .25);
}
header.global-header a {
    color: #BCBCBC !important;
}
.sitemap__page–lessons span, .sitemap__page–reviews span {
    background-color: #434858 !important;
}
.sitemap–divider {
    border-color: #bcbcbc;
}
/* Levels, Radicals, Kanji, Vocabulary, Account colour */
 h1, html#public-profile div.wall-of-shame div.title, h2, h3 {
    text-shadow: none;
    color: #aaa
}
.sitemap {
    -webkit-overflow-scrolling: touch;
    background-color: #505565;
    box-sizing: border-box;
}
.sitemap--divider {
    border-top: 1px #bcbcbc50;
}
.sitemap__expandable-chunk--radicals {
    background: #00AAFF;
}
.sitemap__expandable-chunk--kanji {
    background: #FF00AA;
}
.sitemap__expandable-chunk--vocabulary {
    background: #AA00FF;
}
header.global-header a {
    color: #e1e1e1 !important;
}
header.global-header a {
    color: #aaaaaa00 !important;
}
.level-duration {
    color: #9990 !important;
    text-shadow: 0 1px 0 #ffffff;
    margin-top: -7px;
    font-size: 14px;
}
.sitemap__page--subject .sitemap__page-subtitle {
    color: rgb(255, 255, 255);
    display: inline-block;
}
header.global-header a {
    color: #e1e1e1 !important;
}
.level-duration {
    color: #9990 !important;
    text-shadow: 0 1px 0 #ffffff;
    margin-top: -7px;
    font-size: 14px;
}
.navigation-shortcut a {
    align-items: center;
    background: transparent;
    border-radius: 4px;
    border: 2px solid rgba(0, 0, 0, 0.1);
    box-sizing: border-box;
    color: #333;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    font-size: 0.875rem;
    font-weight: 300;
    justify-content: flex-start;
    line-height: 28px;
    margin: 0;
    padding: 0 14px 0 0;
    text-decoration: none;
    text-shadow: 0 1px 0 #fff0;
    transition: border-color 0.2s, background 0.2s;
}
.navigation-shortcut a span {
    background: #a0f;
    border-radius: 4px 0 0 4px;
    color: #fff;
    display: block;
    float: left;
    font-size: 0.75rem;
    font-weight: bold;
    line-height: 32px;
    margin: -2px 12px -2px -2px;
    min-width: 16px;
    padding: 0 8px;
    text-align: center;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0);

}


.sitemap__pages--levels .sitemap__page--current-level a {
    border: 2px solid #0af;
    line-height: 40px;
}
h1, html#public-profile div.wall-of-shame div.title, h2, h3 {
    text-shadow: none;
    color: #0af;
}
#question #question-type.meaning {
    color: #fff;
    text-shadow: -1px -1px 0 rgba(255, 255, 255, 0.1);
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    background-color: #2e2e2e;
    background-image: -moz-linear-gradient(top, #3c3c3c, #1a1a1a);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#505565), to(#494D5D));
    background-image: -webkit-linear-gradient(top, #505565, #494D5D);
    background-image: -o-linear-gradient(top, #3c3c3c, #1a1a1a);
    background-image: linear-gradient(to bottom, #505565, #494D5D);
    background-repeat: repeat-x;
}
#question #question-type.reading {
    color: #ccc;
    text-shadow: -1px -1px 0 rgba(255, 255, 255, 0.1);
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    background-color: #434858;
    background-image: -moz-linear-gradient(top, #3c3c3c, #1a1a1a);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#505565), to(#494D5D));
    background-image: -webkit-linear-gradient(top, #505565, #494D5D);
    background-image: -o-linear-gradient(top, #3c3c3c, #1a1a1a);
    background-image: linear-gradient(to bottom, #505565, #494D5D);
    background-repeat: repeat-x;
}
.ui, .ui-small {
    list-style: none;
    color: rgb(255, 255, 255);
    border-radius: 6px;
    margin: 5px;
    padding: 5px;
    min-height: 30px;
    background: rgba(85, 85, 85, 0);
}
.sitemap__section-header {
    color: #0af;
	text-shadow: 0 1px 0 #000;
}
.sitemap__expandable-chunk:before {
    display: block;
    height: 12px;
    left: 50%;
    margin-left: -6px;
    position: absolute;
    top: -6px;
    transform: rotate(45deg);
    width: 12px;
    z-index: -1;
    border-top: 1px solid #000;
    border-left: 1px solid #000;
   
}
.sitemap__expandable-chunk {
    background: #505565;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
}
header.global-header a {
    color: #0af !important;
}
.sitemap__section-header--subsection {
    color: #999;
    cursor: default;
    font-size: 1rem;
    font-weight: normal;
    letter-spacing: normal;
    margin: 8px 0 13px;
    padding: 0;
    text-shadow: none;
}
header.global-header a {
    color: #e1e1e1 !important;
}
.dashboard section.forecast {
    position: relative;
    padding: 15px 30px;
    background-color: #505565;
    padding: 16px 24px 24px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.dashboard section.dashboard-progress {
    padding: 15px 30px;
    background-color: #505565;
    padding: 16px 24px 12px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.bg-white {
    background-color: #575C6D;
}
.border-gray-100 {
    border-color: #575C6D;
}
.text-black {
    color: #00AAFF;
}
.review-forecast__day-header:after {
    position: absolute;
    margin-left: 12px;
    margin-right: 12px;
    bottom: 0;
    right: 0;
    left: 0;
    border:none;
    border-width: 0 0 1px;
    content:"";
}
.border-gray-200 {
    border-color: #eeeeee4d;
}

section.heatmaps {
    margin-top: 3px;
    padding: 15px 30px;
    background-color: #505565;
    border-radius: 5px;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.7), 2px 2px 2px rgba(0, 0, 0, 0.7) !important;
}
rect[class=" graph-rect"], rect[class=" graph-rect hover_cursor"] {
    fill: #575C6D;
}
section.heatmaps {
    margin-top: 3px;
    padding: 15px 30px;
    background-color: #505565;
    border-radius: 5px;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0), 2px 2px 2px rgba(0, 0, 0, 0) !important;
}
.progress_percentages > div {
    background: #505565 !important;
}
.progress_percentages {
    display: flex;
    height: 28px;
    background: #434343;
    color: #00AAFF;
    line-height: 28px;
    margin-bottom: 0;
    border-radius: 5px;
    text-align: center;
    grid-row: 1;
    grid-column: 1 / span 3;
    margin-top: 15px;
}
.sitemap__expandable-chunk--radicals {
    background: #00AAFF;
}
.sitemap__expandable-chunk--kanji {
    background: #FF00AA;
}
.sitemap__expandable-chunk--vocabulary {
    background: #AA00FF;
}
body {
    background-color: rgb(67, 72, 88);
    background-image: none !important;
    color: #0af;
}
.additional-info h3, .small-caps {
    color: #0af;
}
.audiopronunciations-component {
    font-family: Ubuntu, Helvetica, Arial, sans-serif;
    font-size: 16px;
    color: #0af;
}
body {
    background-color: rgb(67, 72, 88);
    background-image: none !important;
    color: white;
}
.bg-gray-300 {
    background-color: #494D5D;
}
.review-forecast__bar {
    background: #0af;
}
.dashboard section.dashboard-progress, .dashboard section.forecast, .dashboard section.newbie, .dashboard section.upgrade, .dashboard section.system-alert, .dashboard section.alert-where-user-scripts-cant-ignore {
    -webkit-box-shadow: 0 1px 0 #fff;
    -moz-box-shadow: 0 1px 0 #50556f;
    box-shadow: 0 1px 0 #505565;
}
.-mt-2 {
    margin-top: -11px;
}
.dashboard section.srs-progress {
    color: rgb(225, 225, 225) !important;
    box-shadow: inset 0px 10px 0px 0px rgba(0, 0, 0, 0.0) !important;

}
#reviews-summary #correct h2 {
    background-color: #00AAFF;
}
.progress-entry.pct90 {
    background: #575C6D;
    border-radius: 0;
    border-color: #777;
    border-style: solid;
    border-width: 1px 0;
    padding-top: 3px;
    padding-bottom: 3px;
}
.popover {
    padding: 0;
    width: 236px;
    background-color: #424242;
    border: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}
.popover .arrow, .popover .arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: none;
}
#timeline svg .bkgd {
    fill: #505565;
}
#lesson #supplement-nav {
    padding: 20px;
    background-color:#505565;
    font-weight: 300;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
}
#lesson #supplement-nav ul li.active:before {
    border-color: #9300dd00 #9300dd00 rgba(0, 0, 0, 0.29) rgba(255, 255, 255, 0);
}
#additional-content ul li.active:before {
    border-color: #9300dd00 #9300dd00 rgba(0, 0, 0, 0.29) rgba(255, 255, 255, 0);
}
#additional-content ul li.active i {
    color: #393e4e;
}

#lesson #supplement-nav ul {
    counter-reset: menuItem;
    margin: 0;
    padding: 0;
    color:#0af;
    text-align: center;
}
#supplement-voc-breakdown ul li a, #item-info #related-items a, #item-info #related-items a:active, #item-info #related-items a:hover, #item-info #related-items a:visited, #item-info h2, #item-info #all-info:hover, .active, #kana-chart ul li span {
    color: #0af !important;
}
#additional-content ul li span {
    background-color: rgb(67, 72, 88) !important;
    box-shadow: 3px 3px 0 rgb(57, 62, 78) !important;
    color: #0af !important;
}
.audio-btn.audio-idle:before {
    color: #0af !important;
}
.audio-btn.audio-idle:after {
    color: #0af !important;
}
#additional-content ul li:not(#option-audio) span:hover:before {
    background-color: rgb(77, 82, 98) !important;
    box-shadow: 3px 3px 0 rgb(57, 62, 78) !important;
    color: #0af !important;
}
#supplement-voc-breakdown ul li a, #item-info #related-items a, #item-info #related-items a:active, #item-info #related-items a:hover, #item-info #related-items a:visited, #item-info h2, #item-info #all-info:hover, .active, #kana-chart ul li span {
    color: #0af !important;
}
#kana-chart ol li {
    width: 10%;
    padding: 0.6em 0 0.4em;
    color: #0af;
    border-bottom: 3px solid transparent;
}
#kana-chart ol li, #kana-chart ul li {
    display: inline-block;
    color: #0af;
}
#kana-chart ol li.active {
    border-bottom: 3px solid #393e4e;
}
#timeline {
    fill: #0af

}
:root {
    --foo:"/*[[setting name]]*/";
}
div {
    property: var(--foo);
}
#item-info blockquote {
    margin: 1em 0 0;
    padding: 10px;
    background-color: #515668;
    color: #eee;
}
#reviews-summary #review-stats[id*="review-stats-"] {
    box-shadow: 3px 3px 0 rgb(57, 62, 78);
}
#reviews-summary #review-stats[class*="pure-u-"]:first-child[id*="review-stats-"]:after {
}
#progress-bar #bar {
    background-color: #0af;

}
#reviews-summary #incorrect h2 {
    background-color: #ff0058;
}
#search form .search-query {
    background-color: #494d5d;
    color: #e1e1e1;
    border: 1px solid #494d5d;
    text-shadow: none;
    box-sizing: border-box;
    border: 1px solid #d5d5d5;
    border-color: #515668;
}
.icon-search {
    color: #0af;
}

#reviews-summary #review-stats [id*="review-stats-"] {
    position: relative;
    background-color: #fff;
    text-align: center;
    -webkit-box-shadow: 3px 3px 0 #e1e1e1;
    -moz-box-shadow: 3px 3px 0 #e1e1e1;
     box-shadow: 3px 3px 0 rgb(57, 62, 78) !important;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
}

item[id^=level-] {
    background: #494d5d;
    color:  #0af;
}


element.style {
    border-radius: 6px;
    padding: 5px;
    color: #0af;
    background: #494d5d;
	
}

form label {
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color:  #0af
}

#timeline > h4 {
    color:   #0af;
}  

.forecast * {
    color:   #0af;
}  
select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
   
    color: #0af;
}

#timeline .bar_style select {
    height: auto;
    padding: 0;
    width: auto;
    vertical-align: baseline;
    background-color: #494d5d;
    border: 1px solid #515668;
    border-radius: 2px;
}

#timeline .bar_style label {
    color:#2f323d
}

.progress-bar__label {
    color:  #0af;
}

#timeline {
    margin-bottom: 0px;
    border-bottom: 0px solid #d4d4d4;
      color:   #0af;
}
    

.kotoba-table-list table tr.none-available div, .dashboard h3.small-caps.invert div.heading-symbol {
    border: 5px solid #0af;
}
.dashboard h3.small-caps.invert div.heading-symbol i:before {
    color: #0af;
}

.small-caps.invert {
    padding-bottom: 15px;
    color: #0af;
}

:not(.span6) > .forum-topics-list table td, :not(.span6) > .forum-topics-list a {
    color: #0af !important;
}
.review-status, header p, .standard p, .standard ol, :not(.span6) > .forum-topics-list table td, :not(.span6) > .forum-topics-list a, .span6 .small-caps:not(.see-more), .topic-title:not(.forum-topics-list):not(.dashboard-sub-section), .icon-pushpin, br + a:not(.forum-topics-list):not(.dashboard-sub-section), .timeago:not(.forum-topics-list):not(.dashboard-sub-section) {
    color: #0af !important;
    text-shadow: 0 1px 0 rgb(57, 62, 78) !important;
}



#reviews-summary #review-stats .review-stats-value {
    color:   #0093dd

}

#reviews-summary #incorrect .apprentice h3, #reviews-summary #incorrect .guru h3, #reviews-summary #incorrect .master h3, #reviews-summary #incorrect .enlightened h3, #reviews-summary #incorrect .burned h3, #reviews-summary #correct .apprentice h3, #reviews-summary #correct .guru h3, #reviews-summary #correct .master h3, #reviews-summary #correct .enlightened h3, #reviews-summary #correct .burned h3 {
    margin: 0 0 1.5em;
    color: #a2a2a2;
    font-weight: 400;
    line-height: 1em;
    border-bottom: 2px solid rgb(57, 62, 78);
}


.heatmaps .stat {
    color: #0af;
}


.heatmaps .year span {
    color: #0af;
}
   
.heatmaps .graph-label {
    fill: #0af !important;
}



.dashboard section.dashboard-sub-section a.small-caps {
     color: #0af;
}


.highlight-radical {
    cursor: help;
    padding: 1px 4px;
    color: #fff;
    text-shadow: 0 1px 0 rgba(0,0,0,0.2);
    white-space: nowrap;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 -2px 0 rgba(0,0,0,0.2) inset;
    -moz-box-shadow: 0 -2px 0 rgba(0,0,0,0.2) inset;
    box-shadow: 0 -2px 0 rgba(0,0,0,0.2) inset;
}

.highlight-kanji {
    cursor: help;
    padding: 1px 4px;
    color: #fff;
    text-shadow: 0 1px 0 rgba(0,0,0,0.2);
    white-space: nowrap;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 -2px 0 rgba(0,0,0,0.2) inset;
    -moz-box-shadow: 0 -2px 0 rgba(0,0,0,0.2) inset;
    box-shadow: 0 -2px 0 rgba(0,0,0,0.2) inset;
}

.highlight-vocabulary {
   cursor: help;
    padding: 1px 4px;
    color: #fff;
    text-shadow: 0 1px 0 rgba(0,0,0,0.2);
    white-space: nowrap;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 -2px 0 rgba(0,0,0,0.2) inset;
    -moz-box-shadow: 0 -2px 0 rgba(0,0,0,0.2) inset;
    box-shadow: 0 -2px 0 rgba(0,0,0,0.2) inset;
}

body {
    color: #0af;
}
#loading {
   
    background-image: url(https://global.discourse-cdn.com/wanikanicommunity/original/3X/1/a/1a1f2d421dcfaa60618d25fab9c4d6c7f28c6a85.png);
    
}

#answer-exception span {
    
    background-color: #494d5d;
    color: #0af;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    box-shadow: 3px 3px 0 #393e4e;
}

#answer-exception span:before {
border-color: #9300dd00 #9300dd00 rgba(0, 0, 0, 0.29) rgba(255, 255, 255, 0);
}

.user-synonyms ul li.user-synonyms-add-btn:before {
    content: '+ ADD SYNONYM';
    margin-right: 0.5em;
    padding: 0.15em 0.3em;
    background-color: #4d5262;
    color: #a2a2a2;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    box-shadow: 3px 3px 0 #393e4e;
}
.user-synonyms ul li.user-synonyms-add-btn:hover:before {
    content: '+ ADD SYNONYM';
    margin-right: 0.5em;
    padding: 0.15em 0.3em;
    background-color: #4d5262;
    color: #0af;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    box-shadow: 3px 3px 0 #393e4e; 
}

.user-synonyms ul li.user-synonyms-add-form form input {
    background-color: #515668;
    text-shadow: -1px -1px 0 rgba(255, 255, 255, 0.1);
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
   
}

.user-synonyms ul li.user-synonyms-add-form form button {
        margin-right: 0.5em;
    padding: 0.15em 0.3em;
    background-color: #4d5262;
    color: #0af;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    box-shadow: 3px 3px 0 #393e4e
}                                            

footer ul li:last-child {
    padding: 10px 15px;
    background-color: rgba(0, 170, 255, 0.6);
    text-align: right;
}

#item-info h2 {
    border-bottom: 1px solid #eeeeee4d;
}

.wk_keisei .keisei_phonetic_grid {
    
    border-bottom: 1px solid #eeeeee4d;
}

#item-info blockquote {
    color: #0af;
}

.context-sentence-group p:not([lang="ja"]):not(:hover) {
    background-color: #434858;
    color: #434858;
    text-shadow: none;
}

#lesson #supplement-info blockquote {
    background-color: rgb(81, 86, 104) !important;
    color: #0af !important;
}

#lesson #supplement-info h2 {
   border-bottom: 1px solid #eeeeee4d;
}

.standard h2 {
    padding-bottom: 0.25em;
    border-bottom: 1px solid #eeeeee4d;
}

#progress div.srs {
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-align: right;
    text-shadow: 0 1px 0 #0af;

    
}

.dashboard section.dashboard-progress {
    
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    
}                  

.dashboard section.forecast {
    
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    
}    

.lessons-and-reviews__button {
    
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
  

}



.dashboard section.srs-progress ul li {
    
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    

}

section.heatmaps {
        border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
   



}
    
.dashboard section.dashboard-sub-section div.see-more {
  
    border-bottom: 1px solid #000;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
   
                    
}

.dashboard-sub-section h3 {
    
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
   


}

.forum-topics-list table tbody td:last-child {
    
    border-right: 1px solid #000;
    
}

.forum-topics-list table tbody td:first-child, .forum-topics-list table tbody th:first-child {
     border-left: 1px solid #000;
    
}

.sitemap__expandable-chunk {
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
  

}

.sitemap__expandable-chunk--levels:before {
background: #505565;
}


.sitemap__expandable-chunk--account:before {
background: #505565;

}

.forum-topics-list table tbody tr:nth-child(2n) td hr {
    margin: 0;
    border-top-color: #eeeeee4d;
}

.dashboard section.dashboard-progress, .dashboard section.forecast, .dashboard section.newbie, .dashboard section.upgrade, .dashboard section.system-alert, .dashboard section.alert-where-user-scripts-cant-ignore {
   
box-shadow:none;

}

.bg-green {
    background-color: #0af;
}

.bg-gray-400 {
    background-color: #bdbdbd;
}

#answer-form fieldset.correct button {
    background-color: #4a4f5f !important;
}

#answer-form fieldset.correct input[type=text], #answer-form fieldset.correct input[type=text]:disabled {
    background-color: #0af !important;
}

#answer-form fieldset.correct button {
    color: #000;
    -webkit-text-fill-color: #000;
    

}

#answer-form fieldset.incorrect button {
    background-color: #4a4f5f !important;
}

#answer-form fieldset.incorrect input[type=text], #answer-form fieldset.incorrect input[type=text]:disabled {
    background-color: #ff0058 !important;
}

#answer-form fieldset.incorrect button {
    color: #000;
    -webkit-text-fill-color: #000;
    
}


#answer-form input[type=text] {
background-color: #515668;
 text-shadow: -1px -1px 0 rgba(255, 255, 255, 0.1);
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
}        

#answer-form button {
background-color: #4a4f5f;
    color: #000;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
}

.individual-item .user-synonyms ul li.user-synonyms-add-btn:before {
    content:'+ ADD SYNONYM';
    margin-right: 0.5em;
    padding: 0.15em 0.3em;
    background-color: #4d5262;
    color: #a2a2a2;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
}
.individual-item .user-synonyms ul li.user-synonyms-add-btn:hover:before {
    content:'+ ADD SYNONYM';
    margin-right: 0.5em;
    padding: 0.15em 0.3em;
    background-color: #4d5262;
    color: #0af;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
}
.individual-item .user-synonyms ul li.user-synonyms-add-form form input {
    background-color: #515668;
    text-shadow: -1px -1px 0 rgba(255, 255, 255, 0.1);
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
}
.individual-item .user-synonyms ul li.user-synonyms-add-form form button {
    margin-right: 0.5em;
    padding: 0.15em 0.3em;
     background-color: #4d5262;
    color: #a2a2a2;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
}
.individual-item .user-synonyms ul li:not(.user-synonyms-add-btn):not(.user-synonyms-add-form):not(.user-synonyms-read-only):after {
    margin-right: 0.5em;
    padding: 0.15em 0.3em;
    background-color: #4d5262;
    color: #0af;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
}

.individual-item .user-synonyms ul li.user-synonyms-add-form form button:hover {
    background-color: #4d5262;
    color: #0af;
}

.individual-item .user-synonyms ul li.user-synonyms-add-form form button[type=button]:hover {
    background-color: #fffaf0;
    background-color: #4d5262;
}

.user-synonyms ul li.user-synonyms-add-btn:before {
    content:'+ ADD SYNONYM';
    margin-right: 0.5em;
    padding: 0.15em 0.3em;
    background-color: #4d5262;
    color: #a2a2a2;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
}

.user-synonyms ul li.user-synonyms-add-btn:hover:before {
    content:'+ ADD SYNONYM';
    margin-right: 0.5em;
    padding: 0.15em 0.3em;
    background-color: #4d5262;
    color: #0af;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
}
.user-synonyms ul li.user-synonyms-add-form form input {
    background-color: #515668;
    text-shadow: -1px -1px 0 rgba(255, 255, 255, 0.1);
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
}
.user-synonyms ul li.user-synonyms-add-form form button {
    margin-right: 0.5em;
    padding: 0.15em 0.3em;
    background-color: #4d5262;
    color: #a2a2a2;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
}
.user-synonyms ul li:not(.user-synonyms-add-btn):not(.user-synonyms-add-form):not(.user-synonyms-read-only):after {
    color: #0af;
    margin-right: 0.5em;
    padding: 0.15em 0.3em;
    background-color: #4d5262;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
}

.user-synonyms ul li:not(.user-synonyms-add-btn):not(.user-synonyms-add-form):hover:after {
    background-color: #4d5262;
    color: #f04;
}

.user-synonyms ul li.user-synonyms-add-form form button[type=button]:hover {
    background-color: #4d5262;
    color: #f04;
}

.user-synonyms ul li.user-synonyms-add-form form button:hover {
    background-color:  #4d5262;
    color: #0af;
}

.individual-item .user-synonyms ul li:not(.user-synonyms-add-btn):not(.user-synonyms-add-form):not(.user-synonyms-read-only):hover:after {
    background-color: #4d5262;
     color: #f04;
}

.individual-item .alternative-meaning {
    color: #0af;
}

html#main .additional-info, html#public-profile .additional-info {
    color: #0af;
	 border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
}

section[id|=level] header h2 {
    color: #0af;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
}

.page-list ul > li > a, .page-list ul > li > span, .account-billing-payment-information .account-subscription-payment-submit button {
    border: 1px solid #000 !important;
}	

.additional-info.legend span {
	  border: 1px solid #000 !important;
	
	
}

.progress .bar {
   
    background-image: linear-gradient(to bottom, #0af, #333);
}

.progress .bar span {
    display: inline-block;
    position: relative;
    float: right;
    margin-top: -2.3em;
    margin-right: 5px;
    padding: 2px 6px;
    background-color: #0af;
    color: #fff;
    font-size: 11px;
    line-height: 1.5em;
    -webkit-box-shadow: 1px 1px 0 #71aa00;
    -moz-box-shadow: 1px 1px 0 #71aa00;
    /* box-shadow: 1px 1px 0 #71aa00; */
    text-shadow: 0 1px 0 rgba(0,0,0,0.2);
    vertical-align: middle;
	border: 1px solid #000 !important;
	
}

.progress .bar span:after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    width: 0;
    height: 0;
    margin-left: -10px;
    border: 10px solid transparent;
    border-top-color: #0af;
    border: 1px solid #000 !important;
}

.progress .bar span {
   
    -webkit-box-shadow: 0px 0px 0 #71aa00;
}

.character-item {
  outline: 1px solid #000 !important;
	
}

#reviews #information {
    padding: 20px;
    background-color: #434858 !important;
    font-weight: 300;
    border: 1px solid #000 !important;
}

#kana-chart ol {
    border-bottom: 1px solid #393e4e;
}

#kana-chart ul li {
    border-right: 1px solid #393e4e;
}


#last-items #last-items-list>.pure-u-1>ul>li {
    border: 1px solid #000 !important;
   
}



#last-items #last-items-list>.pure-u-1>ul>li ul {
    margin: 0;
    padding: 0;
    background-color:#505565;
}


#last-items #last-items-list>.pure-u-1>ul>li ul li {
    color: #eee;
}	

#last-items #last-items-list>.pure-u-1>ul>li ul li:nth-child(2):before, #last-items #last-items-list>.pure-u-1>ul>li ul li:nth-child(3):before, #last-items #last-items-list>.pure-u-1>ul>li ul li:last-child:before {
    margin-right: 0.5em;
    color: #0af;
}



.page-list ul>li.page-list-header>span {
    color: #0af;
}


.page-list ul > li > a, .page-list ul > li > span, .account-billing-payment-information .account-subscription-payment-submit button {
   color: #0af;
}

.kotoba-table-list table td {
border: 1px solid #000 !important;
}

#item-info blockquote {
border: 1px solid #000 !important;
}



.progress-bar__label {
    color: #fff;
}

#additional-content ul li span:hover:before {
outline: 1px solid #0af !important;
}

#additional-content ul li.disabled span:hover:before {
	outline: 1px solid #000 !important;
}

#additional-content ul li.disabled span {
	outline: 1px solid #000 !important;
}

#additional-content ul li span {
    background-color: rgb(67, 72, 88) !important;
	outline: 1px solid #000 !important;
}	

#additional-content ul li span:before {
outline: 1px solid #000 !important;
}


[class^="note-"] form fieldset {
  outline: 1px solid #000 !important;
    background-color: #434858;
   
}

[class^="note-"] form fieldset button {
    outline: 1px solid #000 !important;
    background-color: #434858;
    color: #0af;
}

#supplement-voc-breakdown ul li a, #item-info #related-items a, #item-info #related-items a:active, #item-info #related-items a:hover, #item-info #related-items a:visited, #item-info h2, #item-info #all-info:hover, .active, #kana-chart ul li span {
    color: #ccc !important;
}

#lesson #supplement-info blockquote {
   outline: 1px solid #000 !important;
   background-color: #4d5262;
    
}

#lesson #supplement-info h2 {
     color: #ccc !important;
}

#supplement-voc-breakdown ul li a, #item-info #related-items a, #item-info #related-items a:active, #item-info #related-items a:hover, #item-info #related-items a:visited,  #item-info #all-info:hover, .active, #kana-chart ul li span {
    color: #0af !important;
}

.wk_keisei ul.single-character-grid li.character-item a, .wk_keisei ul.multi-character-grid li.character-item a {
 outline: 1px solid #000 !important;
}

.wk_keisei .btn-group>.btn, .wk_keisei .btn-group>.dropdown-menu, .wk_keisei .btn-group>.popover {
outline: 1px solid #000 !important;
}

h1, html#public-profile div.wall-of-shame div.title, h2, h3 {
    text-shadow: none;
    color: #ccc;
}

ul.alt-character-list a {
    color: #0af;
}

 h3 {
    color: #ccc;
}

#question #question-type h1 {
	    color: #0af;
	
}

#loading-screen {
   
    background-image: url(https://global.discourse-cdn.com/wanikanicommunity/original/3X/1/a/1a1f2d421dcfaa60618d25fab9c4d6c7f28c6a85.png);

}


#lessons #information {
    background-color: #434858 !important;
    box-shadow: 3px 3px 0 rgb(57, 62, 78) !important;
	border: 1px solid #000 !important;
	
}

[class^="note-"] form fieldset textarea {
	-webkit-text-fill-color: #ccc
}

[class^="note-"] {
	color:  #ccc
}

[class*="-icon"] {
	outline: 1px solid #000 !important;
}

h1, html#public-profile div.wall-of-shame div.title, h2, h3 {
    text-shadow: none;
    color: #0af;
}

#quiz #question-type.reading {

    color: #ccc;
    text-shadow: -1px -1px 0 rgba(255, 255, 255, 0.1);
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    background-color: #434858;
    background-image: -moz-linear-gradient(top, #3c3c3c, #1a1a1a);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#505565), to(#494D5D));
    background-image: -webkit-linear-gradient(top, #505565, #494D5D);
    background-image: -o-linear-gradient(top, #3c3c3c, #1a1a1a);
    background-image: linear-gradient(to bottom, #505565, #494D5D);
    background-repeat: repeat-x;
}

h1, html#public-profile div.wall-of-shame div.title, h2, h3 {
    text-shadow: none;
    color: #ccc;
}

.srs .srs-up {
    background-color: #0af;
    color: #006090;
	border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
}

.srs .srs-down {
    background-color: #ff0058;
    color: #960034;
	border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
	
	
}

#guesses > a > *, #guesses > a::after {
    background-color: #434858;
	color: #0af;

}

#guesses > a::before {
    background-color: #434858;
	color:#a2a2a2;
	
}

#guesses > a.show > *, #guesses > a.show::after {
    background-color: #434858;
	color: #0af;
}

#guesses > a.show > *, #guesses > a.show:before {
    background-color: #434858;
}

#main .progress {
    background-color: rgb(77, 82, 98);
	border: 1px solid #000 !important;
}

#progress {
    background-color: rgb(67, 72, 88) !important;
}

#question #character.kanji {
	border-top: 1px solid #000;
}

#question #character.vocabulary {
	border-top: 1px solid #000;
}

#question #character.Radical {
	border-top: 1px solid #000;
}

#question #character.Radicals {
	border-top: 1px solid #000;
}

Updated 2020/11/17

18 Likes
2

The style was deleted by its author, SaruOu2. The reason given was “accidental double uploaded”

Link leads to a style that can’t be installed.

1 Like
3

Just updated the link. please try again :slight_smile:

2 Likes
4

A less bright color scheme like this might get me to crack and finally figure out what a userscript is and how to use it.

3 Likes
5

Sorry to crack your crack but this is a userstyle

7 Likes
6

Thanks for this, I’ve been looking for the right dark theme forever.
Just one thing I noticed, I have a few scripts running for WK but I can’t seem to access them on the account drop down menu for the Scripts Settings, nothing happens when I click on settings.
image
I normally see this:
image

2 Likes
7

I just fixed it. I changed some of the blue txt to white to make radicals easier to see. I can change it back if you think it looks better? maybe I can change the Radical square to a different color?

8

Just updated it! it looks a lot better now. :slight_smile:

1 Like
9

That does look better.
But the side menu for my scripts still doesn’t show when I’ve got this theme on.
Thanks for all the work you put in, I really appreciate it. ^o^/
image

1 Like
10

Yes it dose show. I just tried it. Did you uninstall the theme and then reinstall?

menu
menu681×657 40 KB

1 Like
12

Ah right, I feel silly now. I just assumed it would automatically update.
Yup that did the trick. Thanks for your help.
:+1:t2:

1 Like
13

Hi Saruou. I didn’t notice this before but when I hover over a radical/kanji on the dashboard the little pop window doesn’t show the information.
Sorry if I’m making more work for you and thank again.

image
image

1 Like
14

That doesn’t happen for me. do you have another theme also installed?
Are you using Stylish to run the theme? if so make sure you switch the other ones off.

let me know if this helps.

Thanks

image
image762×135 5.97 KB

image
image264×565 39.8 KB

1 Like
15

So I have to download the program and it’ll let me choose this just for WK?

16

You don’t have to download it. what are you using at the moment to run the theme?

17

I dont have it installed, I just wasnt sure how to add it, but it looks a lot cooler. Sorry ^^"

1 Like
18

LMAO sorry I got you confused with the wrong guy… :sweat_smile:

When you click the link there should be an install button. that I think will tell you which program you can use to install the theme. Website Themes & Skins by Stylish | Userstyles.org

image
image785×657 147 KB

1 Like
19

Downloaded, looking good, thanks :smiley: . I was wondering if you knew how to fix this part, where there is still white?

White space
White space948×274 41.3 KB

I was also wondering if you would consider dulling/complimenting the pink lessons/kanji box color and blue review/radical color as the regular color is a little too vibrant now in contrast with the dark mode? I don’t know much about programming userstyles though so unsure how hard that would be

Another example of brightness, here the blue and pink but also the red and green bar (pay no attention to my bad vocab run LOL)

bright red and green
bright red and green1886×394 26.9 KB

1 Like
20

image
image1200×832 93 KB

This is how it looks on mine. I don’t have any white boxes like that. did you have any previous themes installed? this can happen if your running two themes at once.

also try turning all your scripts off and see if that changes anything?

I like the colours. but if you want I can tweak the colours for you. if you give me an example of what colours you want i’ll make you a custom theme.

Thanks

21

I changed the review summary colours to something more aesthetically pleasing.

image
image1601×624 27.2 KB

Please uninstall the theme and reinstall to see changes.

Thanks

update

OK I just tweaked the color of the Answered Incorrectly button to be a little more red so it stands out more.

image
image1877×416 14.7 KB

1 Like