72 lines
2.0 KiB
SCSS
72 lines
2.0 KiB
SCSS
/* 电竞赛博朋克配色方案 */
|
|
|
|
/* ============ 主色调 ============ */
|
|
// 主背景色
|
|
$bg-primary: #0a0e27;
|
|
$bg-secondary: #0f1229;
|
|
$bg-tertiary: #1a1d3a;
|
|
|
|
// 霓虹色
|
|
$neon-cyan: #00ffff; // 青色霓虹
|
|
$neon-magenta: #ff00ff; // 洋红霓虹
|
|
$neon-purple: #9d00ff; // 紫色霓虹
|
|
$neon-blue: #0099ff; // 蓝色霓虹
|
|
$neon-pink: #ff1493; // 粉色霓虹
|
|
$neon-green: #00ff88; // 绿色霓虹
|
|
|
|
// 功能色
|
|
$color-success: #00ff88;
|
|
$color-warning: #ffaa00;
|
|
$color-error: #ff3366;
|
|
$color-info: #00ffff;
|
|
|
|
/* ============ 文字颜色 ============ */
|
|
$text-primary: #ffffff;
|
|
$text-secondary: #a0a4c4;
|
|
$text-tertiary: #7a7e9d;
|
|
$text-disabled: #4a4e6d;
|
|
|
|
/* ============ 边框颜色 ============ */
|
|
$border-primary: rgba(0, 255, 255, 0.3);
|
|
$border-secondary: rgba(0, 255, 255, 0.15);
|
|
$border-glow: rgba(0, 255, 255, 0.6);
|
|
|
|
/* ============ 阴影效果 ============ */
|
|
$shadow-neon-cyan: 0 0 10px rgba(0, 255, 255, 0.5), 0 0 20px rgba(0, 255, 255, 0.3);
|
|
$shadow-neon-magenta: 0 0 10px rgba(255, 0, 255, 0.5), 0 0 20px rgba(255, 0, 255, 0.3);
|
|
$shadow-card: 0 4px 20px rgba(0, 0, 0, 0.5);
|
|
|
|
/* ============ 尺寸 ============ */
|
|
$spacing-xs: 8rpx;
|
|
$spacing-sm: 16rpx;
|
|
$spacing-md: 24rpx;
|
|
$spacing-lg: 32rpx;
|
|
$spacing-xl: 48rpx;
|
|
|
|
$border-radius-sm: 8rpx;
|
|
$border-radius-md: 16rpx;
|
|
$border-radius-lg: 24rpx;
|
|
|
|
/* ============ 字体大小 ============ */
|
|
$font-xs: 20rpx;
|
|
$font-sm: 24rpx;
|
|
$font-md: 28rpx;
|
|
$font-lg: 32rpx;
|
|
$font-xl: 36rpx;
|
|
$font-xxl: 48rpx;
|
|
|
|
/* ============ 渐变背景 ============ */
|
|
$gradient-primary: linear-gradient(135deg, #00ffff 0%, #0099ff 100%);
|
|
$gradient-secondary: linear-gradient(135deg, #ff00ff 0%, #9d00ff 100%);
|
|
$gradient-card: linear-gradient(135deg, rgba(20, 25, 50, 0.9) 0%, rgba(10, 14, 39, 0.8) 100%);
|
|
$gradient-overlay: linear-gradient(180deg, transparent 0%, rgba(10, 14, 39, 0.8) 100%);
|
|
|
|
/* ============ 游戏等级颜色 ============ */
|
|
$rank-bronze: #cd7f32;
|
|
$rank-silver: #c0c0c0;
|
|
$rank-gold: #ffd700;
|
|
$rank-platinum: #e5e4e2;
|
|
$rank-diamond: #b9f2ff;
|
|
$rank-master: #ff00ff;
|
|
$rank-king: #ff1493;
|