CSS tip: recolor every checkbox, radio and range slider with one line. :root { accent-color: #EA580C; } No custom markup, no hidden inputs. The browser even picks a readable checkmark color for you.
una.im | Modern CSS theming with light-dark(), contrast-color(), and style queries
Combine three new CSS features to build fully adaptive themed components.
Subtle text "highlighter" in pure CSS
CSS Color Spaces and Relative Color Syntax | 12 Days of Web
Learn how to define color palettes that are perceptually uniform using the new Oklch color space and the relative color syntax in CSS.
CSS Selectors: A Visual Guide & Reference
Visual guide to CSS selectors, including pseudo-classes (:nth-child, :hover,...), functional pseudo-classes (:not, :is,...) and pseudo-elements.
I Just Wanted Emacs to Look Nice — Using 24-Bit Color in Terminals
Thanks to some coworkers and David Wilson’s Emacs from Scratch playlist, I’ve been getting back into Emacs. The community is more vibrant than the last time I looked, and LSP brings modern completion and inline type checking.
OS X Aqua - Kagi Search Theme
A custom theme that's inspired by old school Apple's OS X Aqua theme. Has both Dark and Light mode that changes based on your system settings. ** [Github repo](https://github.com/Visnes/kagi-aqua/) ** Do the following: Go to Appearance → Change theme to "Default", not "Light" or "Dark" → Enable Custom CSS & Paste custom.css → Save changes
ignore the code: Toggles Considered Harmful
I just read this post from Marcin Wichary's Unsung, where he points out a peculiar macOS dialog box that shows boolean toggles in four different shades of grey:
BluePrint: Custom Bluesky theming by Postpone - Chrome Web Store
Custom theming for Bluesky
InclusiveColors - Accessible color palette creator
Try it now to create your own color palettes!
Color Palette Pro — A Synthesizer for Color Palettes
Generate customizable color palettes in advanced color spaces that can be easily shared, downloaded, or exported.
Color Palette Pro — A Synthesizer for Color Palettes
Generate customizable color palettes in advanced color spaces that can be easily shared, downloaded, or exported.
A self-styling `style` element - makes itself visible & styles itself to look like code printed on an alternating line background with lateral perforations (real transparency allows to see through holes to the backdrop) codepen.io/thebabydino/pen/wBBLJrz?edito… If you're looking for original code boxes...🐱 #CSS
This was based on the second screenshot in the post I linked to, but I think it might be a misunderstanding on my end (I thought the checkbox is grayed out and unselectable, leading me to misinterpret the message underneath, which I’ve now realized is the same as Bsky’s; maybe it’s not unselectable)
oklch() has only one problem left. If a user chooses a color that this screen can’t display, browsers will look for the nearest alternative using a simplified algorithm instead of the one from the CSS spec: clipping instead of chroma reduction. evilmartians.com/chronicles/oklch-in-css-why-q…
OKLCH in CSS: why we moved from RGB and HSL—Martian Chronicles, Evil Martians’ team blog
evilmartians.com
