Anki Forums

How to change color for day mode vs. night mode?

Hi guys, I’m trying to figure out how to change my cloze font color so that in night mode it displays bold yellow but on day mode it displays default cloze settings. I currently am only getting things to work on night mode but when I turn it off and resume day mode the cloze color is still yellow which is hard to see. Is there any workaround?

Here is my styling code:

    *@import url("_editor_button_styles.css");*

*    .card {*
*     font-family: arial;*
*     font-size: 30px;*
*     text-align: center;*
*     color: black;*
*     background-color: white;*
*    }*

*    .nightMode .myclass {*
*      color: white;*
*    }*


*    .nightMode b, .night_mode b {*
*        color: yellow;*
*    }*

*    .night_Mode b, .cloze {*
*         color: yellow!important;*
*         font-weight: bold; *
*    }*

add the following code:

.cloze {
font-weight: bold;
color: blue;
}

.nightMode .cloze {
font-weight: bold;
color: yellow;
}
2 Likes

This worked perfectly. Thank you so much for all of your help. You are amazing!