h1, h2, h3 font-weight: 600; color: #172b4d;
@media (max-width: 768px) .page-metadata, .comment-header font-size: 12px; confluence css themes
/* Custom lozenge colors */ .aui-lozenge.status-green background-color: #14892c; color: white; h1, h2, h3 font-weight: 600; color: #172b4d; @media
When used responsibly, custom CSS transforms Confluence from a generic wiki into a that feels like a natural extension of your organization’s digital workspace. Last updated: April 2026 – based on Confluence Cloud & Data Center 8.x behavior. Useful for prototyping or one-off designs
/* Zebra striping for tables */ .tg table tbody tr:nth-child(even) background-color: #f9fafc;
<style> /* custom CSS here */ .my-custom-class background: #f4f5f7; border-left: 4px solid #0052cc; padding: 12px; </style> Effect: Affects only that specific page. Useful for prototyping or one-off designs. Power users can use browser extensions like Stylus to apply personal CSS, but this is not shared and should not be considered a “team theme.” 4. What Can You Customize? (Examples) Typography body font-family: 'Inter', -apple-system, sans-serif;
#header background-color: #003366; border-bottom: 3px solid #ff9900;