99 lines
1.9 KiB
CSS
99 lines
1.9 KiB
CSS
/* ============================================
|
|
橙色主题 - 全局样式覆盖（骑手端）
|
|
Orange Theme - Global Overrides (Rider)
|
|
============================================ */
|
|
|
|
/* Element Plus 主色调覆盖为橙色 */
|
|
:root {
|
|
--el-color-primary: #FF6B00;
|
|
--el-color-primary-light-3: #FF8F40;
|
|
--el-color-primary-light-5: #FFA860;
|
|
--el-color-primary-light-7: #FFBF80;
|
|
--el-color-primary-light-8: #FFD0A0;
|
|
--el-color-primary-light-9: #FFE0C0;
|
|
--el-color-primary-dark-2: #CC5700;
|
|
}
|
|
|
|
/* 全局背景色改为暖白 */
|
|
body {
|
|
background: #FFF7F0 !important;
|
|
}
|
|
|
|
#app {
|
|
background: #FFF7F0 !important;
|
|
}
|
|
|
|
/* TabBar 激活态 */
|
|
.tab-item.active {
|
|
color: #FF6B00 !important;
|
|
}
|
|
|
|
/* Tab 下划线激活色 */
|
|
.filter-tab.active {
|
|
color: #FF6B00 !important;
|
|
}
|
|
|
|
.filter-tab.active::after {
|
|
background-color: #FF6B00 !important;
|
|
}
|
|
|
|
/* Element Plus Tabs */
|
|
.el-tabs__item.is-active {
|
|
color: #FF6B00 !important;
|
|
}
|
|
|
|
.el-tabs__active-bar {
|
|
background-color: #FF6B00 !important;
|
|
}
|
|
|
|
/* Element Plus 按钮主色 */
|
|
.el-button--primary {
|
|
--el-button-bg-color: #FF6B00;
|
|
--el-button-border-color: #FF6B00;
|
|
--el-button-hover-bg-color: #FF8C00;
|
|
--el-button-hover-border-color: #FF8C00;
|
|
--el-button-active-bg-color: #E65C00;
|
|
--el-button-active-border-color: #E65C00;
|
|
}
|
|
|
|
/* Element Plus Tag success 类型 */
|
|
.el-tag--success {
|
|
--el-tag-bg-color: #FFF0E0;
|
|
--el-tag-text-color: #FF6B00;
|
|
--el-tag-border-color: #FFD0A0;
|
|
}
|
|
|
|
/* Element Plus 消息成功色 */
|
|
.el-message--success .el-message__content {
|
|
color: #FF6B00;
|
|
}
|
|
|
|
/* 状态 badge */
|
|
.status-active,
|
|
.status-success {
|
|
background: #FFF0E0 !important;
|
|
color: #FF6B00 !important;
|
|
}
|
|
|
|
/* loading spinner */
|
|
.loading-ring {
|
|
border-top-color: #FF6B00 !important;
|
|
}
|
|
|
|
/* Tab count badge */
|
|
.count {
|
|
background: #FF6B00 !important;
|
|
}
|
|
|
|
/* 钱包余额 */
|
|
.wallet-value,
|
|
.balance {
|
|
color: #FF6B00 !important;
|
|
}
|
|
|
|
/* 钱包背景 */
|
|
.wallet,
|
|
.wallet-card {
|
|
background: #FFF0E0 !important;
|
|
}
|