# themes

Published articles for themes.

This is one page of public article previews, not the complete archive. Follow Next page to continue. Summaries are not the original full articles.

## Firefox Is Getting Its Biggest Redesign in Years. Then Mozilla Got Cold Feet.

DevFeed: [Firefox Is Getting Its Biggest Redesign in Years. Then Mozilla Got Cold Feet.](<https://devfeed.tech/articles/firefox-is-getting-its-biggest-redesign-in-years-then-mozilla-got-cold-feet-9269.md>)

Original publisher: [Read original article](<https://webdesignerdepot.com/firefox-is-getting-its-biggest-redesign-in-years-then-mozilla-got-cold-feet/>)

Author: Alex Harper

Published: 2026-09-09T18:24:32Z

Content type: opinion

Language: en

Sources: [Web Designer Depot](<https://devfeed.tech/sources/web-designer-depot.md>)

Topics: [Firefox](<https://devfeed.tech/topics/firefox.md>)

Tags: [browser](<https://devfeed.tech/tags/browser.md>), [browser-design](<https://devfeed.tech/tags/browser-design.md>), [browser-redesign](<https://devfeed.tech/tags/browser-redesign.md>), [browser-ui](<https://devfeed.tech/tags/browser-ui.md>), [browser-ux](<https://devfeed.tech/tags/browser-ux.md>), [design](<https://devfeed.tech/tags/design.md>), [design-controversy](<https://devfeed.tech/tags/design-controversy.md>), [design-trends](<https://devfeed.tech/tags/design-trends.md>), [features](<https://devfeed.tech/tags/features.md>), [firefox](<https://devfeed.tech/tags/firefox.md>), [firefox-features](<https://devfeed.tech/tags/firefox-features.md>), [firefox-interface](<https://devfeed.tech/tags/firefox-interface.md>), [firefox-redesign](<https://devfeed.tech/tags/firefox-redesign.md>), [firefox-update](<https://devfeed.tech/tags/firefox-update.md>), [future-of-browsers](<https://devfeed.tech/tags/future-of-browsers.md>), [interface-design](<https://devfeed.tech/tags/interface-design.md>), [mobile](<https://devfeed.tech/tags/mobile.md>), [mozilla](<https://devfeed.tech/tags/mozilla.md>), [mozilla-firefox](<https://devfeed.tech/tags/mozilla-firefox.md>), [open-source](<https://devfeed.tech/tags/open-source.md>), [product-design](<https://devfeed.tech/tags/product-design.md>), [themes](<https://devfeed.tech/tags/themes.md>), [tokens](<https://devfeed.tech/tags/tokens.md>), [ui-design](<https://devfeed.tech/tags/ui-design.md>), [ux](<https://devfeed.tech/tags/ux.md>), [ux-design](<https://devfeed.tech/tags/ux-design.md>), [visual-ui-design](<https://devfeed.tech/tags/visual-ui-design.md>), [web-browsers](<https://devfeed.tech/tags/web-browsers.md>), [web-design](<https://devfeed.tech/tags/web-design.md>)

### AI overview

Firefox's Project Nova redesign is being softened after user feedback. Mozilla restored Compact Mode and reduced some of the boldest interface changes, while retaining refreshed components, icons, colors, themes, and rounded elements. The article argues that responsive iteration and user control are more valuable than following fashionable design trends.

### Source excerpt

Firefox is getting its biggest makeover in years--but Mozilla has already backed away from some of its boldest ideas. Project Nova reveals what happens when modern design trends, millions of opinionated users, and the internet's unstoppable obsession with rounded corners collide.

## Stop alt-tabbing into the wrong Visual Studio

DevFeed: [Stop alt-tabbing into the wrong Visual Studio](<https://devfeed.tech/articles/stop-alt-tabbing-into-the-wrong-visual-studio-4004.md>)

Original publisher: [Read original article](<https://devblogs.microsoft.com/visualstudio/stop-alt-tabbing-into-the-wrong-visual-studio/>)

Author: Mads Kristensen

Published: 2026-09-02T14:00:12Z

Content type: tutorial

Language: en

Sources: [Visual Studio Blog](<https://devfeed.tech/sources/visual-studio-blog.md>)

Topics: [Visual Studio 2026](<https://devfeed.tech/topics/visual-studio-2026.md>), [ide](<https://devfeed.tech/topics/ide.md>)

Tags: [accessibility](<https://devfeed.tech/tags/accessibility.md>), [customization](<https://devfeed.tech/tags/customization.md>), [how-to](<https://devfeed.tech/tags/how-to.md>), [json](<https://devfeed.tech/tags/json.md>), [themes](<https://devfeed.tech/tags/themes.md>), [visual-studio](<https://devfeed.tech/tags/visual-studio.md>), [visual-studio-2026](<https://devfeed.tech/tags/visual-studio-2026.md>)

### AI overview

The article explains how to set a color theme per Visual Studio solution through the new settings experience. Per-solution settings are stored in settings.VisualStudio.json and can be committed with the solution.

### Source excerpt

A user asked for per-solution color themes. It already ships, and it goes further than they asked. You run several instances of Visual Studio side by side, one per solution, and they all look identical. Same taskbar icon, same alt-tab thumbnail, same chrome. So, you land in the wrong one, start typing, and realize thirty [...] The post Stop alt-tabbing into the wrong Visual Studio appeared first on Visual Studio Blog.

## Making room for what's next in the GitLab UI

DevFeed: [Making room for what's next in the GitLab UI](<https://devfeed.tech/articles/making-room-for-what-s-next-in-the-gitlab-ui-99.md>)

Original publisher: [Read original article](<https://about.gitlab.com/blog/making-room-for-whats-next-in-the-gitlab-ui/>)

Author: Jeremy Elder

Published: 2026-08-26T00:00:00Z

Content type: article

Language: en

Sources: [GitLab](<https://devfeed.tech/sources/gitlab.md>)

Topics: [User interface design](<https://devfeed.tech/topics/ui-design.md>), [Dark Mode](<https://devfeed.tech/topics/dark-mode.md>)

Tags: [ai](<https://devfeed.tech/tags/ai.md>), [chrome](<https://devfeed.tech/tags/chrome.md>), [dark-mode](<https://devfeed.tech/tags/dark-mode.md>), [design](<https://devfeed.tech/tags/design.md>), [duo](<https://devfeed.tech/tags/duo.md>), [enterprise](<https://devfeed.tech/tags/enterprise.md>), [product](<https://devfeed.tech/tags/product.md>), [themes](<https://devfeed.tech/tags/themes.md>), [ui](<https://devfeed.tech/tags/ui.md>), [ux](<https://devfeed.tech/tags/ux.md>)

### AI overview

GitLab describes a UI reduction effort using neutral controls, reduced color, and design tokens to improve clarity and make room for self-surfacing interactions.

### Source excerpt

Throughout this year, the product interface has been in a season of reduction. On the heels of dark mode, the tide has been moving out with a quieter application chrome, overall color reduction, and neutral controls. It can feel like loss, low tide always does. But low tide is also when you can see the shape of the shoreline clearly enough to build something new on it. What's coming in is a user interface built for a different kind of work where you don't search for the right button, it surfaces at the moment you need it. This is a conceptual shift that needs room to breathe, and we're clearing the way for it. Tech goes through cycles like this. Touchscreens replacing physical buttons felt like a loss at first, until gestures, voice, and haptics enabled a deeper kind of interaction and expression. Cords gave way to wireless and each generational change introduced real friction for a time. The tide going out isn't the point, it's the possibility of what comes in with it. Here's what's changed in the GitLab UI: Neutralized actions and controls (buttons, form controls, toggles, tabs) with increased contrast Enhanced instance theming addressing more surface area Neutral palette update and tinted neutrals for themes New bloom-style glow visual element draws attention to GitLab Duo interaction and moments requiring user input The journey to the new design Our version of that cycle started years ago when we removed many of the old Bootstrap variants and continued as we moved to design tokens. Instead of sharing a crowded palette, we scoped categories like actions, feedback, and controls more narrowly. Color in the product had a real problem of trying to do too many jobs at once and resulted in some screens feeling "lit up like a Christmas tree." Generally speaking, enterprise software limits color so that when it shows up it means something. That's the direction we've been iterating on for years. Changes like this are rarely perfect on the first pass. Something looks fine

## Best WordPress Hosts for Designers & Creatives in 2026

DevFeed: [Best WordPress Hosts for Designers & Creatives in 2026](<https://devfeed.tech/articles/best-wordpress-hosts-for-designers-creatives-in-2026-9284.md>)

Original publisher: [Read original article](<https://speckyboy.com/best-wordpress-hosts-designers-creatives/>)

Author: Paul Andrew

Published: 2026-08-22T11:45:43Z

Content type: comparison

Language: en

Sources: [Speckyboy Design Magazine](<https://devfeed.tech/sources/speckyboy-design-magazine.md>)

Topics: [WordPress](<https://devfeed.tech/topics/wordpress.md>), [WordPress Hosting](<https://devfeed.tech/topics/wordpress-hosting.md>), [hosting](<https://devfeed.tech/topics/hosting.md>), [cloud-infrastructure](<https://devfeed.tech/topics/cloud-infrastructure.md>)

Tags: [animation](<https://devfeed.tech/tags/animation.md>), [collaboration](<https://devfeed.tech/tags/collaboration.md>), [cost](<https://devfeed.tech/tags/cost.md>), [design](<https://devfeed.tech/tags/design.md>), [images](<https://devfeed.tech/tags/images.md>), [performance](<https://devfeed.tech/tags/performance.md>), [storage](<https://devfeed.tech/tags/storage.md>), [support](<https://devfeed.tech/tags/support.md>), [themes](<https://devfeed.tech/tags/themes.md>), [web-design](<https://devfeed.tech/tags/web-design.md>), [web-hosting](<https://devfeed.tech/tags/web-hosting.md>), [wordpress](<https://devfeed.tech/tags/wordpress.md>), [wordpress-hosting](<https://devfeed.tech/tags/wordpress-hosting.md>)

### AI overview

A comparison of WordPress hosting options for designers, photographers, illustrators, freelancers, studios, and creative agencies. It evaluates performance, media handling, storage, themes and plugins, staging, backups, collaboration, client management, support, and cost, with recommendations for different website and workflow needs.

### Source excerpt

Compare the best WordPress hosts for designers and creatives, with options for portfolios, client websites, visual content, and agency work. The post Best WordPress Hosts for Designers & Creatives in 2026 appeared first on Speckyboy Design Magazine.

## Codename One Settings Is Now a Standalone Tool

DevFeed: [Codename One Settings Is Now a Standalone Tool](<https://devfeed.tech/articles/codename-one-settings-is-now-a-standalone-tool-19530.md>)

Original publisher: [Read original article](<https://www.codenameone.com/blog/standalone-codename-one-settings/>)

Author: Shai Almog

Published: 2026-07-18T00:00:00Z

Content type: release

Language: en

Sources: [CodeName One](<https://devfeed.tech/sources/codename-one.md>)

Topics: [configuration](<https://devfeed.tech/topics/configuration.md>), [Spring Boot](<https://devfeed.tech/topics/spring-boot.md>), [Extension](<https://devfeed.tech/topics/extension.md>), [App](<https://devfeed.tech/topics/app.md>)

Tags: [build](<https://devfeed.tech/tags/build.md>), [dependencies](<https://devfeed.tech/tags/dependencies.md>), [desktop](<https://devfeed.tech/tags/desktop.md>), [extensions](<https://devfeed.tech/tags/extensions.md>), [install](<https://devfeed.tech/tags/install.md>), [legacy](<https://devfeed.tech/tags/legacy.md>), [project](<https://devfeed.tech/tags/project.md>), [tests](<https://devfeed.tech/tags/tests.md>), [themes](<https://devfeed.tech/tags/themes.md>), [ui](<https://devfeed.tech/tags/ui.md>)

### AI overview

Codename One Settings has been replaced by a standalone desktop application distributed through a Codename One Maven project. It focuses on project properties, build hints, themes, and extensions while keeping project files as the source of truth.

### Source excerpt

Codename One Settings is now a focused Maven-distributed desktop tool for project identity, build hints, themes, and extensions.

## A Recap of the 2026 Experimentation Conference at Booking.com

DevFeed: [A Recap of the 2026 Experimentation Conference at Booking.com](<https://devfeed.tech/articles/a-recap-of-the-2026-experimentation-conference-at-booking-com-30447.md>)

Original publisher: [Read original article](<https://booking.ai/a-recap-of-the-2026-experimentation-conference-at-booking-com-f43d48698fcd?source=rss----4d265f07defc---4>)

Author: Mel JI Mueller

Published: 2026-07-16T08:18:03Z

Content type: article

Language: en

Sources: [Booking.com Data Science](<https://devfeed.tech/sources/booking-com-data-science.md>)

Topics: [experiments](<https://devfeed.tech/topics/experiments.md>), [decision-making](<https://devfeed.tech/topics/decision-making.md>), [Artificial Intelligence](<https://devfeed.tech/topics/ai.md>), [Tooling](<https://devfeed.tech/topics/tooling.md>)

Tags: [2025](<https://devfeed.tech/tags/2025.md>), [ai](<https://devfeed.tech/tags/ai.md>), [analysis](<https://devfeed.tech/tags/analysis.md>), [data-science](<https://devfeed.tech/tags/data-science.md>), [events](<https://devfeed.tech/tags/events.md>), [experimentation](<https://devfeed.tech/tags/experimentation.md>), [organizational](<https://devfeed.tech/tags/organizational.md>), [parallel](<https://devfeed.tech/tags/parallel.md>), [recap](<https://devfeed.tech/tags/recap.md>), [themes](<https://devfeed.tech/tags/themes.md>)

### AI overview

A recap of Booking.com's 2026 Experimentation Conference, which brought together more than 150 experimentation practitioners from 49 companies. The article summarizes survey findings, conference themes, and sessions on AI-assisted experimentation, experimentation quality and velocity, and organizational culture.

### Source excerpt

By Kevin Anderson, Angelica Goetzen, Jorden Lentze, and Melanie Mueller On May 18, 2026, we hosted the third annual Experimentation Conference at Booking.com on our Amsterdam campus. What started in 2024 as an experiment itself -- would large-scale experimentation practitioners come together to learn from each other? -- has grown into an event which brings together over 150 practitioners from 49 companies which run experiments at scale. About one third of attendees came back a second or third time. The room collectively ran 56,000 experiments per year. It's a unique crowd, and that's exactly the point. The day opened with sharing the results of the survey data we collected from the participating companies on the state of experimentation across the room, revealing some interesting findings: most teams operate a centre of excellence model, roughly a third release over 90% of features through controlled experiments, and the top challenges are scaling, coordination, platform tooling, and culture. These shared experiences helped shape the programme. We had three sessions, grouped by the three conference themes: AI and experimentation: AI-assisted analysis, no-code experimentation Quality / velocity tradeoff: High-quality vs high-speed experimentation Experimentation culture: Build organizational buy-in and data-driven decision-making Each session followed the same format: two talks, then a panel discussion on the same topic. We closed with nine parallel breakout groups for deeper conversation. Below is a recap of the key sessions. Read the recap of 2025 | Read the recap of 2024 Session 1: AI and experimentation The conference started off with the hot topic of AI in experimentation. AI is changing how we experiment and how we support experimenters. How Experimentation Protects Decisions in an AI-Written World -- Marcel Toben Marcel Toben, Head of Engineering at Zalando, opened with a provocation he'd recently heard from software engineers in Berlin: nobody on his team had wr

## Modern CSS theming with light-dark(), contrast-color(), and style queries

DevFeed: [Modern CSS theming with light-dark(), contrast-color(), and style queries](<https://devfeed.tech/articles/modern-css-theming-with-light-dark-contrast-color-and-style-queries-28815.md>)

Original publisher: [Read original article](<https://una.im/modern-css-theming/>)

Published: 2026-06-22T00:00:00Z

Content type: tutorial

Language: en

Sources: [Una Kravets](<https://devfeed.tech/sources/una-kravets.md>)

Topics: [CSS](<https://devfeed.tech/topics/css.md>), [modern web development](<https://devfeed.tech/topics/modern-web-development.md>), [color](<https://devfeed.tech/topics/color.md>), [Media Queries](<https://devfeed.tech/topics/media-queries.md>)

Tags: [color](<https://devfeed.tech/tags/color.md>), [css](<https://devfeed.tech/tags/css.md>), [dark-mode](<https://devfeed.tech/tags/dark-mode.md>), [dynamic-theming](<https://devfeed.tech/tags/dynamic-theming.md>), [media](<https://devfeed.tech/tags/media.md>), [scheme](<https://devfeed.tech/tags/scheme.md>), [support](<https://devfeed.tech/tags/support.md>), [themes](<https://devfeed.tech/tags/themes.md>)

### AI overview

This tutorial explains how to combine light-dark(), contrast-color(), style queries, custom properties, and related CSS color features to create adaptive themed components. It covers light and dark color schemes, context-sensitive palettes, automatic text contrast, and different elevation effects for each theme.

### Source excerpt

Combine three new CSS features to build fully adaptive themed components.

## Algorithmic Theming Engines: Building Self-Correcting Color Systems With \`contrast-color()\`

DevFeed: [Algorithmic Theming Engines: Building Self-Correcting Color Systems With \`contrast-color()\`](<https://devfeed.tech/articles/algorithmic-theming-engines-building-self-correcting-color-systems-with-contrast-color-4275.md>)

Original publisher: [Read original article](<https://smashingmagazine.com/2026/05/building-self-correcting-color-systems-contrast-color/>)

Author: hello@smashingmagazine.com (Durgesh Pawar)

Published: 2026-05-28T13:00:00Z

Content type: article

Language: en

Sources: [Articles on Smashing Magazine -- For Web Designers And Developers](<https://devfeed.tech/sources/articles-on-smashing-magazine-for-web-designers-and-developers.md>)

Topics: [Web platform](<https://devfeed.tech/topics/web-platform.md>), [User interface design](<https://devfeed.tech/topics/ui-design.md>), [Web Development](<https://devfeed.tech/topics/web-development.md>)

Tags: [accessibility](<https://devfeed.tech/tags/accessibility.md>), [browser](<https://devfeed.tech/tags/browser.md>), [coding](<https://devfeed.tech/tags/coding.md>), [css](<https://devfeed.tech/tags/css.md>), [css-functions](<https://devfeed.tech/tags/css-functions.md>), [techniques](<https://devfeed.tech/tags/techniques.md>), [themes](<https://devfeed.tech/tags/themes.md>)

### AI overview

The article examines CSS contrast-color() as a browser-native way to choose black or white text based on a background color, with the goal of improving color-contrast accessibility without runtime JavaScript.

### Source excerpt

Seventy percent of websites still fail basic WCAG contrast checks in 2025. After years of design system tooling, accessibility linters, and JavaScript libraries, nothing moved the needle. We didn't need better libraries. We needed better CSS. `contrast-color()` is that better CSS.

## Brainstorming with ChatGPT

DevFeed: [Brainstorming with ChatGPT](<https://devfeed.tech/articles/brainstorming-with-chatgpt-6161.md>)

Original publisher: [Read original article](<https://openai.com/academy/brainstorming>)

Published: 2026-04-10T00:00:00Z

Content type: article

Language: en

Sources: [OpenAI News](<https://devfeed.tech/sources/openai-news.md>)

Topics: [ChatGPT](<https://devfeed.tech/topics/chatgpt.md>), [Frameworks](<https://devfeed.tech/topics/frameworks.md>)

Tags: [chatgpt](<https://devfeed.tech/tags/chatgpt.md>), [how-to](<https://devfeed.tech/tags/how-to.md>), [idea](<https://devfeed.tech/tags/idea.md>), [learn](<https://devfeed.tech/tags/learn.md>), [openai-academy](<https://devfeed.tech/tags/openai-academy.md>), [themes](<https://devfeed.tech/tags/themes.md>), [work](<https://devfeed.tech/tags/work.md>)

### AI overview

This article explains how to use ChatGPT as a structured thought partner for brainstorming. It covers generating options, organizing ideas into themes, pressure-testing plans, applying constraints, and moving from broad exploration to evaluation and an actionable plan.

### Source excerpt

Learn how to use ChatGPT to brainstorm ideas, organize thinking, and turn rough concepts into structured, actionable plans.

## How to Sell WordPress Plugins and Themes: The Complete 2026 Guide

DevFeed: [How to Sell WordPress Plugins and Themes: The Complete 2026 Guide](<https://devfeed.tech/articles/how-to-sell-wordpress-plugins-and-themes-the-complete-2026-guide-10374.md>)

Original publisher: [Read original article](<https://dodopayments.com/blogs/sell-wordpress-plugins-themes/>)

Author: Ayush Agarwal

Published: 2026-04-06T00:00:00Z

Content type: tutorial

Language: en

Sources: [Dodo Payments Blog](<https://devfeed.tech/sources/dodo-payments-blog.md>)

Topics: [WordPress themes and plugins](<https://devfeed.tech/topics/wordpress-themes-and-plugins.md>), [WordPress Plugins](<https://devfeed.tech/topics/wordpress-plugins.md>), [WordPress](<https://devfeed.tech/topics/wordpress.md>), [Support](<https://devfeed.tech/topics/support.md>)

Tags: [2026](<https://devfeed.tech/tags/2026.md>), [digital-products](<https://devfeed.tech/tags/digital-products.md>), [guide](<https://devfeed.tech/tags/guide.md>), [how-to](<https://devfeed.tech/tags/how-to.md>), [marketplaces](<https://devfeed.tech/tags/marketplaces.md>), [monetization](<https://devfeed.tech/tags/monetization.md>), [payment](<https://devfeed.tech/tags/payment.md>), [payment-processing](<https://devfeed.tech/tags/payment-processing.md>), [plugins](<https://devfeed.tech/tags/plugins.md>), [pricing](<https://devfeed.tech/tags/pricing.md>), [product](<https://devfeed.tech/tags/product.md>), [themes](<https://devfeed.tech/tags/themes.md>), [wordpress](<https://devfeed.tech/tags/wordpress.md>)

### AI overview

A practical 2026 guide to selling WordPress plugins and themes. It covers licensing, pricing, updates, support, payment processing, and the trade-offs between marketplaces and direct sales, including WordPress.org and Envato Market.

### Source excerpt

Learn how to sell WordPress plugins and themes online with the right licensing, pricing, delivery, and payment setup - without marketplace commissions.

## Engineering Den: Ship in style with official Redpanda terminal themes

DevFeed: [Engineering Den: Ship in style with official Redpanda terminal themes](<https://devfeed.tech/articles/engineering-den-ship-in-style-with-official-redpanda-terminal-themes-12762.md>)

Original publisher: [Read original article](<https://www.redpanda.com/blog/redpanda-terminal-themes>)

Author: Simon Soriano

Published: 2026-04-01T00:00:00Z

Content type: article

Language: en

Sources: [Redpanda](<https://devfeed.tech/sources/redpanda.md>)

Topics: [Terminal](<https://devfeed.tech/topics/terminal.md>), [Dark Mode](<https://devfeed.tech/topics/dark-mode.md>), [Syntax Highlighting](<https://devfeed.tech/topics/syntax-highlighting.md>), [Artificial Intelligence](<https://devfeed.tech/topics/ai.md>), [GitHub](<https://devfeed.tech/topics/github.md>)

Tags: [ai](<https://devfeed.tech/tags/ai.md>), [announcements](<https://devfeed.tech/tags/announcements.md>), [apache](<https://devfeed.tech/tags/apache.md>), [dark-mode](<https://devfeed.tech/tags/dark-mode.md>), [engineering](<https://devfeed.tech/tags/engineering.md>), [github](<https://devfeed.tech/tags/github.md>), [terminal](<https://devfeed.tech/tags/terminal.md>), [themes](<https://devfeed.tech/tags/themes.md>)

### AI overview

Redpanda introduces official terminal themes in dark and light variants, with configurations for Ghostty, iTerm2, Windows Terminal, Alacritty, Kitty, and WezTerm. The themes use Redpanda's brand colors while preserving readable syntax highlighting and diffs, and were generated with Claude.

### Source excerpt

Add a "paws-itive" flair to your terminal with Redpanda themes. Light and dark mode included.

## Introducing Theme Builder

DevFeed: [Introducing Theme Builder](<https://devfeed.tech/articles/introducing-theme-builder-13543.md>)

Original publisher: [Read original article](<https://zed.dev/blog/theme-builder>)

Author: Gaauwe Rombouts

Published: 2026-02-12T00:00:00Z

Content type: release

Language: en

Sources: [Zed Industries - Blog](<https://devfeed.tech/sources/zed-industries-blog.md>)

Topics: [ui](<https://devfeed.tech/topics/ui.md>), [JSON](<https://devfeed.tech/topics/json.md>), [Programming](<https://devfeed.tech/topics/programming.md>)

Tags: [json](<https://devfeed.tech/tags/json.md>), [multiplayer](<https://devfeed.tech/tags/multiplayer.md>), [themes](<https://devfeed.tech/tags/themes.md>), [ui](<https://devfeed.tech/tags/ui.md>)

### AI overview

Zed introduces Theme Builder, a visual editor for creating code editor themes with interactive live previews, token identification, and export without manually editing JSON files.

### Source excerpt

Create beautiful Zed themes with an interactive live preview.

## Color themes with Baseline CSS features

DevFeed: [Color themes with Baseline CSS features](<https://devfeed.tech/articles/color-themes-with-baseline-css-features-4155.md>)

Original publisher: [Read original article](<https://web.dev/articles/baseline-in-action-color-theme?hl=en>)

Author: David A Herron Homepage

Published: 2025-12-11T08:00:00Z

Content type: tutorial

Language: en

Sources: [web.dev: Articles](<https://devfeed.tech/sources/web-dev-articles.md>)

Topics: [Web Development](<https://devfeed.tech/topics/web-development.md>), [Dark Mode](<https://devfeed.tech/topics/dark-mode.md>), [User interface design](<https://devfeed.tech/topics/ui-design.md>)

Tags: [css](<https://devfeed.tech/tags/css.md>), [dark-mode](<https://devfeed.tech/tags/dark-mode.md>), [how-to](<https://devfeed.tech/tags/how-to.md>), [themes](<https://devfeed.tech/tags/themes.md>), [ui](<https://devfeed.tech/tags/ui.md>)

### AI overview

A CSS tutorial on building color themes with Baseline features, using relative colors and OkLCh to derive palette values and support light and dark modes.

### Source excerpt

Learn how to create color themes with Baseline web features available in CSS.

## Discover Roq, the Quarkus Way for Static Site Generation in Java

DevFeed: [Discover Roq, the Quarkus Way for Static Site Generation in Java](<https://devfeed.tech/articles/discover-roq-the-quarkus-way-for-static-site-generation-in-java-23016.md>)

Original publisher: [Read original article](<https://www.javaadvent.com/2025/12/discover-roq-the-quarkus-way-for-static-site-generation-in-java.html>)

Author: Andy Damevin

Published: 2025-12-09T02:02:47Z

Content type: tutorial

Language: en

Sources: [Java Advent Calendar](<https://devfeed.tech/sources/java-advent-calendar.md>)

Topics: [Quarkus](<https://devfeed.tech/topics/quarkus.md>), [Java](<https://devfeed.tech/topics/java.md>), [Development](<https://devfeed.tech/topics/development.md>), [Tailwind CSS](<https://devfeed.tech/topics/tailwind.md>), [gatsby](<https://devfeed.tech/topics/gatsby.md>), [Jekyll](<https://devfeed.tech/topics/jekyll.md>)

Tags: [2025](<https://devfeed.tech/tags/2025.md>), [cms](<https://devfeed.tech/tags/cms.md>), [dev](<https://devfeed.tech/tags/dev.md>), [github-action](<https://devfeed.tech/tags/github-action.md>), [hugo](<https://devfeed.tech/tags/hugo.md>), [java](<https://devfeed.tech/tags/java.md>), [javascript](<https://devfeed.tech/tags/javascript.md>), [jvm](<https://devfeed.tech/tags/jvm.md>), [quarkus](<https://devfeed.tech/tags/quarkus.md>), [ssg](<https://devfeed.tech/tags/ssg.md>), [static-site-generator](<https://devfeed.tech/tags/static-site-generator.md>), [tailwindcss](<https://devfeed.tech/tags/tailwindcss.md>), [themes](<https://devfeed.tech/tags/themes.md>)

### AI overview

This tutorial introduces Roq, a static-site generator built as a thin layer on Quarkus for Java. It explains how Roq uses Quarkus features such as Qute templates, extensions, Dev Mode, plugins, themes, data files, and static-site export, then demonstrates setup and live reloading with a Quarkus, Roq, and Tailwind project.

### Source excerpt

Did you know about Roq? A powerful new tool that combines Java and Quarkus. Ok, prep a warm drink and put on some soft music and let's find out why Roq is so cool with the comfort of Quarkus Dev Mode and all its eco-system. Bonus: a touch of TailwindCss to make it look great! The post Discover Roq, the Quarkus Way for Static Site Generation in Java appeared first on JVM Advent.

## Compose Unstyled v1.49: Introducing Platform Themes

DevFeed: [Compose Unstyled v1.49: Introducing Platform Themes](<https://devfeed.tech/articles/compose-unstyled-v1-49-introducing-platform-themes-28448.md>)

Original publisher: [Read original article](<https://composables.com/blog/compose-unstyled-1.49>)

Author: Alex Styl

Published: 2025-11-20T00:00:00Z

Content type: release

Language: en

Sources: [Composables - Concise, no-fluff video tutorials for Android developers](<https://devfeed.tech/sources/composables-concise-no-fluff-video-tutorials-for-android-developers.md>)

Topics: [Compose](<https://devfeed.tech/topics/compose.md>), [Android](<https://devfeed.tech/topics/android.md>), [iOS](<https://devfeed.tech/topics/ios.md>), [Web](<https://devfeed.tech/topics/web.md>), [Mobile](<https://devfeed.tech/topics/mobile.md>)

Tags: [android](<https://devfeed.tech/tags/android.md>), [compose](<https://devfeed.tech/tags/compose.md>), [ios](<https://devfeed.tech/tags/ios.md>), [themes](<https://devfeed.tech/tags/themes.md>), [tokens](<https://devfeed.tech/tags/tokens.md>), [typography](<https://devfeed.tech/tags/typography.md>), [v1](<https://devfeed.tech/tags/v1.md>), [web](<https://devfeed.tech/tags/web.md>)

### AI overview

Compose Unstyled v1.49 introduces Platform Themes, which provide platform-specific interaction effects and typography defaults across Android, iOS, desktop, and Web. On Web, the feature also bundles Noto Sans and supports scripts including Japanese, Korean, Traditional Chinese, and Simplified Chinese.

### Source excerpt

Native look and feel on every platform, not just Android.

## New Looks for Nitro, New Looks for You. Get Yourself a Nitro-exclusive Profile Bundle!

DevFeed: [New Looks for Nitro, New Looks for You. Get Yourself a Nitro-exclusive Profile Bundle!](<https://devfeed.tech/articles/new-looks-for-nitro-new-looks-for-you-get-yourself-a-nitro-exclusive-profile-bundle-268.md>)

Original publisher: [Read original article](<https://discord.com/blog/new-looks-for-nitro-new-looks-for-you-get-yourself-a-nitro-exclusive-profile-bundle>)

Author: Clyde

Published: 2025-09-25T00:00:00Z

Content type: article

Language: en

Sources: [Discord Blog](<https://devfeed.tech/sources/discord-blog.md>)

Topics: [Discord](<https://devfeed.tech/topics/discord.md>), [Messaging](<https://devfeed.tech/topics/messaging.md>), [Streaming](<https://devfeed.tech/topics/streaming.md>), [Emoji](<https://devfeed.tech/topics/emoji.md>), [Jetpack](<https://devfeed.tech/topics/jetpack.md>)

Tags: [2025](<https://devfeed.tech/tags/2025.md>), [blog](<https://devfeed.tech/tags/blog.md>), [discord](<https://devfeed.tech/tags/discord.md>), [features](<https://devfeed.tech/tags/features.md>), [jetpack](<https://devfeed.tech/tags/jetpack.md>), [messaging](<https://devfeed.tech/tags/messaging.md>), [streaming](<https://devfeed.tech/tags/streaming.md>), [themes](<https://devfeed.tech/tags/themes.md>)

### AI overview

Discord announces a Nitro-exclusive profile bundle available through September 30, 2025, featuring an Avatar Decoration, Profile Effect, and Nameplate that match Nitro's new space-themed visual design.

### Source excerpt

Between now and September 30th, 2025, new and existing Nitro members can claim a profile bundle matching Nitro's new look, including an Avatar Decoration, Profile Effect, and a Nameplate! Open this blog to see the details.

## Smooth Theme Transitions in Compose with Animated ColorSchemes

DevFeed: [Smooth Theme Transitions in Compose with Animated ColorSchemes](<https://devfeed.tech/articles/smooth-theme-transitions-in-compose-with-animated-colorschemes-25120.md>)

Original publisher: [Read original article](<http://michaelevans.org/blog/2025/07/01/smooth-theme-transitions-in-compose-with-animated-colorschemes/>)

Author: Michael Evans

Published: 2025-07-02T03:38:27Z

Content type: article

Language: en

Sources: [Gadget Habit](<https://devfeed.tech/sources/gadget-habit.md>)

Topics: [Jetpack Compose](<https://devfeed.tech/topics/jetpack-compose.md>), [Compose](<https://devfeed.tech/topics/compose.md>), [Dark Mode](<https://devfeed.tech/topics/dark-mode.md>), [ui](<https://devfeed.tech/topics/ui.md>), [Code](<https://devfeed.tech/topics/code.md>), [GitHub](<https://devfeed.tech/topics/github.md>)

Tags: [animation](<https://devfeed.tech/tags/animation.md>), [code](<https://devfeed.tech/tags/code.md>), [compose](<https://devfeed.tech/tags/compose.md>), [dark-mode](<https://devfeed.tech/tags/dark-mode.md>), [github](<https://devfeed.tech/tags/github.md>), [jetpack-compose](<https://devfeed.tech/tags/jetpack-compose.md>), [themes](<https://devfeed.tech/tags/themes.md>), [ui](<https://devfeed.tech/tags/ui.md>)

### AI overview

This article explains how to create smooth light and dark theme transitions in Jetpack Compose by animating ColorScheme properties. It compares individual color animations with a cleaner updateTransition-based approach that shares timing and easing, reduces scattered animation logic, and remains easier to extend.

### Source excerpt

If your Jetpack Compose app supports light and dark themes, you've probably noticed the default behavior: a sudden cut between color schemes when the system UI mode changes. I think we've all seen theme changes that look like this: Your browser does not support the video tag. We can do better. By wrapping your theme setup with some animation, we can achieve smooth transitions between light and dark themes that feel much more polished -- without rebuilding your entire app structure. The Idea: Animate the ColorScheme Jetpack Compose's MaterialTheme accepts a ColorScheme. If we gradually animate the colors inside that scheme when the system toggles between dark and light, we can fade the colors smoothly across the entire app. Here's a simplified example: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 @Composable fun AnimatedTheme( darkTheme: Boolean = isSystemInDarkTheme(), content: @Composable () -> Unit ) { val targetScheme = if (darkTheme) DarkColorScheme else LightColorScheme val animatedScheme = targetScheme.copy( primary = animateColorAsState(targetScheme.primary).value, background = animateColorAsState(targetScheme.background).value, surface = animateColorAsState(targetScheme.surface).value, onPrimary = animateColorAsState(targetScheme.onPrimary).value, // Add more swatches as needed... ) MaterialTheme( colorScheme = animatedScheme, typography = Typography, shapes = Shapes, content = content ) } You can expand this to include all 20+ color swatches if you want -- but we'll show a better way shortly. The Problem: Too Many Animations Manually animating every color swatch with animateColorAsState works, but: It's verbose It runs a lot of recompositions (even for unused swatches) It can be hard to keep up if ColorScheme changes A Better Approach: Animating with updateTransition A cleaner solution is to animate all properties as part of a single Transition. That way, Compose shares the animation clock and easing, and you're not scattering a dozen independent

## Resilient Import Maps - Better Theme Development and Beyond

DevFeed: [Resilient Import Maps - Better Theme Development and Beyond](<https://devfeed.tech/articles/resilient-import-maps-better-theme-development-and-beyond-1552.md>)

Original publisher: [Read original article](<https://shopify.engineering/resilient-import-maps>)

Author: Yoav Weiss

Published: 2025-05-28T14:00:00Z

Content type: article

Language: en

Sources: [Shopify Engineering](<https://devfeed.tech/sources/shopify-engineering.md>), [Shopify Engineering - Shopify Engineering](<https://devfeed.tech/sources/shopify-engineering-shopify-engineering.md>)

Topics: [Web platform](<https://devfeed.tech/topics/web-platform.md>), [modern web development](<https://devfeed.tech/topics/modern-web-development.md>)

Tags: [cache](<https://devfeed.tech/tags/cache.md>), [developer-experience](<https://devfeed.tech/tags/developer-experience.md>), [html](<https://devfeed.tech/tags/html.md>), [javascript](<https://devfeed.tech/tags/javascript.md>), [performance](<https://devfeed.tech/tags/performance.md>), [shopify](<https://devfeed.tech/tags/shopify.md>), [themes](<https://devfeed.tech/tags/themes.md>), [web-platform](<https://devfeed.tech/tags/web-platform.md>)

### AI overview

Shopify explains how it addressed fragile import-map loading behavior at the web-platform level. The changes let theme and app developers interleave JavaScript modules and multiple import maps, improving correctness, caching, and developer experience.

### Source excerpt

Import maps are great for both performance and developer experience, but their original limitations made them hard to use, especially at Shopify's scale. We stepped up and pushed changes across the HTML spec, Chromium and WebKit to fix these issues at the web platform level. Now, developers can interleave JavaScript modules and multiple import maps on their HTML pages without worrying about correctness issues.

## Why Visual Testing Is Critical for Mobile App Quality

DevFeed: [Why Visual Testing Is Critical for Mobile App Quality](<https://devfeed.tech/articles/why-visual-testing-is-critical-for-mobile-app-quality-24858.md>)

Original publisher: [Read original article](<https://alexzh.com/why-visual-testing-is-critical-for-mobile-app-quality/>)

Author: Alex Zhukovich

Published: 2025-03-13T20:59:10Z

Content type: tutorial

Language: en

Sources: [Alex Zhuk - Android development and testing](<https://devfeed.tech/sources/alex-zhuk-android-development-and-testing.md>)

Topics: [Testing](<https://devfeed.tech/topics/testing.md>), [Mobile](<https://devfeed.tech/topics/mobile.md>), [Android](<https://devfeed.tech/topics/android.md>), [App](<https://devfeed.tech/topics/app.md>)

Tags: [accessibility](<https://devfeed.tech/tags/accessibility.md>), [android](<https://devfeed.tech/tags/android.md>), [android-testing](<https://devfeed.tech/tags/android-testing.md>), [app-quality](<https://devfeed.tech/tags/app-quality.md>), [devices](<https://devfeed.tech/tags/devices.md>), [mobile](<https://devfeed.tech/tags/mobile.md>), [screenshot](<https://devfeed.tech/tags/screenshot.md>), [screenshot-testing](<https://devfeed.tech/tags/screenshot-testing.md>), [testing](<https://devfeed.tech/tags/testing.md>), [tests](<https://devfeed.tech/tags/tests.md>), [themes](<https://devfeed.tech/tags/themes.md>), [ui](<https://devfeed.tech/tags/ui.md>), [visual-testing](<https://devfeed.tech/tags/visual-testing.md>)

### AI overview

The article explains that visual testing can detect UI imperfections that conventional UI tests may miss. It introduces screenshot comparison in Android, using baseline "golden screenshots" to identify alignment, color, layout, localization, and accessibility issues across devices and themes.

### Source excerpt

Visual tests catches UI imperfections that traditional UI tests miss. They detect misalignments, color issues, and layout problems across different devices and themes. This article introduces visual testing concepts, explains how screenshot comparison works, and demonstrates implementation.

## Introducing Nuxt Icon v1

DevFeed: [Introducing Nuxt Icon v1](<https://devfeed.tech/articles/introducing-nuxt-icon-v1-3408.md>)

Original publisher: [Read original article](<https://nuxt.com/blog/nuxt-icon-v1-0>)

Published: 2024-11-25T00:00:00Z

Content type: article

Language: en

Sources: [The Nuxt Blog](<https://devfeed.tech/sources/the-nuxt-blog.md>)

Topics: [User interface design](<https://devfeed.tech/topics/ui-design.md>), [web applications](<https://devfeed.tech/topics/web-applications.md>)

Tags: [browsers](<https://devfeed.tech/tags/browsers.md>), [developers](<https://devfeed.tech/tags/developers.md>), [engineering](<https://devfeed.tech/tags/engineering.md>), [flash](<https://devfeed.tech/tags/flash.md>), [http](<https://devfeed.tech/tags/http.md>), [images](<https://devfeed.tech/tags/images.md>), [performance](<https://devfeed.tech/tags/performance.md>), [release](<https://devfeed.tech/tags/release.md>), [scalability](<https://devfeed.tech/tags/scalability.md>), [scale](<https://devfeed.tech/tags/scale.md>), [server](<https://devfeed.tech/tags/server.md>), [solutions](<https://devfeed.tech/tags/solutions.md>), [support](<https://devfeed.tech/tags/support.md>), [techniques](<https://devfeed.tech/tags/techniques.md>), [themes](<https://devfeed.tech/tags/themes.md>), [usability](<https://devfeed.tech/tags/usability.md>), [user-experience](<https://devfeed.tech/tags/user-experience.md>), [v1](<https://devfeed.tech/tags/v1.md>), [web](<https://devfeed.tech/tags/web.md>)

### AI overview

The article introduces Nuxt Icon v1, an icon-rendering solution for Nuxt projects. It discusses icon requirements such as theming, scalability, bundling, dynamic loading, and SSR compatibility, and contrasts them with limitations of image-based icons.

### Source excerpt

Discover Nuxt Icon v1 - a modern, versatile, and customizable icon solution for your Nuxt projects.

## Opinion: Jetpack Compose needs a Design System layer

DevFeed: [Opinion: Jetpack Compose needs a Design System layer](<https://devfeed.tech/articles/opinion-jetpack-compose-needs-a-design-system-layer-25996.md>)

Original publisher: [Read original article](<https://proandroiddev.com/opinion-jetpack-compose-needs-a-design-system-layer-dc579fde79b2?source=rss-37290b859aca------2>)

Author: Nick Rout

Published: 2024-03-15T14:05:16Z

Content type: opinion

Language: en

Sources: [Stories by Nick Rout on Medium](<https://devfeed.tech/sources/stories-by-nick-rout-on-medium.md>)

Topics: [Jetpack Compose](<https://devfeed.tech/topics/jetpack-compose.md>), [Design system](<https://devfeed.tech/topics/design-system.md>), [Android](<https://devfeed.tech/topics/android.md>), [Kotlin](<https://devfeed.tech/topics/kotlin.md>), [Figma](<https://devfeed.tech/topics/figma.md>), [multiplatform](<https://devfeed.tech/topics/multiplatform.md>)

Tags: [android](<https://devfeed.tech/tags/android.md>), [components](<https://devfeed.tech/tags/components.md>), [compose](<https://devfeed.tech/tags/compose.md>), [compose-multiplatform](<https://devfeed.tech/tags/compose-multiplatform.md>), [design-system](<https://devfeed.tech/tags/design-system.md>), [design-systems](<https://devfeed.tech/tags/design-systems.md>), [figma](<https://devfeed.tech/tags/figma.md>), [jetpack-compose](<https://devfeed.tech/tags/jetpack-compose.md>), [kotlin](<https://devfeed.tech/tags/kotlin.md>), [opinion](<https://devfeed.tech/tags/opinion.md>), [patterns](<https://devfeed.tech/tags/patterns.md>), [product-design](<https://devfeed.tech/tags/product-design.md>), [themes](<https://devfeed.tech/tags/themes.md>), [tokens](<https://devfeed.tech/tags/tokens.md>)

### AI overview

An opinion article argues that Jetpack Compose should include a design-system layer. It praises Compose's Kotlin APIs, concise UI implementation, unidirectional data flow, and tooling, while contending that design systems deserve stronger support and that Material Design should be a choice rather than the default.

### Source excerpt

Photo by Clark Van Der Beken on UnsplashIn a world of Android complexity, Compose Multiplatform, design-to-code automation, and UIs that need to differentiate by brand identity and craft... Material Design should be a choice, not the default. Featured in Android Weekly Issue #614, Kotlin Weekly Issue #398, and jetc.dev Issue #205 Jetpack Compose is awesome. I'm probably preaching to the choir in saying that it gave native Android development the "shot in the arm" it sorely needed after ~10 years of XML and Views. It claims to be modern and intuitive, and it is--it's easy to rave about the Kotlin-only APIs, the reduced lines of code for both simple and complex UIs, how it's designed for unidirectional data flow (UDF), the growing tooling/community support... However, a quote from the official Why adopt Compose documentation sums it up quite nicely: "There are fewer steps between the thing you want to make and actually making it." I'd wager that this is the "north star" of Compose (and any UI toolkit for that matter): making it easier to implement what your product team--whether that's you as an indie developer or an entire team of designers--has envisioned. Compose is very good at doing this in most cases but, in my opinion, it could be better in one particular, important area: design systems. Why are design systems important in the context of Compose? Before we dive in: If you need an introduction to or a refresher on design systems, Figma has conveniently started publishing a series on the topic starting with Design systems 101: What is a design system? I also recommend checking out designsystems.com (also by Figma) and reading Design That Scales by Dan Mall. Design systems are the "secret sauce" (of truth) for UIs at scale. Just as Compose seems to be the UI-toolkit-shaped silver bullet for Android development (and possibly other platforms), design systems have the same sleek, shiny casing in the world of product design, and they're here to stay. Your aforementioned pr

## The Astro Developer Portal

DevFeed: [The Astro Developer Portal](<https://devfeed.tech/articles/the-astro-developer-portal-3308.md>)

Original publisher: [Read original article](<https://astro.build/blog/dev-portal/>)

Author: Elian Van Cutsem

Published: 2024-03-13T00:00:00Z

Content type: article

Language: en

Sources: [The Astro Blog](<https://devfeed.tech/sources/the-astro-blog.md>)

Topics: [Astro](<https://devfeed.tech/topics/astro.md>), [internal developer portal](<https://devfeed.tech/topics/internal-developer-portal.md>), [Astro DB](<https://devfeed.tech/topics/astro-db.md>), [dogfooding](<https://devfeed.tech/topics/dogfooding.md>), [web applications](<https://devfeed.tech/topics/web-applications.md>), [Pull Request](<https://devfeed.tech/topics/pull-request.md>)

Tags: [astro](<https://devfeed.tech/tags/astro.md>), [astro-db](<https://devfeed.tech/tags/astro-db.md>), [bugs](<https://devfeed.tech/tags/bugs.md>), [build](<https://devfeed.tech/tags/build.md>), [building](<https://devfeed.tech/tags/building.md>), [catalog](<https://devfeed.tech/tags/catalog.md>), [community](<https://devfeed.tech/tags/community.md>), [content](<https://devfeed.tech/tags/content.md>), [core](<https://devfeed.tech/tags/core.md>), [creators](<https://devfeed.tech/tags/creators.md>), [database](<https://devfeed.tech/tags/database.md>), [developer-portal](<https://devfeed.tech/tags/developer-portal.md>), [developers](<https://devfeed.tech/tags/developers.md>), [discord](<https://devfeed.tech/tags/discord.md>), [dogfooding](<https://devfeed.tech/tags/dogfooding.md>), [feature](<https://devfeed.tech/tags/feature.md>), [integration](<https://devfeed.tech/tags/integration.md>), [platform](<https://devfeed.tech/tags/platform.md>), [themes](<https://devfeed.tech/tags/themes.md>), [update](<https://devfeed.tech/tags/update.md>)

### AI overview

Astro launches a Developer Portal for theme authors to submit, manage, and promote Astro themes. The portal replaces a manual catalog workflow and uses Astro Studio and Astro DB within an Astro web application to streamline approvals and updates.

### Source excerpt

Today, we're launching the Astro Developer Portal, a platform where theme authors can submit, manage, and promote their themes built for Astro.

## How Firebase Added Independent Dark and Light Themes to the Firebase Console

DevFeed: [How Firebase Added Independent Dark and Light Themes to the Firebase Console](<https://devfeed.tech/articles/a-console-refresh-with-flexibility-for-night-and-day-16530.md>)

Original publisher: [Read original article](<https://firebase.blog/posts/2023/11/dark-mode>)

Author: Przemek Abratowski; Amanda Ke

Published: 2023-11-13T00:00:00Z

Content type: article

Language: en

Sources: [Firebase Blog](<https://devfeed.tech/sources/firebase-blog.md>)

Topics: [Dark Mode](<https://devfeed.tech/topics/dark-mode.md>), [Firebase](<https://devfeed.tech/topics/firebase.md>), [Accessibility](<https://devfeed.tech/topics/accessibility.md>), [CSS](<https://devfeed.tech/topics/css.md>), [ui](<https://devfeed.tech/topics/ui.md>), [Design system](<https://devfeed.tech/topics/design-system.md>)

Tags: [accessibility](<https://devfeed.tech/tags/accessibility.md>), [css](<https://devfeed.tech/tags/css.md>), [dark-mode](<https://devfeed.tech/tags/dark-mode.md>), [firebase](<https://devfeed.tech/tags/firebase.md>), [firebase-console](<https://devfeed.tech/tags/firebase-console.md>), [launch](<https://devfeed.tech/tags/launch.md>), [themes](<https://devfeed.tech/tags/themes.md>), [tokens](<https://devfeed.tech/tags/tokens.md>), [ui](<https://devfeed.tech/tags/ui.md>)

### AI overview

Firebase describes the design and implementation of dark mode and a light-theme refresh for the Firebase Console. The article explains why the themes were made independent, how accessibility and legibility shaped the design, and how CSS-variable-based design tokens support the modes.

### Source excerpt

News, tutorials, and updates from the Firebase team.

## Modern VS Code extension development: The basics

DevFeed: [Modern VS Code extension development: The basics](<https://devfeed.tech/articles/modern-vs-code-extension-development-the-basics-8019.md>)

Original publisher: [Read original article](<https://snyk.io/blog/modern-vs-code-extension-development-basics/>)

Author: Mdu Sibisi

Published: 2023-09-14T05:00:00Z

Content type: tutorial

Language: en

Sources: [Blog RSS Feed | Snyk](<https://devfeed.tech/sources/blog-rss-feed-snyk.md>)

Topics: [Visual Studio Code](<https://devfeed.tech/topics/visual-studio-code.md>)

Tags: [architecture](<https://devfeed.tech/tags/architecture.md>), [awareness](<https://devfeed.tech/tags/awareness.md>), [best-practices](<https://devfeed.tech/tags/best-practices.md>), [blog](<https://devfeed.tech/tags/blog.md>), [developer](<https://devfeed.tech/tags/developer.md>), [development](<https://devfeed.tech/tags/development.md>), [draftdotdev](<https://devfeed.tech/tags/draftdotdev.md>), [engineering](<https://devfeed.tech/tags/engineering.md>), [extension](<https://devfeed.tech/tags/extension.md>), [json](<https://devfeed.tech/tags/json.md>), [themes](<https://devfeed.tech/tags/themes.md>), [types](<https://devfeed.tech/tags/types.md>), [vs-code](<https://devfeed.tech/tags/vs-code.md>)

### AI overview

A primer on developing Visual Studio Code extensions, covering extension categories, extension architecture, and development best practices. The excerpt also explains theme extensions and their JSON-based configuration.

### Source excerpt

In this part of the "Modern VS Code Extension Development" series, you'll discuss various extension types, delve into the typical architecture of VS Code extensions, and learn about some best practices for VS Code extension development.

[Next page](<https://devfeed.tech/tags/themes.md?cursor=WyIyMDIzLTA5LTE0VDA1OjAwOjAwKzAwOjAwIiwgIjFjMTM2ZDM3LTg3OTEtNGEyOC04YzQ3LWIwMzg2Zjk5NzZmOCJd>)