Results for “prefers-color-scheme”

Add strategic color to features that are too monochromatic or lack visual interest. Makes interfaces more engaging and expressive.

Use this skill for dark mode tokens, contrast, theme persistence, system preference, color scheme QA. Trigger when the task involves web design work related to Dark Mode Theme System, implementation, audits, debugging, strategy, or validation.

A color picker component for selecting colors with support for multiple color modes, alpha channel, swatches, custom triggers, and native color selector integration

Trigger: tech stack, preferred tools, SvelteKit, Bun, Drizzle, Zero Sync, Better Auth, Vite. Scope: Project tooling preferences, framework selections. Boundary: Excludes application logic or visual styling guidelines.

Add strategic color to features that are too monochromatic or lack visual interest. Makes interfaces more engaging and expressive.

Style MATLAB charts and figures. colororder palettes for chart series colors, colormap selection, brand color organization, and the R2025a Theme API for uifigure apps (dark mode with fliplightness, ThemeChangedFcn, uistyle, component colors). Use when customizing chart colors, applying a color palette, organizing brand colors, implementing dark mode, or importing an external color scheme. Triggers: theme, dark mode, brand colors, colororder, colormap, palette, fliplightness, color scheme, styling, chart colors.

Add strategic color to features that are too monochromatic or lack visual interest, making interfaces more engaging and expressive. Use when the user mentions the design looking gray, dull, lacking warmth, needing more color, or wanting a more vibrant or expressive palette.

Documents MongoDB's visual design system including colors, typography, layout, elevation, and shapes for UI implementation.

Use when designing a near-black premium UI with subtle ordered-dither texture and a thin accent-colored laser atmosphere. Prefer this over mengto-dither-background when dither pairs with laser accents; prefer over mengto-blue-laser-clean-glass-layout when ordered dither texture is the surface cue, not frosted glass dashboards.

ScepticAgent UI and styles reference. Use whenever the user wants to change the side panel UI, modify highlight colours, update the markdown renderer, work with CSS architecture, add or change category colours, or understand how the sidepanel renders analysis output.

Provides a design system specification inspired by Mastercard's visual language, including color palette, typography, and component patterns for building brand-aligned interfaces.

Documents the Starbucks design system with color palette, typography rules, spacing, and component styles for UI implementation.

World-class color theory expertise combining the scientific precision of Josef Albers' "Interaction of Color," the systematic thinking of color systems from Pantone and RAL, and the perceptual psychology insights from researchers like Bevil Conway. Color is not just aesthetics - it's communication, emotion, and usability compressed into wavelengths. Great color work is invisible when done right. Users don't notice "nice colors" - they notice when they can't read text, when buttons don't look clickable, when errors don't feel urgent, or when the interface feels "off" without knowing why. Color theory is the science of making the right thing feel obvious. Use when "color theory, color palette, color scheme, color harmony, complementary colors, analogous colors, contrast ratio, dark mode colors, light mode, color tokens, semantic colors, color accessibility, color blindness, color psychology, color system, brand colors, data visualization colors, color, design, accessibility, contrast, dark-mode, theming, tokens

Configure Unreal Engine project settings and editor preferences — UI appearance, toolbar icons, scale, colors, and any UDeveloperSettings subclass (ProjectSettingsService). Use when the user asks to change a project setting or editor preference, configure a UDeveloperSettings category, or read/write project config values.

Color design specifications for Naive UI. Invoke when user needs to understand the color palette, main colors, semantic colors, or neutral colors used in Naive UI.

Use when asked for dark-mode glassmorphism cards, frosted dark hero sections, blur panels, or glass UI with gradient/glow borders via a pseudo-element mask. Prefer this over mengto-dark-glass-clean-layout when isolated glass cards/borders matter, not multi-column workspace shells; prefer over mengto-glass-dark-mode-clock when there are no clock dials; prefer over mengto-blue-laser-clean-glass-layout when gradient borders matter more than blue laser atmosphere.

Apply consistent, professional color palettes and font pairings to presentation slide decks and other artifacts using pre-set themes or custom on-the-fly generation.

Documents the visual design system of Coinbase's marketing surfaces, including color palette, typography, layout, and elevation tokens.

Audits colour decisions on a screen for contrast ratios, palette coherence, semantic meaning, and accessibility, flagging deviations and recommending specific corrections.

Documents Pinterest's design system including color palette, typography, shape geometry, and layout patterns for the home page, search results, and creator marketing surfaces.

Documents Replicate's design system: warm cream canvas, hot orange accent, three-family typography stack (rb-freigeist-neue, basier-square, JetBrains Mono), fully rounded interactive elements, and a section rhythm that alternates between cream, orange hero, dark code-story, and black footer.

Renders table cells with a red-to-green background gradient based on numeric values (0-100) using jQuery and chroma.js, skipping non-numeric content.

Documents Linear's dark-canvas marketing design system with near-black backgrounds, lavender-blue accent, four-step surface hierarchy, aggressive negative tracking on display type, and product UI screenshots as the primary visual rhythm.

Provides a complete design system specification for Kraken's brand identity, including color palette, typography, component styling, and layout principles for building professional crypto exchange interfaces.

Enforce design token usage in SwiftUI apps using iOS Human Interface Guidelines. Use when implementing design tokens, colors, or typography in SwiftUI.

Documents Sentri's design language with color tokens, typography hierarchy, and layout patterns for a developer-tools brand.

Documents HP's design language with color tokens, typography hierarchy, and layout patterns for building enterprise-consumer interfaces.

Documents Intercom's design system including color palette, typography hierarchy, spacing tokens, and layout patterns for marketing surfaces.

Design a theming architecture that supports brand variants, dark mode, and high-contrast modes with token mapping.

Analyzes Binance's design system: near-black canvas, single yellow accent (#FCD535), custom BinanceNova/BinancePlex type stack, multi-theme dark/light modes, and trading green/red semantics.

Documents Meta's design system for commerce surfaces, including color tokens, typography hierarchy, spacing, and responsive patterns for hardware merchandising.

Persists app data on Android using Room, SQLite, SharedPreferences, DataStore, and encryption.

Documents the warm, editorial design system of Claude.com, including color palette, typography, spacing, and surface modes for consistent brand implementation.

Use when building, updating, or styling any monday Builders presentation, slide deck, internal pitch, kickoff doc, or HTML deliverable that should match the official Builders brand. Provides the canonical color palette, typography, gradient stroke, cover decorations, card patterns, and layout primitives sourced from the 2026 Builders Kickoff master deck. Invoke when user mentions "Builders deck", "Builders style", "match the deck", "make it on-brand", "kickoff style", or asks to design a slide/page that should look like internal monday Builders material.

Interactive StyleSeed setup wizard for choosing app type, brand color, visual style, typography, and the first screen scaffold.