Visit the Comments Owl for Hacker News website for installation links, more information about the extension, and FAQs (mostly about Safari).

Follow @soitis.dev on Bluesky or @ControlPanelFT on Twitter for updates.

This release makes HN themeable, and adds a dark mode, with a pure black variant for OLED screens.

Colors in the default HN stylesheet have been reapplied using CSS variables, and new rules have been added to allow colors hardcoded in HTML (and the HN SVG logo) to be changed.

You can view the CSS variables via in the extension's stylesheet.

• Made HN themeable by default - when in default/light mode there will be an html[light] attribute for light mode-specific theming
• Added a dark mode, with a pure black variant for OLED screens - these add html[dark] and html[pure-black] attributes as hooks for mode-specific theming
• Added an option to enable CSS view transitions between page (not supported in Firefox) and pretend HN is now a Single Page Application
  • Added a list → item transition which many of you will immediately want to disable (which is why there's an option to do so)
• Custom CSS is now injected earlier, reducing Flash Of Whatever You're Doing With Custom CSS (especially if you're doing something like making comment threads narrower for readability)
• Fixed caching failed user hovercard profile requests forever

New versions have to be reviewed and published by each browser extension store before they're available for use.

This version is available for the following browsers:

Note: comments which are highlighted in the screenshots below are Comments Owl for Hacker News highlighting new or recent comments

/* Twitter Dim theme for dark mode */
html[dark]:not([pure-black]) {
  --bg-page: rgb(21, 32, 43);
  --bg-content: rgb(21, 32, 43);
  --bg-highlight: rgb(44, 53, 64);
  --bg-input: rgb(27, 36, 47);
  --text-primary: rgb(247, 249, 249);
  --text-secondary: rgb(139, 152, 165);
  #hnmain {
    border: 1px solid rgb(56, 68, 77);
  }
}

Rounding those corners which are now floating in the void:

/* Round floating corners in pure black mode */
html[pure-black] {
  #hnlogo, input { border-radius: 6px; }
  #header, .new > td, textarea {
    border-radius: 8px;
  }
  .new:has(+ .new) > td  {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
  .new + .new > td {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
}

We're not light mode coding theme people (not that there's anything wrong with that!), so we don't know if this is any good, but chuck our CSS variables at the nearest LLM and it will do this for you:

/* Solarized */
html[light] {
  --bg-page: #fdf6e3;
  --bg-content: #fdf6e3;
  --bg-highlight: #eee8d5;
  --text-primary: #657b83;
  --text-secondary: #93a1a1;
  --link: #268bd2;
  #hnmain { border: 1px solid #e1dac8; }
}

This is more of a "your scientists didn't stop to think if they should" feature - if you inject CSS immediately at document_start, you can make cross-document @view-transition work on any static site, although you're limited to what you can achieve with its existing markup.

We used this to enable the default cross-fade transition (sped up slightly), and to animate item info when navigating from list → item pages (which can be disabled independently).

Support Comments Owl for Hacker News development with a tip:

Visit the Control Panel for YouTube website for installation links, more information about the extension, and FAQs (mostly about Safari).

Follow @soitis.dev on Bluesky or @ControlPanelFT on Twitter for updates.

• Added an option to hide the watch page sidebar on desktop when it's empty
• Added an option to disable Stable Volume
• Added missing German translations, fixing multiple features in German
• Fixed hiding streamed videos on mobile
• Fixed adding the "Hide channel" menu item on mobile
• Fixed hiding channel banners on mobile
• Fixed hiding the Share button in Shorts on mobile
• Fixed hiding "Open app" in the Shorts menu on mobile
• Fixed "Open app" not being hidden the first time a menu containing it is opened on mobile

New versions have to be reviewed and approved for each browser before they're available to install or upgrade to.

This version is available for the following browsers:

This option hides the sidebar in the watch page when it's empty - if you're using Default view and hiding Related videos, this allows the player to take up more space, and centers the layout. The sidebar will reappear if something gets displayed in it, e.g. if you open the video transcript.

Video in Default view	+ Hide related videos

+ Hide sidebar when empty	Sidebar reappearing when Transcript is opened

This option ensures the preference for Stable Volume off is set, automatically reapplying it if it somehow gets turned back on, removed or expired.

Support Control Panel for YouTube development with a tip:

Visit the AI Overview Hider for Google website for installation links, more information about the extension, and FAQs.

Follow @soitis.dev on Bluesky for updates.

• Fixed hiding "People also ask" items containing AI Overviews on desktop
• Fixed fallbacks for hiding AI Overviews on desktop after Google removed the "Learn more" link

New versions have to be reviewed and approved by each browser before they're available to install or upgrade to.

This version is available for the following browsers:

Visit the Control Panel for Twitter website for installation links, more information about the extension, and FAQs (mostly about why Safari is so weird about extensions).

Follow @ControlPanelFT on Twitter or @soitis.dev on Bluesky for updates.

• Added an option to hide suggested content (People, News, Communities etc.) in Search, enabled by default
• Fixed Notifications being switched to the Priority tab on repeat visits when you have "Use the Following timeline by default" enabled on mobile
• Fixed Dim theme Progressive Web App (PWA) theme
• Fixed Dim theme hovers in the Chat info dialog
• Fixed Dim theme scrollbars

This version is available for the following browsers:

Before	After

• Astro 6 support
• Export types