Confluence Css — Themes

#header background-color: #003366; border-bottom: 3px solid #ff9900;

/* Hide the "People" sidebar */ #people-directory-sidebar display: none !important; confluence css themes

/* Limit page width for readability */ #main-content max-width: 1200px; margin: 0 auto; What Can You Customize

<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

/* Custom lozenge colors */ .aui-lozenge.status-green background-color: #14892c; color: white;

/* Zebra striping for tables */ .tg table tbody tr:nth-child(even) background-color: #f9fafc;

1. Introduction Atlassian Confluence is a powerful team collaboration and documentation platform. While it offers built-in look-and-feel settings (color palette, logo, site title), many organizations require deeper visual customization to align Confluence with their corporate brand identity or to improve specific UI/UX workflows. This is where CSS Themes come into play.