# Different Cloze Color for Night Mode (Desktop)

**URL:** <https://forums.ankiweb.net/t/different-cloze-color-for-night-mode-desktop/7194>\
**Category:** Suggestions\
**Created:** [February 3, 2021, 8:55pm UTC](https://forums.ankiweb.net/t/different-cloze-color-for-night-mode-desktop/7194 "2021-02-03T20:55:32Z")\
**Posts on this page:** 10\
**Page:** 1

<div class="post-metadata">

**Author:** ![Skylar](https://avatars.discourse-cdn.com/v4/letter/s/b487fb/32.png) [@Skylar](https://forums.ankiweb.net/u/Skylar)\
**Post date:** [February 3, 2021, 8:55pm UTC](https://forums.ankiweb.net/t/different-cloze-color-for-night-mode-desktop/7194/1 "2021-02-03T20:55:32Z")

</div>

Hello,  
could you add an option to change the cloze color in night mode or set it to something better visible with the dark background? The navy blue is really aggressive and hard to see

Cheers

---

<div class="post-metadata">

**Author:** ![khs](https://sea2.discourse-cdn.com/flex002/user_avatar/forums.ankiweb.net/khs/32/3012_2.png) [@khs](https://forums.ankiweb.net/u/khs)\
**Post date:** [February 3, 2021, 9:12pm UTC](https://forums.ankiweb.net/t/different-cloze-color-for-night-mode-desktop/7194/2 "2021-02-03T21:12:27Z")

</div>

You could change it directly in the Cloze card Styling section, assuming you always use it in night mode:

.cloze {  
font-weight: bold;  
color: orange;  
font-size: 23px;  
}

---

<div class="post-metadata">

**Author:** ![Skylar](https://avatars.discourse-cdn.com/v4/letter/s/b487fb/32.png) [@Skylar](https://forums.ankiweb.net/u/Skylar)\
**Post date:** [February 3, 2021, 9:27pm UTC](https://forums.ankiweb.net/t/different-cloze-color-for-night-mode-desktop/7194/3 "2021-02-03T21:27:44Z")

</div>

Thanks that worked perfectly!  
An option button for the average user would still be nice 🙂

For anyone stumbling across this:  
Anki \> Tools \> Manage Note Types \> Cloze \> Cards… \> Styling change the color!  
[grafik|690x328](https://forums.ankiweb.net/uploads/short-url/topBpby9Ti59HVozATIkCwT6CQZ.png)

---

<div class="post-metadata">

**Author:** ![khs](https://sea2.discourse-cdn.com/flex002/user_avatar/forums.ankiweb.net/khs/32/3012_2.png) [@khs](https://forums.ankiweb.net/u/khs)\
**Post date:** [February 3, 2021, 9:57pm UTC](https://forums.ankiweb.net/t/different-cloze-color-for-night-mode-desktop/7194/4 "2021-02-03T21:57:49Z")

</div>

I don’t know if there’s a specific css tag for knowing if the UI is in night mode or day mode but if so, the default Cloze tag should switch the font color based on that.

---

<div class="post-metadata">

**Author:** ![dae](https://sea2.discourse-cdn.com/flex002/user_avatar/forums.ankiweb.net/dae/32/65_2.png) [@dae](https://forums.ankiweb.net/u/dae)\
**Post date:** [February 4, 2021, 10:58am UTC](https://forums.ankiweb.net/t/different-cloze-color-for-night-mode-desktop/7194/5 "2021-02-04T10:58:35Z")

</div>

The default cloze styling contains:

```css
.nightMode .cloze {
 color: lightblue;
}

```

---

<div class="post-metadata">

**Author:** ![khs](https://sea2.discourse-cdn.com/flex002/user_avatar/forums.ankiweb.net/khs/32/3012_2.png) [@khs](https://forums.ankiweb.net/u/khs)\
**Post date:** [February 4, 2021, 9:25pm UTC](https://forums.ankiweb.net/t/different-cloze-color-for-night-mode-desktop/7194/6 "2021-02-04T21:25:09Z")

</div>

> [@dae](#):
>
> ```auto
> .nightMode .cloze {
> color: lightblue;
> }
> 
> ```

Thx, saved that info my notes, of some reason my Cloze card didn’t have it but it might have been overwritten.

---

<div class="post-metadata">

**Author:** ![dae](https://sea2.discourse-cdn.com/flex002/user_avatar/forums.ankiweb.net/dae/32/65_2.png) [@dae](https://forums.ankiweb.net/u/dae)\
**Post date:** [February 6, 2021, 5:21am UTC](https://forums.ankiweb.net/t/different-cloze-color-for-night-mode-desktop/7194/7 "2021-02-06T05:21:29Z")

</div>

It was only added to the default notetypes when Anki introduced night mode, so if you’ve been using Anki for a number of years, your templates won’t have it.

---

<div class="post-metadata">

**Author:** ![dae](https://sea2.discourse-cdn.com/flex002/user_avatar/forums.ankiweb.net/dae/32/65_2.png) [@dae](https://forums.ankiweb.net/u/dae)\
**Post date:** [December 20, 2021, 10:01am UTC](https://forums.ankiweb.net/t/different-cloze-color-for-night-mode-desktop/7194/8 "2021-12-20T10:01:45Z")

</div>

Split this topic on December 20, 2021, 10:01am UTC

A post was merged into an existing topic: [Colours in nightMode](https://forums.ankiweb.net/t/colours-in-nightmode/16011/4)

---

<div class="post-metadata">

**Author:** ![Mason\_12](https://avatars.discourse-cdn.com/v4/letter/m/919ad9/32.png) [@Mason\_12](https://forums.ankiweb.net/u/Mason_12)\
**Post date:** [November 20, 2022, 6:56am UTC](https://forums.ankiweb.net/t/different-cloze-color-for-night-mode-desktop/7194/9 "2022-11-20T06:56:20Z")

</div>

Good day!

Is it possible to highlight the clozed words (automatically) instead of changing their font colors?

---

<div class="post-metadata">

**Author:** ![jcznk](https://sea2.discourse-cdn.com/flex002/user_avatar/forums.ankiweb.net/jcznk/32/15215_2.png) [@jcznk](https://forums.ankiweb.net/u/jcznk)\
**Post date:** [November 20, 2022, 2:57pm UTC](https://forums.ankiweb.net/t/different-cloze-color-for-night-mode-desktop/7194/10 "2022-11-20T14:57:14Z")

</div>

Yes it is, for that you can use background-color instead of color in the CSS.

E.g.

`.cloze { background-color: lightblue; }`