Hi Aik,
In Appearance > Customize > Additional CSS, there’s this code:
body:not(.single) .post-term-item.term-business {
background-color: var(--business);
}
body:not(.single) .post-term-item.term-community {
background-color: var(--community);
}
body:not(.single) .post-term-item.term-education {
background-color: var(--education);
}
body:not(.single) .post-term-item.term-entertainment {
background-color: var(--entertainment);
}
body:not(.single) .post-term-item.term-lifestyle {
background-color: var(--lifestyle);
}
body:not(.single) .post-term-item.term-technology {
background-color: var(--technology);
}
body:not(.single) .post-term-item.term-travel {
background-color: var(--travel);
}
You can change a color of a term by adding such a code:
body:not(.single) .post-term-item.term-YOUR-TERM-SLUG {
background-color: #ff0000;
}
Replace YOUR-TERM-SLUG
with your term slug and assign a color code you prefer.