# Palette Published articles for Palette. This is one page of public article previews, not the complete archive. Follow Next page to continue. Summaries are not the original full articles. ## Zed Adds Icon Themes for Custom Folder and File Icons DevFeed: [Zed Adds Icon Themes for Custom Folder and File Icons]() Original publisher: [Read original article]() Author: Marshall Bowers Published: 2025-02-05T00:00:00Z Content type: release Language: en Sources: [Zed Industries - Blog]() Topics: [Extension](), [ide]() Tags: [extensions](), [icons](), [palette]() ### AI overview Zed now supports icon themes that change the appearance of folder and file icons. Users can install available themes as extensions and switch between them through the command palette. ### Source excerpt You can now use icon themes to change the way folder and file icons look in Zed ## A Guided Introduction to Text Manipulation in Zed DevFeed: [A Guided Introduction to Text Manipulation in Zed]() Original publisher: [Read original article]() Author: Joseph Lyons Published: 2024-05-03T00:00:00Z Content type: tutorial Language: en Sources: [Zed Industries - Blog]() Topics: [Development](), [coding](), [developer tooling](), [Software]() Tags: [commands](), [guide](), [keyboard](), [learn](), [navigation](), [palette](), [search](), [shortcuts]() ### AI overview A tutorial introducing text manipulation in Zed through guided exercises. It covers cursor navigation, text selection, command discovery through the command palette, and related keyboard shortcuts. ### Source excerpt Learn the basics of text manipulation in Zed via a series of guided exercises. ## Zed Weekly: #19 DevFeed: [Zed Weekly: #19]() Original publisher: [Read original article]() Author: Nathan Sobo Published: 2023-09-11T00:00:00Z Content type: article Language: en Sources: [Zed Industries - Blog]() Topics: [Graphs](), [Refactoring](), [Rust](), [ui](), [AI search](), [Prettier](), [Vim]() Tags: [feature](), [graph](), [interfaces](), [palette](), [refactoring](), [retrieval](), [rust](), [search](), [vim](), [weekly]() ### AI overview Zed Weekly #19 reports progress on converting channel trees into a directed acyclic graph to support move, link, and unlink commands. It also covers GPUI layout and styling work, Rust UI development, Prettier integration, Vim emulation, keyboard shortcut improvements, inlay hint fixes, and semantic index reliability and retrieval experiments. ### Source excerpt DAG dangers, core feature improvements, and optimizing our semantic search ## Astro unveils a refreshed brand identity, including a new logo, typography, color palette, and illustration style DevFeed: [Astro unveils a refreshed brand identity, including a new logo, typography, color palette, and illustration style]() Original publisher: [Read original article]() Author: Mark Peck Published: 2023-03-06T00:00:00Z Content type: release Language: en Sources: [The Astro Blog]() Topics: [Astro](), [Development](), [Web Development]() Tags: [astro](), [color](), [design](), [palette](), [readability](), [typography](), [web]() ### AI overview Astro introduces a refreshed brand identity shaped through community interviews and a design process with Streiloff & Co. The update includes refinements to its logo, new typefaces, a distinctive color palette, and an original illustration style. ### Source excerpt Astro's new look is live! Learn all about our new brand including the design process, our new logo, typeface, color palette, and mascot. ## Using TypeScript Intersections to Preserve Literal Autocomplete with Arbitrary Strings DevFeed: [Using TypeScript Intersections to Preserve Literal Autocomplete with Arbitrary Strings]() Original publisher: [Read original article]() Published: 2023-03-01T00:00:00Z Content type: tutorial Language: en Sources: [Artsy]() Topics: [TypeScript](), [Design system](), [React Native](), [CSS]() Tags: [autocomplete](), [css](), [design-system](), [palette](), [react-native](), [tools](), [types](), [typescript]() ### AI overview This tutorial explains a TypeScript type pattern that preserves autocomplete and typechecking for predefined design-system color values while still accepting arbitrary strings such as hexadecimal, RGB, HSL, and CSS color names. It uses an intersection-based type trick to keep specific string literals distinct from the general string type. ### Source excerpt At Artsy, we love TypeScript. We use it in most of our node/web/mobile repos. Today, I want to talk about a specific case we found while trying to make our types more strict on palette-mobile, which is our Design System for React Native. Check this out: const welp: "hello" | "world" | string // `welp` is of type `string`. Like the comment says, even though we have two specific strings, the fact that we do a union with string, makes welp have a type of just string. This is because both "hello" and "world" are strings, and the union tends to go to the type that includes the most. Think of set theory and bubbles. "hello" is a type by itself, and "world" is a type by itself. Unioning them together gives us a new type, which is a bubble that contains both "hello" and "world". In that "hello" | "world" union bubble, we see both "hello" and "world" types as subsets. The string bubble contains all strings, so it contains "hello" and "world" and "hello" | "world", so the union of them with string is string. That is usually ok, but for our case, it didn't work. Here is what we wanted to do. The problem In our Design System, we have certain color, named like black100, black80, blue100, red150 etc. We can have a type like type ColorDSValue = "black100" | "black80" | "blue100" | "red150" // | etc and that works great. We get to have autocomplete, typechecking, all the good stuff that TypeScript brings. But we also want to support any other string, like "#000000", "#000", "rgb(0,0,0)", "rgba(0,0,0,0.5)", "hsl(0,0%,0%)", "hsla(0,0%,0%,0.5)". Ok, you might say, just make more types like type ColorHexValue = `#${string}` type ColorRGBValue = `rgb(${number},${number},${number})` type ColorRGBAValue = `rgba(${number},${number},${number},${number})` type ColorHSLValue = `hsl(${number},${number}%,${number}%)` and so on. That's great. So far, so good. We also want to make sure CSS color names are accepted. So then we add something like type ColorCSSString = "red" | "blue" | "hotpink" // ## Clean Chat Example App with Jetpack Compose DevFeed: [Clean Chat Example App with Jetpack Compose]() Original publisher: [Read original article]() Author: Márton Braun Published: 2021-06-08T18:00:00Z Content type: tutorial Language: en Sources: [zsmb.co]() Topics: [Jetpack Compose](), [Compose](), [ui](), [Android](), [Code](), [Font](), [Metropolis]() Tags: [android](), [app](), [build](), [code](), [color](), [compiler](), [compose](), [jetpack-compose](), [metropolis](), [palette](), [resource](), [tutorial](), [ui]() ### AI overview This tutorial reviews a Jetpack Compose chat UI sample, covering color management, custom Metropolis fonts, theme configuration, composable functions, and compiler optimizations. ### Source excerpt Jetpack Compose makes it easy to build beautiful UI. Check out this Chat UI sample, and learn some exciting bits of Compose along the way! ## Video: Craft a Dark Theme with Material Design DevFeed: [Video: Craft a Dark Theme with Material Design]() Original publisher: [Read original article]() Published: 2020-06-30T13:00:00Z Content type: tutorial Language: en Sources: [Material.io - Material Design]() Topics: [Dark Mode](), [Material Design]() Tags: [apply](), [components](), [craft](), [design](), [how-to](), [learn](), [material-design](), [palette](), [typography](), [video]() ### AI overview A video tutorial explains how to create a dark theme palette and apply it to surfaces, typography, and components using Material Design. ### Source excerpt Learn how to create a dark theme palette and apply it to surfaces, typography, and components ## Top 5 Color Scheme Tools DevFeed: [Top 5 Color Scheme Tools]() Original publisher: [Read original article]() Author: Adam McNeilly Published: 2015-09-21T00:00:00Z Content type: article Language: en Sources: [Android Essence]() Topics: [LineageOS](), [Material Design](), [App](), [Website]() Tags: [android](), [applications](), [branding](), [design](), [developers](), [material-design](), [palette](), [tools]() ### AI overview A developer-focused overview of five tools for choosing color schemes in Android applications, including Material Design Specs, MaterialPalette, Paletton, Coolors, and Color Blender. It explains how the tools support palette selection, color combinations, and obtaining hex codes for app design. ### Source excerpt When it comes to making an app, some of the biggest struggles developers face is outside of the code itself. What should I name the app? Who is my target audience? Or the one I struggle with the most: what colors should I use in my Android application? This last question does not have one right or wrong answer. For that reason, it is one of the hardest questions to answer. Thankfully, there are many tools out there to help you determine your applications color scheme, and these are my five favorites.