# How to change the text color in a table collection component?

**URL:** <https://community.glideapps.com/t/how-to-change-the-text-color-in-a-table-collection-component/79581>\
**Category:** Ask for Help\
**Created:** [January 27, 2025, 6:52pm UTC](https://community.glideapps.com/t/how-to-change-the-text-color-in-a-table-collection-component/79581 "2025-01-27T18:52:32Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![ToOFa\_Apps](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/toofa_apps/32/36816_2.png) [@ToOFa\_Apps](https://community.glideapps.com/u/ToOFa_Apps)\
**Post date:** [January 27, 2025, 6:52pm UTC](https://community.glideapps.com/t/how-to-change-the-text-color-in-a-table-collection-component/79581/1 "2025-01-27T18:52:32Z")

</div>

My table collection has white text (when device settings are on dark mode) but dark text when on light mode. Is there a way to set the text as white, for light and dark mode? The text will still be legible when white (for light mode) because i’ve got a color on the backing of my custom collection and card. The table collection is inside a custom collection card.

 ![Screenshot 2025-01-27 at 20.50.03](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/4/d/4de16b53f80d5af889b599c6d5854fe63fc95e95.jpeg)  
 ![Screenshot 2025-01-27 at 20.50.32](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/4/9/49de7c157a8ba4b2bca144d94784de7964ff9081.jpeg)

---

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [January 28, 2025, 12:42am UTC](https://community.glideapps.com/t/how-to-change-the-text-color-in-a-table-collection-component/79581/2 "2025-01-28T00:42:03Z")

</div>

You can structure around the built-in prefers-color-scheme.

```auto
/* Default (light mode) */
@media (prefers-color-scheme: light) {
  .custom-collection-card .table-collection,
  .custom-collection-card .table-collection * {
    color: #fff ;
  }
}

/* Dark mode */
@media (prefers-color-scheme: dark) {
  .custom-collection-card .table-collection,
  .custom-collection-card .table-collection * {
    color: #fff;
  }
}

```

---

<div class="post-metadata">

**Author:** ![ToOFa\_Apps](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/toofa_apps/32/36816_2.png) [@ToOFa\_Apps](https://community.glideapps.com/u/ToOFa_Apps)\
**Post date:** [January 28, 2025, 1:27pm UTC](https://community.glideapps.com/t/how-to-change-the-text-color-in-a-table-collection-component/79581/3 "2025-01-28T13:27:54Z")

</div>

Okay great, i’ll try that. Thanks👍