Skip to main
Link
Baseline Radio the color theme color-mix playlist

Color Themes with Baseline CSS Features

So, you have a site that you want to build or redesign. Maybe you have a few core colors in mind, and you’re thinking about how to quickly implement a theme based on those colors. Baseline features can help!

See more at web.dev »

You’ll need your primary color, but also colors for actions, hover states, errors, and colors for other user interface needs. Then what about light and dark mode options? Suddenly there’s lots of colors you’ll need, and it can feel overwhelming.

The good news is that when it comes to building a palette relative to the color tokens that define your site and switching between color modes, Baseline features can do a lot of the heavy lifting for you. You can explore some of these techniques in the featured demo, a color themed playlist on the fictional Baseline Radio site.

See the Pen Color theme demo by @web-dot-dev on CodePen.

Read full article »

Posts about CSS

  1. Title card from the podcast with headshots of Brad and Mia
    Video post type

    Pottery, Theater, CSS Collaboration, and the Ethics of AI

    Brad chats with Miriam Suzanne about pottery, theater, CSS, and why we shouldn’t just accept AI as the way. Miriam describes their through-line as collaborative creativity across pottery, theater, client work, and CSS standards, arguing process shapes results and that CSS is inherently collaborative with users, browsers, and devices.

    see all Video posts
  2. Winging It post type

    Inspecting Inspectors

    Miriam and Stacy troubleshoot an issue with the dev tools available in each browser, exploring the differences and what each browser’s tools do best.

    see all Winging It posts
  3. Winging It post type

    Grid Lanes – The Future of Masonry Layout

    This long-debated solution for masonry layout is now available and it’s time to figure out how to use it. Join us for a deep dive into the workings of Grid Lanes.

    see all Winging It posts