Ollie Theme Academy

Implementing Color Settings

Exercise Solution – Adding color palette

The Bosco theme uses a clean, simple color palette that’s perfect for demonstrating how to implement theme colors in a block theme. You’ll work with five key colors: white background, off-black text, signature red, and two different grays.

Instead of using literal color names like “red” and “black,” you’ll implement a more flexible, semantic naming system. This approach makes themes more maintainable and transferable between projects.

The naming convention follows what you see in WordPress default themes: “base” for the primary background, “contrast” for main text, “accent” for the signature red, and additional contrast variations for the gray tones.

This semantic approach creates a more professional color system that’s easier to modify and understand, especially when working with clients or team members.

Back to: Ollie Theme Academy > Implementing Color Settings