From灰底,按钮颜色优化
This commit is contained in:
+7
-16
@@ -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; // 浅蓝边框
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
+2
-2
@@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user