diff --git a/addons/project/project_view.xml b/addons/project/project_view.xml
index afceca516a9..c1cf4948b04 100644
--- a/addons/project/project_view.xml
+++ b/addons/project/project_view.xml
@@ -186,11 +186,11 @@
                                       <li ><a type="delete">Delete</a></li>
                                       <li>
                                         <ul class="color-chooser">
-                                            <li><a id="steelblue"><span class="steelblue square"></span></a></li>
-                                            <li><a id="firebrick"><span class="firebrick square"></span></a></li>
-                                            <li><a id="khaki"><span class="khaki square"></span></a></li>
-                                            <li><a id="thistle"><span class="thistle square"></span></a></li>
-                                            <li><a id="orange"><span class="orange square"></span></a></li>
+                                            <li><a t-att-id="record.id.value" class="bgcolor_steelblue"><span class="steelblue square"></span></a></li>
+                                            <li><a t-att-id="record.id.value" class="bgcolor_firebrick"><span class="firebrick square"></span></a></li>
+                                            <li><a t-att-id="record.id.value" class="bgcolor_khaki"><span class="khaki square"></span></a></li>
+                                            <li><a t-att-id="record.id.value" class="bgcolor_thistle"><span class="thistle square"></span></a></li>
+                                            <li><a t-att-id="record.id.value" class="bgcolor_orange"><span class="orange square"></span></a></li>
                                         </ul>
                                       </li>
                                     </ul>
diff --git a/addons/project/static/src/js/project.js b/addons/project/static/src/js/project.js
index f80e3b6d91c..9c2f546423e 100644
--- a/addons/project/static/src/js/project.js
+++ b/addons/project/static/src/js/project.js
@@ -38,22 +38,38 @@ openerp.project = function(openerp) {
                   });
                 $('#list').replaceWith(my_list);
                 
+                console.log(this.$element.find('.steelblue'))
                 
-                $('.steelblue').click(function(){
+                this.$element.find('.bgcolor_steelblue').click(function(){
+                    console.log(this)
                     $(this).closest('.oe_project_kanban_vignette').addClass(self.kanban_color(1));
+                    self.view.dataset.write(parseInt(this.id), {color:1},self.do_reload());
                 });
-                $('.firebrick').click(function(){
+                
+                this.$element.find('.bgcolor_firebrick').click(function(){
+                    console.log(this)
                     $(this).closest('.oe_project_kanban_vignette').addClass(self.kanban_color(2));
+                    self.view.dataset.write(parseInt(this.id), {color:2},self.do_reload());
                 });
-                $('.khaki').click(function(){
+                
+                this.$element.find('.bgcolor_khaki').click(function(){
+                    console.log(this)
                     $(this).closest('.oe_project_kanban_vignette').addClass(self.kanban_color(3));
+                    self.view.dataset.write(parseInt(this.id), {color:3},self.do_reload());
                 });
-                $('.thistle').click(function(){
+                
+                this.$element.find('.bgcolor_thistle').click(function(){
+                    console.log(this)
                     $(this).closest('.oe_project_kanban_vignette').addClass(self.kanban_color(4));
+                    self.view.dataset.write(parseInt(this.id), {color:4},self.do_reload());
                 });
-                $('.orange').click(function(){
+                
+                this.$element.find('.bgcolor_orange').click(function(){
+                    console.log(this)
                     $(this).closest('.oe_project_kanban_vignette').addClass(self.kanban_color(5));
+                    self.view.dataset.write(parseInt(this.id), {color:5},self.do_reload());
                 });
+                
             };
             self._super();
         }