Using Ninchanese

Get to know the basics and a few helpful tips along the way!
Don’t hesitate to contact us if you don’t find the answer to your question.

Using Dark Mode on Ninchanese

 

If you want to use Dark Mode right away, it’s possible to do it with a little add on to chrome. StyleBot is an add-on that will change the CSS (the styling), and so you can change the font. Once you’ve installed the add on,  you can use this code directly:

.theme-desktop {
background: #1f2935;
}

.top {
background-color: #455363;
}

a.nav-main-entry {
border-bottom: 2px solid #fff;
border-top: 2px solid #455363;
color: #eee;
}

.logo-title, #top .title {
color: #eee;
}

.bloc, .bloc-admin {
background: #455363;
color: #eee;
}

.default-font-color {
color: #eee;
}

.bg-highlight {
background: #414d5a;
}

#footer {
background-color: #455363;
}

#top, .alert {
background-color: #455363;
}

#notif, #profile {
background: #455363;
}

.bg-white {
background: #455363;
}

.level-world {
color: #eee;
}

.bg-grey-highlight {
background: #414d5a;
}

.default {
color: #eee;
}

.stage-highlight .stage-preview {
background: #1f2935;
}

.content {
color: #eee;
}

.stage-list .stage {
background: #1f2935;
color: #eee;
}

.world-stats {
background-color: #455363;
}

.stage-summary-footer {
background-color: #1f2935;
}

.stage-summary .stage-summary-actions {
background: #455363;
}

#leaderboard-focus, .word-list .word-list-entry:nth-child(even) {
background-color: #414d5a;
}

.word-list .word-list-entry a {
color: #eee;
}

#ex-hdr {
background-color: #455363;
}

#ex-content, #ex-error-container {
background: #455363;
}

#response-container {
background-color: #414d5a;
}

.chinois, .chinois-ex, .chinois-mid {
color: #eee;
}

.wi .wi-help {
color: #eee;
}

.wi input.active {
background-color: #455363;
}

#game-finished section.game-finished-scoreboard {
background-color: #455363;
}

#game-finished section.game-finished-details article, #game-finished section.game-finished-points article, #game-finished section.game-finished-scoreboard article {
color: #eee;
}

body, button, html, input, select, textarea {
color: #eee;
}

.game-grammar #grammar-drop {
background-color: #414d5a;
}

.game-grammar .column {
color: #eee;
}

.result-table .error-entry {
border: 1px solid #455363;
}

.result-table .error-entry .error-false {
border-top: 1px solid #414d5a;
}

.mfp-content {
}

#footer a, #footer a:visited {
color: #14b9d5;
}

.game-grammar .column p {
background: #414d5a;
}

#navigation .nav-icon {
color: #ccc;
}

.popup_block header {
background-color: #455363;
}

#notif-icon {
color: #ccc;
}

#btn-search {
color: #ccc;
}

.box-focus {
background-color: #414d5a;
}

.activities {
color: #eee;
}

#challenge-new {
background-color: #455363;
}

.challenge-social .challenge-social-entry {
color: #eee;
}

#stats, .ombre {
background: #455363;
}

#challenge-instructions {
color: #eee;
}

.popup {
background: #455363;
color: #eee;
}

#pinyin {
width: 100%;
background-color: #414d5a
;
}

.challenge-background {
background-image: url(../img/challenge/background-challenge.jpg);
background-position-y: 100%;
}

.markdown {
background: #455363;
color: #eee;
}

.plan-info {
background-color: #414d5a;
}

.plan {
color: #eee;
}

.plan-price .plan-price-info {
color: #eee;
}

.plan-price {
color: #eee;
}

.plan-subscription {
color: #eee;
}

.input {
color: #eee;
background-color: #414d5a;
}

input, select {
color: #aaa ;
}

.row .col-4, .row .col-md-4 {
width: 24.333333%;
}

.nni-background {
min-width: 5000px;
}

.popup_block {
background: #455363;
}

This code will change the Ninchanese color to suit a Dark Mode mood.

NinchaneseDark Mode