Results for “light-dark-mode”
13 skillsMore results
Dark Mode Design
Design comfortable, accessible dark mode interfaces with proper color adaptation, contrast, and surface hierarchy.
1.7k
Social Media Matrix
Build a cinematic, data-dense multi-platform social media dashboard with KPI matrix, interactive charts, insights drawer, and dark/light theme toggle.
· bundle
Dark Mode
Adds a complete dark mode to any frontend project: auto-detects the theme system, generates a WCAG-compliant dark palette, adds a toggle with system detection and persistence, migrates hardcoded colors to theme tokens, and verifies contrast ratios.
13
Frontend UI Dark TS
Build dark-themed React applications using Tailwind CSS with custom theming, glassmorphism effects, and Framer Motion animations for dashboards, admin panels, or data-rich interfaces.
2.7k · bundle
Linear Design Analysis
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.
50.9k · bundle
Threejs Lighting
Configure and optimize Three.js lighting: ambient, directional, point, spot, hemisphere, and rect area lights with shadows, helpers, and IBL.
2.5k
Warp Inspired Design Analysis
Analyzes Warp's design language—warm dark canvas, restrained Inter typography, tight button radii, and terminal-mockup imagery—to extract a reusable design token system.
50.9k · bundle
Frame Light Leak Cinema
Generates a single-frame HTML template with a cinematic film-leak aesthetic: warm light leaks, 35mm grain, 2.39:1 letterbox, and serif typography for opening titles or chapter cards.
· bundle
Spotify
Provides a detailed design system specification inspired by Spotify's dark theme, including color palette, typography, component styling, and layout principles for building immersive music-player interfaces.
50.9k · bundle
Sentri Inspired Design Analysis
Documents Sentri's design language with color tokens, typography hierarchy, and layout patterns for a developer-tools brand.
50.9k · bundle
Raycast
Documents the Raycast design system with color tokens, typography hierarchy, and surface modes for building consistent dark-mode interfaces.
50.9k · bundle
Design Color
Adds strategic color to monochromatic or dull interfaces using oklch for perceptually uniform palettes, generating harmonious color systems with automatic light/dark variants and accessible contrast ratios.
13