# Change links color on the /archive page and footer

**URL:** <https://discuss.write.as/t/change-links-color-on-the-archive-page-and-footer/11547>\
**Category:** Customization\
**Tags:** writeas\
**Created:** [March 10, 2024, 9:01pm UTC](https://discuss.write.as/t/change-links-color-on-the-archive-page-and-footer/11547 "2024-03-10T21:01:16Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![ariadnemm](https://discuss.write.as/user_avatar/discuss.write.as/ariadnemm/32/904_2.png) [@ariadnemm](https://discuss.write.as/u/ariadnemm)\
**Post date:** [March 10, 2024, 9:01pm UTC](https://discuss.write.as/t/change-links-color-on-the-archive-page-and-footer/11547/1 "2024-03-10T21:01:17Z")

</div>

Hi!  
I applied the theme “Gab’s Notes” to my blog with the dark mode feature that changes based on the reader OS and/or browser preferences (prefers-color-scheme).  
I noticed that all the links on the /archive page and the footer (such as “Older” / “Back to the Top”) are still dark blue with the dark theme and it makes it hard to read.  
Do you know what the class is to change the color of these links?  
Thanks!

 ![image](https://discuss.write.as/uploads/default/original/2X/6/6d5a432930f4eaa3c67a90fe084c7da53ad66e6e.png)

Here is the CSS:  
@media (prefers-color-scheme: dark) {  
:root {  
–accent: #226997;  
–main: #eeeeee;  
–main2: #cecece;  
–main3: #b1b1b1;  
–background: #202124;  
–background2: #575656;  
}

img {  
opacity: 0.75;  
transition: opacity 0.5s ease-in-out;  
}

img:hover {  
opacity: 1;  
}

#manage ul ul li img {  
opacity: 1;  
filter: invert(1);  
}  
}

---

<div class="post-metadata">

**Author:** ![sbts](https://discuss.write.as/user_avatar/discuss.write.as/sbts/32/3619_2.png) [@sbts](https://discuss.write.as/u/sbts)\
**Post date:** [March 12, 2024, 1:49pm UTC](https://discuss.write.as/t/change-links-color-on-the-archive-page-and-footer/11547/2 "2024-03-12T13:49:27Z")

</div>

> [@ariadnemm](#):
>
> Hi!  
> I applied the theme “Gab’s Notes” to my blog with the dark mode feature that changes based on the reader OS and/or browser preferences (prefers-color-scheme).  
> I noticed that all the links on the /archive page and the footer (such as “Older” / “Back to the Top”) are still dark blue with the dark theme and it makes it hard to read.  
> Do you know what the class is to change the color of these links?  
> Thanks!

Hi

add this to your css to get same style of link behavior as in main content :

```auto
#wrapper a{
    color: var(--main);
    border-bottom: solid var(--accent) 1.5px;
    text-decoration: none;
    transition: border-bottom 0.12s ease;
}
#wrapper a:hover{
    border-bottom: transparent;
    text-decoration: none;
}

```

---

<div class="post-metadata">

**Author:** ![ariadnemm](https://discuss.write.as/user_avatar/discuss.write.as/ariadnemm/32/904_2.png) [@ariadnemm](https://discuss.write.as/u/ariadnemm)\
**Post date:** [March 14, 2024, 11:32am UTC](https://discuss.write.as/t/change-links-color-on-the-archive-page-and-footer/11547/3 "2024-03-14T11:32:00Z")

</div>

That worked, thank you so much!