odoo中各组件的颜色及用法tree,kanban,many2many_tags,app_ui_enhance

  • A+

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>

2. kanban组件,class="oe_kanban_colorpicker",给color值,0~9


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

weinxin
我的微信
这是我的微信扫一扫