[REF] web: set UI custom color-scheme

Create LESS variables so that they can be used elsewhere in the UI
(for tags, kanban cards' colors, ...).
This commit is contained in:
stefanorigano
2017-08-28 12:53:17 +02:00
committed by qsm-odoo
parent 88881e9fee
commit 108cf4a28c
2 changed files with 28 additions and 11 deletions
+13 -11
View File
@@ -91,17 +91,19 @@
.o-flex-flow(row, wrap);
.o-align-items(baseline);
.o_tag_color_0 { background-color: #4D4D4D; }
.o_tag_color_1 { background-color: #61BD4F; }
.o_tag_color_2 { background-color: #F2D600; }
.o_tag_color_3 { background-color: #FFAB4A; }
.o_tag_color_4 { background-color: #EB5A46; }
.o_tag_color_5 { background-color: #875A7B; }
.o_tag_color_6 { background-color: #0079BF; }
.o_tag_color_7 { background-color: #00C2E0; }
.o_tag_color_8 { background-color: #4CD98E; }
.o_tag_color_9 { background-color: #FF80CE; }
.o_tag_color_10 { background-color: #B6BBBF; }
.o_tag_color_0 { background-color: @odoo-color-0; }
.o_tag_color_1 { background-color: @odoo-color-1; }
.o_tag_color_2 { background-color: @odoo-color-2; }
.o_tag_color_3 { background-color: @odoo-color-3; }
.o_tag_color_4 { background-color: @odoo-color-4; }
.o_tag_color_5 { background-color: @odoo-color-5; }
.o_tag_color_6 { background-color: @odoo-color-6; }
.o_tag_color_7 { background-color: @odoo-color-7; }
.o_tag_color_8 { background-color: @odoo-color-8; }
.o_tag_color_9 { background-color: @odoo-color-9; }
.o_tag_color_10 { background-color: @odoo-color-10; }
.o_tag_color_11 { background-color: @odoo-color-11; }
.o_tag_color_12 { background-color: @odoo-color-12; }
> .o_field_widget {
.o-flex(1, 0, 100px);
+15
View File
@@ -34,6 +34,21 @@
@odoo-tooltip-color: white;
@odoo-tooltip-arrow-color: black;
// UI custom colors for tags, kanban records' colors, ...
@odoo-color-0: #4D4D4D;
@odoo-color-1: #61BD4F;
@odoo-color-2: #F2D600;
@odoo-color-3: #FFAB4A;
@odoo-color-4: #EB5A46;
@odoo-color-5: #875A7B;
@odoo-color-6: #0079BF;
@odoo-color-7: #00C2E0;
@odoo-color-8: #4CD98E;
@odoo-color-9: #FF80CE;
@odoo-color-10: #526774;
@odoo-color-11: #005A55;
@odoo-color-12: #323A46;
// Layout
@screen-xs-min: 475px;
@screen-xxs-max: (@screen-xs-min - 1);