OMG! Ubuntu redesign adds manual dark mode toggle, AVIF images, and mobile improvements

OMG! Ubuntu has rolled out a backend refresh and visible design changes to its publication site, including several features directly requested by readers. The most notable addition is a manual dark mode toggle in the site masthead, allowing users to override their operating system's preference with a simple light/dark switch. The mobile homepage now displays recent posts in a compact list format rather than large thumbnails, reducing scroll depth. Code blocks gained a one-click copy button to simplify extracting terminal commands.

Behind the scenes, the site now serves AVIF images, with the author reporting typical WebP files shrinking from approximately 400 KB to under 100 KB without perceptible quality loss. Other changes include faster homepage cache loading, page transitions, a new accent font, reworked mobile breakpoints, and dark mode support added to the site's Chrome extension. The author notes that work continues, with sidebar widgets and other legacy components still planned for revision.

Site engineering and UX changes

• Image format migration: The site now delivers AVIF images for new content, with the author citing compression gains that reduce typical WebP files from ~400 KB to under 100 KB while maintaining visual quality, though archived posts and images will not be retroactively converted.
• Dark mode implementation: A manual two-state toggle (light/dark) was added to the masthead as an override to the existing automatic OS preference detection, and the OMG! Ubuntu Chrome extension was updated to match system dark mode in its article list pop-over.
• Mobile layout restructuring: The mobile homepage switched from large thumbnail cards to a compact list view for recent posts, increasing information density and reducing scrolling.
• Code block enhancement: Terminal command blocks now include a dedicated copy button, eliminating manual text selection for readers extracting commands.
• Performance optimizations: Changes include faster homepage cache loading, page transitions, and removal of the previous satsuma header background, alongside reworked mobile breakpoints and a new accent font.

Why it matters

For the Linux and open-source community, OMG! Ubuntu remains a widely read publication covering Ubuntu and broader desktop Linux developments, so its UX improvements affect daily information consumption for a significant user segment. The AVIF adoption example provides a concrete data point for other publishers weighing image format transitions, and the manual dark mode toggle addresses a persistent accessibility preference gap that many sites leave unhandled.