This is the main page header. It is purple.

Demo of a custom theme color for Safari 26 browser UI

You should see a bright green (#bada55) Safari UI, even though the page background is set to white and the header uses a purple background.

See Demo of a custom color for Safari 26 browser UI on grooovinger blog for more details.

(The color will be saved in the LocalStorage of your browser)

Here's some content of the page. We just need it to make the page long enough to scroll.

Minim ullamco culpa eiusmod pariatur reprehenderit nulla reprehenderit. Et eu aliqua labore commodo labore ea nostrud ullamco qui est. Est est veniam elit aliquip nulla incididunt sint do labore sunt laborum laborum ut laborum amet. Nisi veniam eu cupidatat et laborum cillum exercitation do minim commodo non sunt anim in aute. Sit voluptate ipsum dolor culpa sunt consectetur.Ï

Ipsum ullamco Lorem occaecat eiusmod labore qui aute in culpa enim aute nulla ad anim enim. Mollit minim sint occaecat culpa exercitation. Eu do id fugiat ut sint. Nostrud ad dolor laborum minim id labore. Id aliqua dolore magna amet. Eiusmod consectetur eiusmod dolor enim magna proident amet aliqua enim dolore. Et sit magna veniam commodo magna elit velit tempor dolor fugiat occaecat ad mollit do irure. Et dolor anim enim consequat dolor labore est est dolor Lorem id quis. Labore laborum nisi incididunt nostrud cupidatat quis ea nulla esse tempor eu. Ipsum Lorem voluptate non sunt in cupidatat culpa ea minim reprehenderit excepteur fugiat. Non voluptate consectetur elit deserunt ullamco Lorem occaecat officia aliquip aute eiusmod consequat. Magna excepteur eu dolor cillum incididunt velit tempor enim nulla cupidatat. Adipisicing dolore velit sint tempor minim sunt id tempor occaecat. Minim id do ut in. Dolore excepteur pariatur in aute fugiat ipsum nostrud aliqua ad qui eu velit sunt exercitation. Enim ullamco eiusmod commodo nisi quis fugiat enim incididunt proident reprehenderit. Ex ea ad sunt quis sunt mollit ipsum officia sunt exercitation ut. Excepteur Lorem commodo laborum minim irure nisi consectetur excepteur labore ea. Cillum cupidatat non amet esse est enim do. Non mollit est dolore magna excepteur occaecat et laborum nulla fugiat. Aute do laborum in quis ea ut Lorem adipisicing esse dolore esse id ad adipisicing. Nostrud nisi enim ullamco ipsum deserunt laboris nisi nulla officia laboris elit. Veniam ullamco proident magna deserunt laborum occaecat enim deserunt non veniam laboris occaecat minim exercitation id. Exercitation est voluptate sunt sit officia. Excepteur magna ullamco labore excepteur reprehenderit reprehenderit culpa cillum proident dolor enim cupidatat nulla amet eu. Consequat aute magna labore ad sit duis ut. Dolor id eiusmod cupidatat exercitation nostrud culpa labore labore culpa laborum fugiat Lorem nostrud. Eu exercitation laboris aute veniam pariatur veniam cupidatat adipisicing consequat sit ut ea enim nostrud nulla. Reprehenderit reprehenderit pariatur sunt esse duis ad ad proident adipisicing eiusmod fugiat et sit. Qui ad minim veniam occaecat qui ex nostrud amet in est cillum. Et laborum qui voluptate veniam velit ea Lorem dolor culpa labore nisi labore. Consectetur do ut minim tempor velit ad amet deserunt fugiat exercitation aliquip. Mollit non nulla proident Lorem do ea irure commodo exercitation. Ex dolore aliqua occaecat laborum dolor voluptate fugiat. Ut sint deserunt non elit minim. Quis officia esse sunt labore. Tempor culpa dolore minim incididunt in dolore deserunt adipisicing esse ullamco et magna deserunt consequat. Laboris deserunt laboris ea sunt incididunt culpa enim quis velit occaecat et. Dolore exercitation mollit ut fugiat ex elit eiusmod esse sunt proident dolor. Esse cupidatat veniam reprehenderit exercitation voluptate magna qui. Anim fugiat laborum ex et do non non mollit do est laboris mollit exercitation. Voluptate adipisicing adipisicing id id aliquip laboris Lorem aliqua occaecat proident. In do in cillum. Amet est sint magna mollit excepteur esse ad dolore veniam ea sunt occaecat nulla. Minim consequat enim commodo reprehenderit veniam aliqua. Consectetur dolor aliquip adipisicing. Occaecat incididunt minim fugiat anim occaecat. Deserunt Lorem culpa laboris labore laborum veniam sit. Labore voluptate ea dolor velit minim non consectetur. Quis aute consectetur tempor non. Velit ad qui id nisi esse quis minim sunt aliquip ad do fugiat. Occaecat cupidatat exercitation ut duis sunt laborum ea voluptate deserunt nostrud. Dolore dolore ut amet laboris magna nulla magna quis. Sit adipisicing quis laboris aliquip eiusmod aute. Aliquip et eu ipsum. Amet eu duis consequat deserunt anim laborum dolore culpa Lorem aliquip irure ad deserunt. Dolore ut eiusmod occaecat anim proident tempor ad consectetur reprehenderit eu eu commodo nisi enim veniam. Ut id magna non commodo ullamco aliquip incididunt eiusmod laborum nulla incididunt voluptate aute.