Tessera
Folgen

Patrick

@ppb1701.ppb.social.ap.brid.gy

Software Engineer originally from Tennessee now living in Virginia. Been #Coding for well over a decade, primarily in the .Net world, but also some Flutter and Ruby. I […] 🌉 bridged from ⁂ https://ppb.social/@ppb1701, follow @ap.brid.gy to interact

114 Posts29 Follower5 Folgt
Patrick@ppb1701.ppb.social.ap.brid.gy · 5d ago

Firefox Capy UI 1.0.0 is now out. https://blog.ppb1701.com/capy-ui-releases https://addons.mozilla.org/en-US/firefox/addon/capy-ui/ #themes #firefox #capyui

Capy UI Releases

## Capy UI > A set of dark themes with Tricorn Black background and Electric Blue accents. Usually has a gradient background with subtle blue radial gradient if possible and where I can add it an adorable Capybara mascot logo. > > Got an idea for somewhere else to port Capy UI? Reach out to me on Mastodon. Firefox Capy UI 1.0.0 * Initial Release. * available on https://addons.mozilla.org/en-US/firefox/addon/capy-ui/ Mastadon Capy UI 2.0.2 * 2.0.1: Restored star/heart favorite icon toggle to `layout-capy-ui-mastodon-4.6.css` — hearts are default, uncomment the marked block to use stars instead * 2.0.2: Fixed favorite button not showing as active after page refresh — active state rule was applying the inactive star icon instead of the filled yellow star * 2.0.2: Added `aria-pressed="true"` attribute selectors alongside `.active` class selectors for broader Mastodon version compatibility * 2.0.2: Fixed hover/focus circle off-center on action bar buttons — replaced hardcoded pixel offsets with proper CSS centering (`top:50%; left:50%; translate(-50%,-50%)`) * 2.0.3: Fixed favorite (heart) button vanishing after click animation — removed `forwards` fill mode from `heart-animate` sprite so icon doesn't freeze on the blank past-end frame * 2.0.3: Replaced old sprite-sheet animation with a simple `heart-pop` scale animation that keeps the heart icon visible and in place during activation * 2.0.3: Fixed counter-button heart icon jumping on page load — moved `position: absolute` rule from `html.no-reduce-motion` (JS-applied) to `.layout-single-column/.layout-multiple-columns` (always present) so no layout shift occurs during hydration Kagi Capy UI 1.1.0 * **AI / paywall result de-emphasis** — results bearing Kagi's `ai-stain-icon` have their text (titles, URLs, snippets, sub-listings) faded to 32% opacity so they recede visually while the red icon remains fully visible to explain why. Results with `paywall-icon` fade to 45% with the paywall icon rendered in green. Hovering either result type restores full opacity. Sub-results within a medium-hit card and adjacent `.sr-group` sibling groups are also covered. * The entire feature lives in the final CSS block; comment it out or delete it to disable one or both behaviors independently. * Inspired by this post from @kagihq. Pagecord Capy UI 1.0.0 * Radial electric blue gradient glow at the top of the page * Gradient text on the blog title * Rounded surfaces consistent with the Capy UI design language * Electric blue accent on links, blockquotes, focus rings, and scrollbar * Capy mascot inline after the blog title Visual Studio Capy UI 1.0.0 * **Dominant Electric Blue** : The signature `#1e80c7` color is used throughout for selections, active tabs, buttons, and links * **Comfortable Dark Background** : Easy on the eyes for extended coding sessions * **Syntax Highlighting** : Carefully crafted blue-centric palette with excellent readability * **Accessible Contrast** : Good contrast ratios for accessibility * **Complete Coverage** : Both UI colors and comprehensive syntax token colors * **Git Integration** : Clear diff and decoration colors * **Output Window Theming** : Fully themed output windows, error list, and tool windows Visual Studio Code Capy UI (VS Code Capy UI) 1.0.4 * Added to Open VSX marketplace and updated Readme to add instruction reference to it. Vivaldi Capy UI 2.0.0 * Electric Blue dark theme for Vivaldi browser, inspired by the Mastodon Capy UI and Kagi Capy UI themes Features a subtle radial gradient background and the adorable Capy mascot. Homepage CapyUI 1.0.0 * Port of Capy UI to homepage-dashboard. Was made for my use on my nixos/nixos2 homeservers. Expanded a little for others to use outside of my specific configs.

blog.ppb1701.com