Hi Jeong,
The Background color specific to each Category is added through Custom Code.
To edit this, go to Appearance > Customize > Additional CSS, and look for these codes:
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’ll just need to add or replace one of these codes.
For instance, you have a term with a slug term-finance. The new code to add for this would be:
body:not(.single) .post-term-item.term-finance {
background-color: #ff0000;
}
You can replace #ff0000 with the color value you prefer.