文章来源：https://www.sunpop.cn/odoo_widget_color/
1. 主要都是在web模块中定义，Tree 组件，每行的字体色
<?xml version="1.0"?> <tree string="Contact Tags" decoration-bf="name=='decoration-bf'" decoration-it="name=='decoration-it'" decoration-danger="name=='decoration-danger'" decoration-info="name=='decoration-info'" decoration-muted="name=='decoration-muted'" decoration-primary="name=='decoration-primary'" decoration-success="name=='decoration-success'" decoration-warning="name=='decoration-warning'"> <field name="display_name"/> <field name="name"/> <field name="color"/> </tree>
3. many2many_tags 组件，给color值，1~12
4. 使用 sunpop 的界面增强 app_ui_enhance
用例，用继承改写报价单列表
<record id="app_view_quotation_tree" model="ir.ui.view"> <field name="name">app.sale.order.form</field> <field name="model">sale.order</field> <field name="inherit_id" ref="sale.view_quotation_tree"/> <field name="arch" type="xml"> <xpath expr="//tree" position="attributes"> <attribute name="bg_colors"> Gold:state in ('sale');LightGreen:state in ('done') </attribute> </xpath> </field> </record>
5. css可用颜色对照表
|
颜色 |
颜色英文代码 |
形像颜色 |
HEX格式 |
RGB格式 |
|
|
LightPink |
浅粉红 |
#FFB6C1 |
255,182,193 |
|
|
Pink |
粉红 |
#FFC0CB |
255,192,203 |
|
|
Crimson |
猩红 |
#DC143C |
220,20,60 |
|
|
LavenderBlush |
脸红的淡紫色 |
#FFF0F5 |
255,240,245 |
|
|
PaleVioletRed |
苍白的紫罗兰红色 |
#DB7093 |
219,112,147 |
|
|
HotPink |
热情的粉红 |
#FF69B4 |
255,105,180 |
|
|
DeepPink |
深粉色 |
#FF1493 |
255,20,147 |
|
|
MediumVioletRed |
适中的紫罗兰红色 |
#C71585 |
199,21,133 |
|
|
Orchid |
兰花的紫色 |
#DA70D6 |
218,112,214 |
|
|
Thistle |
蓟 |
#D8BFD8 |
216,191,216 |
|
|
plum |
李子 |
#DDA0DD |
221,160,221 |
|
|
Violet |
紫罗兰 |
#EE82EE |
238,130,238 |
|
|
Magenta |
洋红 |
#FF00FF |
255,0,255 |
|
|
Fuchsia |
灯笼海棠(紫红色) |
#FF00FF |
255,0,255 |
|
|
DarkMagenta |
深洋红色 |
#8B008B |
139,0,139 |
|
|
Purple |
紫色 |
#800080 |
128,0,128 |
|
|
MediumOrchid |
适中的兰花紫 |
#BA55D3 |
186,85,211 |
|
|
DarkVoilet |
深紫罗兰色 |
#9400D3 |
148,0,211 |
|
|
DarkOrchid |
深兰花紫 |
#9932CC |
153,50,204 |
|
|
Indigo |
靛青 |
#4B0082 |
75,0,130 |
|
|
BlueViolet |
深紫罗兰的蓝色 |
#8A2BE2 |
138,43,226 |
|
|
MediumPurple |
适中的紫色 |
#9370DB |
147,112,219 |
|
|
MediumSlateBlue |
适中的板岩暗蓝灰色 |
#7B68EE |
123,104,238 |
|
|
SlateBlue |
板岩暗蓝灰色 |
#6A5ACD |
106,90,205 |
|
|
DarkSlateBlue |
深岩暗蓝灰色 |
#483D8B |
72,61,139 |
|
|
Lavender |
熏衣草花的淡紫色 |
#E6E6FA |
230,230,250 |
|
|
GhostWhite |
幽灵的白色 |
#F8F8FF |
248,248,255 |
|
|
Blue |
纯蓝 |
#0000FF |
0,0,255 |
|
|
MediumBlue |
适中的蓝色 |
#0000CD |
0,0,205 |
|
|
MidnightBlue |
午夜的蓝色 |
#191970 |
25,25,112 |
|
|
DarkBlue |
深蓝色 |
#00008B |
0,0,139 |
|
|
Navy |
海军蓝 |
#000080 |
0,0,128 |
|
|
RoyalBlue |
皇军蓝 |
#4169E1 |
65,105,225 |
|
|
CornflowerBlue |
矢车菊的蓝色 |
#6495ED |
100,149,237 |
|
|
LightSteelBlue |
淡钢蓝 |
#B0C4DE |
176,196,222 |
|
|
LightSlateGray |
浅石板灰 |
#778899 |
119,136,153 |
|
|
SlateGray |
石板灰 |
#708090 |
112,128,144 |
|
|
DoderBlue |
道奇蓝 |
#1E90FF |
30,144,255 |
|
|
AliceBlue |
爱丽丝蓝 |
#F0F8FF |
240,248,255 |
|
|
SteelBlue |
钢蓝 |
#4682B4 |
70,130,180 |
|
|
LightSkyBlue |
淡蓝色 |
#87CEFA |
135,206,250 |
|
|
SkyBlue |
天蓝色 |
#87CEEB |
135,206,235 |
|
|
DeepSkyBlue |
深天蓝 |
#00BFFF |
0,191,255 |
|
|
LightBLue |
淡蓝 |
#ADD8E6 |
173,216,230 |
|
|
PowDerBlue |
火药蓝 |
#B0E0E6 |
176,224,230 |
|
|
CadetBlue |
军校蓝 |
#5F9EA0 |
95,158,160 |
|
|
Azure |
蔚蓝色 |
#F0FFFF |
240,255,255 |
|
|
LightCyan |
淡青色 |
#E1FFFF |
225,255,255 |
|
|
PaleTurquoise |
苍白的绿宝石 |
#AFEEEE |
175,238,238 |
|
|
Cyan |
青色 |
#00FFFF |
0,255,255 |
|
|
Aqua |
水绿色 |
#00FFFF |
0,255,255 |
|
|
DarkTurquoise |
深绿宝石 |
#00CED1 |
0,206,209 |
|
|
DarkSlateGray |
深石板灰 |
#2F4F4F |
47,79,79 |
|
|
DarkCyan |
深青色 |
#008B8B |
0,139,139 |
|
|
Teal |
水鸭色 |
#008080 |
0,128,128 |
|
|
MediumTurquoise |
适中的绿宝石 |
#48D1CC |
72,209,204 |
|
|
LightSeaGreen |
浅海洋绿 |
#20B2AA |
32,178,170 |
|
|
Turquoise |
绿宝石 |
#40E0D0 |
64,224,208 |
|
|
Auqamarin |
绿玉碧绿色 |
#7FFFAA |
127,255,170 |
|
|
MediumAquamarine |
适中的碧绿色 |
#00FA9A |
0,250,154 |
|
|
MediumSpringGreen |
适中的春天的绿色 |
#F5FFFA |
245,255,250 |
|
|
MintCream |
薄荷奶油 |
#00FF7F |
0,255,127 |
|
|
SpringGreen |
春天的绿色 |
#3CB371 |
60,179,113 |
|
|
SeaGreen |
海洋绿 |
#2E8B57 |
46,139,87 |
|
|
Honeydew |
蜂蜜 |
#F0FFF0 |
240,255,240 |
|
|
LightGreen |
淡绿色 |
#90EE90 |
144,238,144 |
|
|
PaleGreen |
苍白的绿色 |
#98FB98 |
152,251,152 |
|
|
DarkSeaGreen |
深海洋绿 |
#8FBC8F |
143,188,143 |
|
|
LimeGreen |
酸橙绿 |
#32CD32 |
50,205,50 |
|
|
Lime |
酸橙色 |
#00FF00 |
0,255,0 |
|
|
ForestGreen |
森林绿 |
#228B22 |
34,139,34 |
|
|
Green |
纯绿 |
#008000 |
0,128,0 |
|
|
DarkGreen |
深绿色 |
#006400 |
0,100,0 |
|
|
Chartreuse |
查特酒绿 |
#7FFF00 |
127,255,0 |
|
|
LawnGreen |
草坪绿 |
#7CFC00 |
124,252,0 |
|
|
GreenYellow |
绿黄色 |
#ADFF2F |
173,255,47 |
|
|
OliveDrab |
橄榄土褐色 |
#556B2F |
85,107,47 |
|
|
Beige |
米色(浅褐色) |
#6B8E23 |
107,142,35 |
|
|
LightGoldenrodYellow |
浅秋麒麟黄 |
#FAFAD2 |
250,250,210 |
|
|
Ivory |
象牙 |
#FFFFF0 |
255,255,240 |
|
|
LightYellow |
浅黄色 |
#FFFFE0 |
255,255,224 |
|
|
Yellow |
纯黄 |
#FFFF00 |
255,255,0 |
|
|
Olive |
橄榄 |
#808000 |
128,128,0 |
|
|
DarkKhaki |
深卡其布 |
#BDB76B |
189,183,107 |
|
|
LemonChiffon |
柠檬薄纱 |
#FFFACD |
255,250,205 |
|
|
PaleGodenrod |
灰秋麒麟 |
#EEE8AA |
238,232,170 |
|
|
Khaki |
卡其布 |
#F0E68C |
240,230,140 |
|
|
Gold |
金 |
#FFD700 |
255,215,0 |
|
|
Cornislk |
玉米色 |
#FFF8DC |
255,248,220 |
|
|
GoldEnrod |
秋麒麟 |
#DAA520 |
218,165,32 |
|
|
FloralWhite |
花的白色 |
#FFFAF0 |
255,250,240 |
|
|
OldLace |
老饰带 |
#FDF5E6 |
253,245,230 |
|
|
Wheat |
小麦色 |
#F5DEB3 |
245,222,179 |
|
|
Moccasin |
鹿皮鞋 |
#FFE4B5 |
255,228,181 |
|
|
Orange |
橙色 |
#FFA500 |
255,165,0 |
|
|
PapayaWhip |
番木瓜 |
#FFEFD5 |
255,239,213 |
|
|
BlanchedAlmond |
漂白的杏仁 |
#FFEBCD |
255,235,205 |
|
|
NavajoWhite |
Navajo白 |
#FFDEAD |
255,222,173 |
|
|
AntiqueWhite |
古代的白色 |
#FAEBD7 |
250,235,215 |
|
|
Tan |
晒黑 |
#D2B48C |
210,180,140 |
|
|
BrulyWood |
结实的树 |
#DEB887 |
222,184,135 |
|
|
Bisque |
(浓汤)乳脂,番茄等 |
#FFE4C4 |
255,228,196 |
|
|
DarkOrange |
深橙色 |
#FF8C00 |
255,140,0 |
|
|
Linen |
亚麻布 |
#FAF0E6 |
250,240,230 |
|
|
Peru |
秘鲁 |
#CD853F |
205,133,63 |
|
|
PeachPuff |
桃色 |
#FFDAB9 |
255,218,185 |
|
|
SandyBrown |
沙棕色 |
#F4A460 |
244,164,96 |
|
|
Chocolate |
巧克力 |
#D2691E |
210,105,30 |
|
|
SaddleBrown |
马鞍棕色 |
#8B4513 |
139,69,19 |
|
|
SeaShell |
海贝壳 |
#FFF5EE |
255,245,238 |
|
|
Sienna |
黄土赭色 |
#A0522D |
160,82,45 |
|
|
LightSalmon |
浅鲜肉(鲑鱼)色 |
#FFA07A |
255,160,122 |
|
|
Coral |
珊瑚 |
#FF7F50 |
255,127,80 |
|
|
OrangeRed |
橙红色 |
#FF4500 |
255,69,0 |
|
|
DarkSalmon |
深鲜肉(鲑鱼)色 |
#E9967A |
233,150,122 |
|
|
Tomato |
番茄 |
#FF6347 |
255,99,71 |
|
|
MistyRose |
薄雾玫瑰 |
#FFE4E1 |
255,228,225 |
|
|
Salmon |
鲜肉(鲑鱼)色 |
#FA8072 |
250,128,114 |
|
|
Snow |
雪 |
#FFFAFA |
255,250,250 |
|
|
LightCoral |
淡珊瑚色 |
#F08080 |
240,128,128 |
|
|
RosyBrown |
玫瑰棕色 |
#BC8F8F |
188,143,143 |
|
|
IndianRed |
印度红 |
#CD5C5C |
205,92,92 |
|
|
Red |
纯红 |
#FF0000 |
255,0,0 |
|
|
Brown |
棕色 |
#A52A2A |
165,42,42 |
|
|
FireBrick |
耐火砖 |
#B22222 |
178,34,34 |
|
|
DarkRed |
深红色 |
#8B0000 |
139,0,0 |
|
|
Maroon |
栗色 |
#800000 |
128,0,0 |
|
|
White |
纯白 |
#FFFFFF |
255,255,255 |
|
|
WhiteSmoke |
白烟 |
#F5F5F5 |
245,245,245 |
|
|
Gainsboro |
Gainsboro |
#DCDCDC |
220,220,220 |
|
|
LightGrey |
浅灰色 |
#D3D3D3 |
211,211,211 |
|
|
Silver |
银白色 |
#C0C0C0 |
192,192,192 |
|
|
DarkGray |
深灰色 |
#A9A9A9 |
169,169,169 |
|
|
Gray |
灰色 |
#808080 |
128,128,128 |
|
|
DimGray |
暗淡的灰色 |
#696969 |
105,105,105 |
|
|
Black |
纯黑 |
#000000 |
0,0,0 |