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

Card Design
1

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; *
*    }*
2

add the following code:

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

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

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