From灰底,按钮颜色优化

This commit is contained in:
夜未央
2025-09-07 21:58:11 +08:00
parent f05fec78d6
commit a3db0011bf
3 changed files with 27 additions and 36 deletions
@@ -1,28 +1,19 @@
/* label 基础样式 */
.header-filter-value .selection-options label {
background-color: #111C43 !important;
border-color: #111C43 !important;
color: white !important;
background-color: #C3D6F4 !important;
border-color: #C3D6F4 !important;
color: #3C44B4 !important;
transition: all 0.25s ease;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
text-decoration: none !important;
/* 🔥 去掉下划线 */
user-select: none;
}
/* hover 效果 */
.header-filter-value .selection-options label:hover {
border-color: #4a90e2;
color: #4a90e2;
background: #f0f7ff;
box-shadow: 0 2px 6px rgba(74, 144, 226, 0.15);
text-decoration: none !important;
}
/* 选中效果 */
.header-filter-value .selection-options input:checked+label {
background-color: #e6f0ff !important; // 淡蓝色背景
color: #1a4dab !important; // 深蓝色字体
border-color: #b3d1ff !important; // 浅蓝边框
background-color: #3C44B4 !important; // 淡蓝色背景
color: white !important; // 深蓝色字体
border-color: #3C44B4 !important; // 浅蓝边框
font-weight: 500;
box-shadow: 0 3px 8px rgba(74, 144, 226, 0.3);
}
@@ -261,9 +261,9 @@
}
.btn-primary {
background-color: #111C43 !important;
border-color: #111C43 !important;
color: white !important;
background-color: #C3D6F4 !important;
border-color: #C3D6F4 !important;
color: #3C44B4 !important;
padding: 7px 15px !important;
font-weight: 600;
margin-right: 5px !important;
@@ -271,21 +271,21 @@
text-transform: capitalize;
&:hover {
background-color: #e6f0ff !important; // 淡蓝色背景
color: #1a4dab !important; // 深蓝色字体
border-color: #b3d1ff !important; // 浅蓝边框
background-color: #3C44B4 !important; // 淡蓝色背景
color: white !important; // 深蓝色字体
border-color: #3C44B4 !important; // 浅蓝边框
}
}
.btn-secondary {
background-color: #111C43 !important;
border-color: #111C43 !important;
color: white !important;
background-color: #C3D6F4 !important;
border-color: #C3D6F4 !important;
color: #3C44B4 !important;
&:hover {
background-color: #e6f0ff !important; // 淡蓝色背景
color: #1a4dab !important; // 深蓝色字体
border-color: #b3d1ff !important; // 浅蓝边框
background-color: #3C44B4 !important; // 淡蓝色背景
color: white !important; // 深蓝色字体
border-color: #3C44B4 !important; // 浅蓝边框
}
}
@@ -300,16 +300,16 @@
text-transform: capitalize;
&:hover {
background-color: #e6f0ff !important; // 淡蓝色背景
color: #1a4dab !important; // 深蓝色字体
border-color: #b3d1ff !important; // 浅蓝边框
background-color: #3C44B4 !important; // 淡蓝色背景
color: white !important; // 深蓝色字体
border-color: #3C44B4 !important; // 浅蓝边框
}
}
.btn-secondary:not(.o_arrow_button).active {
background-color: #e6f0ff !important; // 淡蓝色背景
color: #1a4dab !important; // 深蓝色字体
border-color: #b3d1ff !important; // 浅蓝边框
background-color: #3C44B4 !important; // 淡蓝色背景
color: white !important; // 深蓝色字体
border-color: #3C44B4 !important; // 浅蓝边框
}
}
}
@@ -85,10 +85,10 @@
.o_form_sheet_bg {
.o_form_sheet {
.o_field_widget {
background-color: #eeeeee;
background-color: #eeeeee !important;
&:not(.o_field_boolean):not(.o_field_many2many):not(.o_field_handle):not(.o_field_one2many):not(.o_readonly_modifier) {
background-color: #eeeeee;
background-color: #eeeeee !important;
}
}
}