Tag

theme customization

0 views collected around this technical thread.

Didi Tech
Didi Tech
Mar 19, 2024 · Frontend Development

Design and Development of the Mpx‑cube‑ui Component Library for Mini‑Programs

Mpx‑cube‑ui is a cross‑platform mobile component library built on the Mpx mini‑program framework that unifies theming and reuse by organizing components into three layers—basic, basic‑business, and business—while offering hierarchical style variables, compile‑time or runtime theming, and plans to open‑source its core components for broader community adoption.

Frontend DevelopmentMpxcomponent library
0 likes · 9 min read
Design and Development of the Mpx‑cube‑ui Component Library for Mini‑Programs
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Jan 11, 2024 · Frontend Development

Ant Design Theme Customization: From Less Variables to CSS‑in‑JS and Performance Strategies

This article examines the evolution of Ant Design's theming—from the less‑based Antd 4.x approach to the CSS‑in‑JS design‑token system in Antd 5.x—analyzes the performance trade‑offs of CSS‑in‑JS, and presents the official antd‑style solution for high‑performance, extensible, and compatible style overrides.

Ant DesignCSS-in-JSFrontend Development
0 likes · 18 min read
Ant Design Theme Customization: From Less Variables to CSS‑in‑JS and Performance Strategies
ByteFE
ByteFE
Nov 29, 2023 · Frontend Development

Custom Theme Colors, Gradient Effects, and Advanced Decorations for Data Dashboard Visualizations with VChart

This article demonstrates how to build impressive data dashboards using VChart by configuring scene‑specific theme colors, implementing gradient fills, adding high‑customizable decorative marks and component decorations, and creating rich animation effects, all with detailed code examples and links to live demos.

VChartanimationdata visualization
0 likes · 17 min read
Custom Theme Colors, Gradient Effects, and Advanced Decorations for Data Dashboard Visualizations with VChart
Weimob Technology Center
Weimob Technology Center
Nov 10, 2023 · Frontend Development

How Design Tokens Enable Consistent UI Across Platforms in Titian

This article explains how the Titian component library uses Design Tokens to abstract visual attributes like color, typography, spacing, and shadow, allowing seamless theme customization, global and component-level styling, dark mode support, and multi‑framework integration for consistent front‑end development.

ReactUI ConsistencyVue
0 likes · 14 min read
How Design Tokens Enable Consistent UI Across Platforms in Titian
JD Retail Technology
JD Retail Technology
Mar 29, 2022 · Frontend Development

NutUI Theme Customization: Component‑Level Styling and Implementation Guide

This article explains how NutUI’s theme customization enables developers to switch skins, edit component‑level styles, and generate theme variables through an online configurator, providing step‑by‑step usage instructions, code examples for Vite, Webpack and Taro, and a detailed overview of the underlying implementation.

NutUISASScomponent library
0 likes · 11 min read
NutUI Theme Customization: Component‑Level Styling and Implementation Guide
Laravel Tech Community
Laravel Tech Community
Feb 7, 2022 · Frontend Development

Layui‑Vue 0.3.7 Release Notes and Theme Customization Guide

This article details the Layui‑Vue 0.3.x release updates—including new components, bug fixes, and version upgrades—along with instructions for theme customization using LESS variables and examples of exception and result components for building error and success pages in frontend development.

Release NotesVuefrontend
0 likes · 4 min read
Layui‑Vue 0.3.7 Release Notes and Theme Customization Guide
Qunhe Technology User Experience Design
Qunhe Technology User Experience Design
Jan 27, 2021 · Frontend Development

Unlocking Design Tokens: Boost UI Consistency Across Platforms

This article explains how design tokens serve as the building blocks of a design system, enabling theme customization, cross‑platform consistency, and workflow efficiency for digital products by standardizing colors, spacing, typography, and other style values.

cross‑platformdesign systemdesign tokens
0 likes · 7 min read
Unlocking Design Tokens: Boost UI Consistency Across Platforms
Amap Tech
Amap Tech
Oct 16, 2019 · Mobile Development

Design and Implementation of a Flexible Theme Customization Solution for Car Navigation Applications

The article presents a flexible, Sketch‑driven theme‑customization workflow for car‑navigation apps in which UED designers create and upload resources to a cloud platform, Jenkins packages them into the APK, and real‑device previews verify the result, enabling developers‑free, low‑cost, rapid, and maintainable UI theming across multiple projects.

AndroidJenkinsSketch
0 likes · 11 min read
Design and Implementation of a Flexible Theme Customization Solution for Car Navigation Applications