dark mode text color ("hyperlink")

[frosty fossil]

.card.nightMode

.card.nightMode .hanzi
maybe?

hmm I guess I should use .card

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

.pinyin{ word-wrap: break-word; font-family: arial;  font-size: 28px; font-weight: bold; text-decoration: none;float: bottom;display: block;}

.pinyin2{ word-wrap: break-word; font-family: arial;  font-size: 26px; text-decoration: none;}


//new custom for hanzi 1st field symbol/letter
.hanzi{ word-wrap: break-word; font-family: SimSun; color: black; font-size: 42px; text-decoration: none;}





.notes{ font-family: Open Sans, sans;
    font-size: 15px; 
    text-align: center; 
    line-height: 1.6em;
    
    color: var(--col_font); 
    background-color: var(--col_background); 
    
    --a-color: var(--blue);
    
    --extra-color: var(--col_comments);
    --context-color: var(--col_emphazised);}

.strokeOrder{ text-align: center; font-family: CNstrokeorder; color:#002626   ;  font-size: 200px;text-decoration: none;}

.tone1 {color: green;}

.tone2 {color: blue;}

.tone3 {color: red;}

.tone4 {color: black;}

.tone5 {color: gray;}

[rugged cypress]

//new custom for hanzi 1st field symbol/letter
.hanzi{ word-wrap: break-word; font-family: SimSun; color: black; font-size: 42px; text-decoration: none;}

Uh... it looks like you're literally telling it to be black? Assuming that the hanzi class applies to your hanzi field.

I feel like there are three options here:

1. Tell it to be white.
2. Don't tell it what color to be (will probably be blue, as a link?)
3. Use .nightMode .hanzi to define it as **color:white **when night mode is enabled.

[frosty fossil]

that's part of why I got so confused.

1. why would it be blue.. I thought night mode automatically converted black to white.

maybe it's because of the way it uses websites for information

ahh there was a "DarkSlateGray" hidden outside the styling, my bad!

I guess hyperlinks don't play any role