all-project/mobile/src/common/uview-theme.scss

/* ========================================
   uview-ui 主题变量定义文件
   2025新版配色方案 - 温暖商务风格
   ======================================== */

/* 主色调系统 */
$u-primary: #0051d9 !default;
$u-warning: #f57c00 !default;
$u-success: #388e3c !default;
$u-error: #d32f2f !default;
$u-info: #1976d2 !default;

/* 主色调变体 */
$u-primary-disabled: #b3d4fc !default;
$u-primary-dark: #003db8 !default;
$u-primary-light: #4285f4 !default;

$u-warning-disabled: #ffcc80 !default;
$u-warning-dark: #ef6c00 !default;
$u-warning-light: #ffb74d !default;

$u-success-disabled: #a5d6a7 !default;
$u-success-dark: #2e7d32 !default;
$u-success-light: #4caf50 !default;

$u-error-disabled: #ef9a9a !default;
$u-error-dark: #c62828 !default;
$u-error-light: #f44336 !default;

$u-info-disabled: #90caf9 !default;
$u-info-dark: #0d47a1 !default;
$u-info-light: #2196f3 !default;

/* 中性色系统 */
$u-main-color: #303133 !default;
$u-content-color: #606266 !default;
$u-tips-color: #909399 !default;
$u-light-color: #c0c4cc !default;
$u-disabled-color: #c0c4cc !default;

/* 背景色系统 */
$u-bg-color: #f2f3f5 !default;
$u-bg-color-light: #f8f9fa !default;
$u-bg-color-dark: #ffffff !default;

/* 边框色系统 */
$u-border-color: #dadbde !default;
$u-border-color-light: #e4e7ed !default;
$u-border-color-lighter: #f2f6fc !default;
$u-border-color-dark: #d4d7de !default;

/* 文本色系统 */
$u-text-color: #2c3e50 !default;
$u-text-color-inverse: #ffffff !default;
$u-text-color-grey: #909399 !default;
$u-text-color-placeholder: #c0c4cc !default;

/* 尺寸系统 */
$u-font-size-mini: 24rpx !default;
$u-font-size-small: 26rpx !default;
$u-font-size-default: 28rpx !default;
$u-font-size-large: 32rpx !default;

/* 圆角系统 */
$u-border-radius-default: 8rpx !default;
$u-border-radius-small: 6rpx !default;
$u-border-radius-large: 12rpx !default;
$u-border-radius-circle: 50% !default;

/* 间距系统 */
$u-spacing-mini: 10rpx !default;
$u-spacing-small: 15rpx !default;
$u-spacing-default: 20rpx !default;
$u-spacing-large: 30rpx !default;

/* 阴影系统 */
$u-box-shadow-light: 0 0 5px rgba(0, 0, 0, 0.08) !default;
$u-box-shadow-default: 0 1px 3px rgba(0, 0, 0, 0.1) !default;
$u-box-shadow-dark: 0 2px 8px rgba(0, 0, 0, 0.15) !default;

/* 层级系统 */
$u-z-index-mask: 1000 !default;
$u-z-index-navbar: 980 !default;
$u-z-index-sticky: 970 !default;
$u-z-index-popup: 500 !default;
$u-z-index-toast: 1090 !default;

/* 动画时间 */
$u-animation-duration-fast: 0.2s !default;
$u-animation-duration-base: 0.3s !default;
$u-animation-duration-slow: 0.5s !default;

/* 表单元素 */
$u-form-item-height: 70rpx !default;
$u-form-item-border-color: #e4e7ed !default;
$u-form-input-height: 70rpx !default;
$u-form-textarea-height: 100rpx !default;

/* 按钮特殊变量 */
$u-button-height: 80rpx !default;
$u-button-border-radius: $u-border-radius-default !default;
$u-button-font-size: $u-font-size-default !default;

/* 特殊组件变量 */
$u-navbar-height: 88rpx !default;
$u-tabbar-height: 100rpx !default;
$u-tabs-height: 80rpx !default;

/* 温暖商务风格扩展色彩 */
$u-warm-brown: #5d4037 !default;
$u-warm-orange: #ff6f00 !default;
$u-warm-gold: #ffc107 !default;
$u-warm-green: #689f38 !default;

/* 渐变色定义 */
$u-gradient-primary: linear-gradient(135deg, #{$u-primary} 0%, #{$u-primary-light} 100%) !default;
$u-gradient-warm: linear-gradient(135deg, #{$u-warm-brown} 0%, #{$u-warm-orange} 100%) !default;