diff --git a/module/bug/model.php b/module/bug/model.php
index 1813bf7047..7c98897c05 100644
--- a/module/bug/model.php
+++ b/module/bug/model.php
@@ -2039,10 +2039,10 @@ class bugModel extends model
                 break;
             case 'title':
                 $class = 'confirm' . $bug->confirmed;
-                echo "<span class='$class'>[{$lang->bug->confirmedList[$bug->confirmed]}] </span>";
-                if($bug->branch)echo "<span class='label label-info label-badge'>{$branches[$bug->branch]}</span>";
-                if($modulePairs and $bug->module)echo "<span class='label label-info label-badge'>{$modulePairs[$bug->module]}</span>";
-                echo html::a($bugLink, $bug->title);
+                echo "<span class='$class'>[{$this->lang->bug->confirmedList[$bug->confirmed]}]</span> ";
+                if($bug->branch)echo "<span class='label label-info label-badge'>{$branches[$bug->branch]}</span> ";
+                if($modulePairs and $bug->module)echo "<span class='label label-info label-badge'>{$modulePairs[$bug->module]}</span> ";
+                echo html::a($bugLink, $bug->title, null, "style='color: $bug->color'");
                 break;
             case 'branch':
                 echo $branches[$bug->branch];
diff --git a/module/bug/view/browsedata.html.php b/module/bug/view/browsedata.html.php
index 323350bfd1..f7ca113e50 100644
--- a/module/bug/view/browsedata.html.php
+++ b/module/bug/view/browsedata.html.php
@@ -55,10 +55,10 @@
         <?php $class = 'confirm' . $bug->confirmed;?>
         <td class='text-left' title="<?php echo $bug->title?>">
           <?php
-          echo "<span class='$class'>[{$lang->bug->confirmedList[$bug->confirmed]}] </span>";
-          if($bug->branch)echo "<span class='label label-info label-badge'>{$branches[$bug->branch]}</span>";
-          if($modulePairs and $bug->module)echo "<span class='label label-info label-badge'>{$modulePairs[$bug->module]}</span>";
-          echo html::a($bugLink, $bug->title);
+          echo "<span class='$class'>[{$lang->bug->confirmedList[$bug->confirmed]}]</span> ";
+          if($bug->branch)echo "<span class='label label-info label-badge'>{$branches[$bug->branch]}</span> ";
+          if($modulePairs and $bug->module)echo "<span class='label label-info label-badge'>{$modulePairs[$bug->module]}</span> ";
+          echo html::a($bugLink, $bug->title, null, "style='color: $bug->color'");
           ?>
         </td>
         <td class='bug-<?php echo $bug->status?>'><?php echo $bug->needconfirm ? "<span class='warning'>{$lang->story->changed}</span>" : $lang->bug->statusList[$bug->status];?></td>
diff --git a/module/bug/view/create.html.php b/module/bug/view/create.html.php
index 2d729bac68..dd244f218e 100644
--- a/module/bug/view/create.html.php
+++ b/module/bug/view/create.html.php
@@ -114,7 +114,7 @@ js::set('refresh', $lang->refresh);
           <div class='row-table'>
             <div class='col-table w-p100'>
               <div class='input-group w-p100'>
-                <input type='hidden' id='color' name='color' data-provide='colorpicker' data-wrapper='input-group-btn' data-pull-menu-right='false' data-btn-tip='<?php echo $lang->bug->colorTag ?>'>
+                <input type='hidden' id='color' name='color' data-provide='colorpicker' data-wrapper='input-group-btn' data-pull-menu-right='false' data-btn-tip='<?php echo $lang->bug->colorTag ?>' data-update-text='#title'>
                 <?php echo html::input('title', $bugTitle, "class='form-control'");?>
               </div>
             </div>
diff --git a/module/bug/view/edit.html.php b/module/bug/view/edit.html.php
index 38df2ea8d0..97bc2f8bf9 100644
--- a/module/bug/view/edit.html.php
+++ b/module/bug/view/edit.html.php
@@ -29,7 +29,8 @@ js::set('oldResolvedBuild'       , $bug->resolvedBuild);
 <div id='titlebar'>
   <div class='heading'>
     <span class='prefix'><?php echo html::icon($lang->icons['bug']);?> <strong><?php echo $bug->id;?></strong></span>
-    <strong><?php echo html::a($this->createLink('bug', 'view', "bugID=$bug->id"), $bug->title);?></strong>
+    <strong><?php echo html::a($this->createLink('bug', 'view', "bugID=$bug->id"), $bug->title, '', 
+    'class="bug-title"');?></strong>
     <small><?php echo html::icon($lang->icons['edit']) . ' ' . $lang->bug->edit;?></small>
   </div>
   <div class='actions'>
@@ -40,7 +41,10 @@ js::set('oldResolvedBuild'       , $bug->resolvedBuild);
   <div class='col-main'>
     <div class='main'>
       <div class='form-group'>
-        <?php echo html::input('title', str_replace("'","&#039;",$bug->title), 'class="form-control" placeholder="' . $lang->bug->title . '"');?>
+        <div class='input-group'>
+          <input type='hidden' id='color' name='color' data-provide='colorpicker' data-wrapper='input-group-btn fix-border-right' data-pull-menu-right='false' data-btn-tip='<?php echo $lang->bug->colorTag ?>' value='<?php echo $bug->color ?>' data-update-text='#title, .bug-title'>
+          <?php echo html::input('title', str_replace("'","&#039;",$bug->title), 'class="form-control" placeholder="' . $lang->bug->title . '"');?>
+        </div>
       </div>
       <fieldset>
         <legend><?php echo $lang->bug->legendSteps;?></legend>
diff --git a/module/bug/view/view.html.php b/module/bug/view/view.html.php
index 8f3dc537de..e2614ed586 100644
--- a/module/bug/view/view.html.php
+++ b/module/bug/view/view.html.php
@@ -15,7 +15,7 @@
 <div id='titlebar'>
   <div class='heading'>
     <span class='prefix'><?php echo html::icon($lang->icons['bug']);?> <strong><?php echo $bug->id;?></strong></span>
-    <strong><?php echo $bug->title;?></strong>
+    <strong style='color: <?php echo $bug->color; ?>'><?php echo $bug->title;?></strong>
     <?php if($bug->deleted):?>
     <span class='label label-danger'><?php echo $lang->bug->deleted;?></span>
     <?php endif; ?>
diff --git a/module/common/view/datatable.html.php b/module/common/view/datatable.html.php
index 41c677aff3..ec5c1faf9b 100644
--- a/module/common/view/datatable.html.php
+++ b/module/common/view/datatable.html.php
@@ -56,6 +56,7 @@ $(document).ready(function()
         sortable      : false,
         scrollPos     : 'out',
         tableClass    : 'tablesorter',
+        storage       : false,
         ready: function()
         {
             if(!this.$table) return;
diff --git a/module/product/view/browsedata.html.php b/module/product/view/browsedata.html.php
index aa38fa8f0e..719ddc2fd5 100644
--- a/module/product/view/browsedata.html.php
+++ b/module/product/view/browsedata.html.php
@@ -40,8 +40,8 @@
         <td><span class='<?php echo 'pri' . zget($lang->story->priList, $story->pri, $story->pri);?>'><?php echo zget($lang->story->priList, $story->pri, $story->pri)?></span></td>
         <td class='text-left' title="<?php echo $story->title?>"><nobr>
         <?php if($story->branch) echo "<span class='label label-info label-badge'>{$branches[$story->branch]}</span>"?>
-        <?php if($modulePairs and $story->module) echo "<span class='label label-info label-badge'>{$modulePairs[$story->module]}</span>"?>
-        <?php echo html::a($viewLink, $story->title);?>
+        <?php if($modulePairs and $story->module) echo "<span class='label label-info label-badge'>{$modulePairs[$story->module]}</span> "?>
+        <?php echo html::a($viewLink, $story->title, null, "style='color: $story->color'");?>
         </nobr></td>
         <td title="<?php echo $story->planTitle?>"><?php echo $story->planTitle;?></td>
         <td><?php echo $lang->story->sourceList[$story->source];?></td>
diff --git a/module/project/view/bug.html.php b/module/project/view/bug.html.php
index 3cfe0e4ed5..9931e98812 100644
--- a/module/project/view/bug.html.php
+++ b/module/project/view/bug.html.php
@@ -46,7 +46,7 @@
       </td>
       <td><span class='<?php echo 'severity' . zget($lang->bug->severityList, $bug->severity, $bug->severity)?>'><?php echo zget($lang->bug->severityList, $bug->severity, $bug->severity)?></span></td>
       <td><span class='<?php echo 'pri' . zget($lang->bug->priList, $bug->pri, $bug->pri)?>'><?php echo zget($lang->bug->priList, $bug->pri, $bug->pri)?></span></td>
-      <td class='text-left' title="<?php echo $bug->title?>"><?php echo html::a($this->createLink('bug', 'view', "bugID=$bug->id"), $bug->title);?></td>
+      <td class='text-left' title="<?php echo $bug->title?>"><?php echo html::a($this->createLink('bug', 'view', "bugID=$bug->id"), $bug->title, null, "style='color: $bug->color'");?></td>
       <td><?php echo zget($users, $bug->openedBy, $bug->openedBy);?></td>
       <td><?php echo zget($users, $bug->assignedTo, $bug->assignedTo);?></td>
       <td><?php echo zget($users, $bug->resolvedBy, $bug->resolvedBy);?></td>
diff --git a/module/project/view/story.html.php b/module/project/view/story.html.php
index b7fbb1f695..4b50bc3de9 100644
--- a/module/project/view/story.html.php
+++ b/module/project/view/story.html.php
@@ -79,7 +79,7 @@
           <td><span class='<?php echo 'pri' . zget($lang->story->priList, $story->pri, $story->pri)?>'><?php echo zget($lang->story->priList, $story->pri, $story->pri);?></span></td>
           <td class='text-left' title="<?php echo $story->title?>">
             <?php if(isset($branchGroups[$story->product][$story->branch])) echo "<span class='label label-info label-badge'>" . $branchGroups[$story->product][$story->branch] . '</span>';?>
-            <?php echo html::a($storyLink,$story->title);?>
+            <?php echo html::a($storyLink,$story->title, null, "style='color: $story->color'");?>
           </td>
           <td><?php echo $users[$story->openedBy];?></td>
           <td><?php echo $users[$story->assignedTo];?></td>
diff --git a/module/project/view/taskdata.html.php b/module/project/view/taskdata.html.php
index 3b6d732060..b86ee533db 100644
--- a/module/project/view/taskdata.html.php
+++ b/module/project/view/taskdata.html.php
@@ -50,7 +50,7 @@
           <?php if(isset($branchGroups[$task->product][$task->branch])) echo "<span class='label label-info label-badge'>" . $branchGroups[$task->product][$task->branch] . '</span>';?>
           <?php if($modulePairs and $task->module) echo "<span class='label label-info label-badge'>" . $modulePairs[$task->module] . '</span>';?>
           <?php 
-          if(!common::printLink('task', 'view', "task=$task->id", $task->name)) echo $task->name;
+          if(!common::printLink('task', 'view', "task=$task->id", $task->name, null, "style='color: $task->color'")) echo $task->name;
           if($task->fromBug) echo html::a($this->createLink('bug', 'view', "id=$task->fromBug"), "[BUG#$task->fromBug]", '_blank', "class='bug'");
           ?>
         </td>
diff --git a/module/story/model.php b/module/story/model.php
index 20e86d8415..33640f5c56 100644
--- a/module/story/model.php
+++ b/module/story/model.php
@@ -2130,9 +2130,9 @@ class storyModel extends model
                 echo "</span>";
                 break;
             case 'title':
-                if($story->branch) echo "<span class='label label-info label-badge'>{$branches[$story->branch]}</span>";
-                if($modulePairs and $story->module) echo "<span class='label label-info label-badge'>{$modulePairs[$story->module]}</span>";
-                echo html::a($storyLink, $story->title);
+                if($story->branch) echo "<span class='label label-info label-badge'>{$branches[$story->branch]}</span> ";
+                if($modulePairs and $story->module) echo "<span class='label label-info label-badge'>{$modulePairs[$story->module]}</span> ";
+                echo html::a($storyLink, $story->title, null, "style='color: $story->color'");
                 break;
             case 'plan':
                 echo $story->planTitle;
diff --git a/module/story/view/create.html.php b/module/story/view/create.html.php
index 3b54cb313f..1cdd651206 100644
--- a/module/story/view/create.html.php
+++ b/module/story/view/create.html.php
@@ -91,7 +91,7 @@
           <div class='row-table'>
             <div class='col-table'>
               <div class="input-group w-p100">
-                <input type='hidden' id='color' name='color' data-provide='colorpicker' data-wrapper='input-group-btn' data-pull-menu-right='false' data-btn-tip='<?php echo $lang->story->colorTag ?>'>
+                <input type='hidden' id='color' name='color' data-provide='colorpicker' data-wrapper='input-group-btn' data-pull-menu-right='false' data-btn-tip='<?php echo $lang->story->colorTag ?>' data-update-text='#title'>
                 <?php echo html::input('title', $storyTitle, "class='form-control'");?>
               </div>
             </div>
diff --git a/module/story/view/edit.html.php b/module/story/view/edit.html.php
index d1ac368f6f..08f6bfb14d 100644
--- a/module/story/view/edit.html.php
+++ b/module/story/view/edit.html.php
@@ -15,7 +15,7 @@
 <div id='titlebar'>
   <div class='heading'>
     <span class='prefix'><?php echo html::icon($lang->icons['story']);?> <strong><?php echo $story->id;?></strong></span>
-    <strong><?php echo html::a($this->createLink('story', 'view', "storyID=$story->id"), $story->title);?></strong>
+    <strong><?php echo html::a($this->createLink('story', 'view', "storyID=$story->id"), $story->title, '', 'class="story-title"');?></strong>
     <small><?php echo html::icon($lang->icons['edit']) . ' ' . $lang->story->edit;?></small>
   </div>
   <div class='actions'>
@@ -25,6 +25,12 @@
 <div class='row-table'>
   <div class='col-main'>
     <div class='main'>
+      <div class='form-group'>
+        <div class='input-group'>
+          <input type='hidden' id='color' name='color' data-provide='colorpicker' data-wrapper='input-group-btn fix-border-right' data-pull-menu-right='false' data-btn-tip='<?php echo $lang->story->colorTag ?>' value='<?php echo $story->color ?>' data-update-text='#title, .story-title'>
+          <?php echo html::input('title', $story->title, 'class="form-control disabled" disabled="disabled"');?>
+        </div>
+      </div>
       <fieldset>
         <legend><?php echo $lang->story->legendSpec;?></legend>
         <div class='article-content'><?php echo $story->spec;?></div>
diff --git a/module/story/view/view.html.php b/module/story/view/view.html.php
index f6f09fb967..f4364cdb65 100644
--- a/module/story/view/view.html.php
+++ b/module/story/view/view.html.php
@@ -15,7 +15,7 @@
 <div id='titlebar'>
   <div class='heading'>
     <span class='prefix'><?php echo html::icon($lang->icons['story']);?> <strong><?php echo $story->id;?></strong></span>
-    <strong><?php echo $story->title;?></strong>
+    <strong style='color: <?php echo $story->color; ?>'><?php echo $story->title;?></strong>
     <?php if($story->version > 1):?>
     <small class='dropdown'>
       <a href='#' data-toggle='dropdown' class='text-muted'><?php echo '#' . $version;?> <span class='caret'></span></a>
diff --git a/module/task/css/create.css b/module/task/css/create.css
index c5d79d63c4..d41b0faec8 100644
--- a/module/task/css/create.css
+++ b/module/task/css/create.css
@@ -8,4 +8,3 @@
 .minw-80px {min-width: 80px;}
 .minw-60px {min-width: 60px;}
 
-.colorpicker.input-group-btn > .btn {border-right: none}
diff --git a/module/task/model.php b/module/task/model.php
index 341d9c8811..a0fe79368b 100644
--- a/module/task/model.php
+++ b/module/task/model.php
@@ -1541,9 +1541,9 @@ class taskModel extends model
                 echo "</span>";
                 break;
             case 'name':
-                if(isset($branchGroups[$task->product][$task->branch])) echo "<span class='label label-info label-badge'>" . $branchGroups[$task->product][$task->branch] . '</span>';
-                if($modulePairs and $task->module) echo "<span class='label label-info label-badge'>" . $modulePairs[$task->module] . '</span>';
-                echo html::a($taskLink, $task->name);
+                if(isset($branchGroups[$task->product][$task->branch])) echo "<span class='label label-info label-badge'>" . $branchGroups[$task->product][$task->branch] . '</span> ';
+                if($modulePairs and $task->module) echo "<span class='label label-info label-badge'>" . $modulePairs[$task->module] . '</span> ';
+                echo html::a($taskLink, $task->name, null, "style='color: $task->color'");
                 if($task->fromBug) echo html::a(helper::createLink('bug', 'view', "id=$task->fromBug"), "[BUG#$task->fromBug]", '_blank', "class='bug'");
                 break;
             case 'type':
diff --git a/module/task/view/create.html.php b/module/task/view/create.html.php
index f484d2ecfd..3e5879b771 100644
--- a/module/task/view/create.html.php
+++ b/module/task/view/create.html.php
@@ -59,7 +59,7 @@
           <div class='row-table'>
             <div class='col-table'>
               <div class="input-group w-p100">
-                <input type='hidden' id='color' name='color' data-provide='colorpicker' data-wrapper='input-group-btn' data-pull-menu-right='false' data-btn-tip='<?php echo $lang->task->colorTag ?>'>
+                <input type='hidden' id='color' name='color' data-provide='colorpicker' data-wrapper='input-group-btn fix-border-right' data-pull-menu-right='false' data-btn-tip='<?php echo $lang->task->colorTag ?>' data-update-text='#name'>
                 <?php echo html::input('name', $task->name, "class='form-control'");?>
                 <span class='input-group-btn'><a href='javascript:copyStoryTitle();' id='copyButton' class='btn'><?php echo $lang->task->copyStoryTitle;?></a></span>
               </div>
diff --git a/module/task/view/edit.html.php b/module/task/view/edit.html.php
index d37227c54c..d2a2953043 100644
--- a/module/task/view/edit.html.php
+++ b/module/task/view/edit.html.php
@@ -21,7 +21,7 @@
 <div id='titlebar'>
   <div class='heading'>
     <span class='prefix'><?php echo html::icon($lang->icons['task']);?> <strong><?php echo $task->id;?></strong></span>
-    <strong><?php echo html::a($this->createLink('task', 'view', "taskID=$task->id"), $task->name);?></strong>
+    <strong><?php echo html::a($this->createLink('task', 'view', "taskID=$task->id"), $task->name, '', "class='task-title'");?></strong>
     <small><?php echo html::icon($lang->icons['edit']) . ' ' . $lang->task->edit;?></small>
   </div>
   <div class='actions'>
@@ -32,7 +32,10 @@
   <div class='col-main'>
     <div class='main'>
       <div class='form-group'>
-        <?php echo html::input('name', $task->name, 'class="form-control" placeholder="' . $lang->task->name . '"');?>
+        <div class='input-group'>
+          <input type='hidden' id='color' name='color' data-provide='colorpicker' data-wrapper='input-group-btn fix-border-right' data-pull-menu-right='false' data-btn-tip='<?php echo $lang->task->colorTag ?>' value='<?php echo $task->color ?>' data-update-text='.task-title, #name'>
+          <?php echo html::input('name', $task->name, 'class="form-control" placeholder="' . $lang->task->name . '"');?>
+        </div>
       </div>
       <fieldset class='fieldset-pure'>
         <legend><?php echo $lang->task->desc;?></legend>
diff --git a/module/task/view/view.html.php b/module/task/view/view.html.php
index c45ab41115..66e6aa247e 100644
--- a/module/task/view/view.html.php
+++ b/module/task/view/view.html.php
@@ -15,7 +15,7 @@
 <div id='titlebar'>
   <div class='heading'>
     <span class='prefix'><?php echo html::icon($lang->icons['task']);?> <strong><?php echo $task->id;?></strong></span>
-    <strong><?php echo $task->name;?></strong>
+    <strong style='color: <?php echo $task->color; ?>'><?php echo $task->name;?></strong>
     <?php if($task->deleted):?>
     <span class='label label-danger'><?php echo $lang->task->deleted;?></span>
     <?php endif; ?>
diff --git a/module/testcase/model.php b/module/testcase/model.php
index 555e7bdebb..e2c740439b 100644
--- a/module/testcase/model.php
+++ b/module/testcase/model.php
@@ -954,9 +954,9 @@ class testcaseModel extends model
                 echo "</span>";
                 break;
             case 'title':
-                if($case->branch) echo "<span class='label label-info label-badge'>{$branches[$case->branch]}</span>";
-                if($modulePairs and $case->module) echo "<span class='label label-info label-badge'>{$modulePairs[$case->module]}</span>";
-                echo html::a($caseLink, $case->title);
+                if($case->branch) echo "<span class='label label-info label-badge'>{$branches[$case->branch]}</span> ";
+                if($modulePairs and $case->module) echo "<span class='label label-info label-badge'>{$modulePairs[$case->module]}</span> ";
+                echo html::a($caseLink, $case->title, null, "style='color: $case->color'");
                 break;
             case 'branch':
                 echo $branches[$case->branch];
diff --git a/module/testcase/view/browsedata.html.php b/module/testcase/view/browsedata.html.php
index 9b933ef909..1279603fa4 100644
--- a/module/testcase/view/browsedata.html.php
+++ b/module/testcase/view/browsedata.html.php
@@ -40,9 +40,9 @@
         </td>
         <td><span class='<?php echo 'pri' . zget($lang->testcase->priList, $case->pri, $case->pri)?>'><?php echo zget($lang->testcase->priList, $case->pri, $case->pri);?></span></td>
         <td class='text-left' title="<?php echo $case->title?>">
-          <?php if($case->branch) echo "<span class='label label-info label-badge'>{$branches[$case->branch]}</span>"?>
-          <?php if($modulePairs and $case->module) echo "<span class='label label-info label-badge'>{$modulePairs[$case->module]}</span>"?>
-          <?php echo html::a($viewLink, $case->title);?>
+          <?php if($case->branch) echo "<span class='label label-info label-badge'>{$branches[$case->branch]}</span> "?>
+          <?php if($modulePairs and $case->module) echo "<span class='label label-info label-badge'>{$modulePairs[$case->module]}</span> "?>
+          <?php echo html::a($viewLink, $case->title, null, "style='color: $case->color'");?>
         </td>
         <?php if($browseType == 'needconfirm'):?>
         <td class='text-left'><?php echo html::a($this->createLink('story', 'view', "storyID=$case->story"), $case->storyTitle, '_blank');?></td>
diff --git a/module/testcase/view/create.html.php b/module/testcase/view/create.html.php
index 26ac81d4a5..89870e0377 100644
--- a/module/testcase/view/create.html.php
+++ b/module/testcase/view/create.html.php
@@ -86,7 +86,7 @@
            <div class='row-table'>
             <div class='col-table w-p100'>
               <div class='input-group w-p100'>
-                <input type='hidden' id='color' name='color' data-provide='colorpicker' data-wrapper='input-group-btn' data-pull-menu-right='false' data-btn-tip='<?php echo $lang->testcase->colorTag ?>'>
+                <input type='hidden' id='color' name='color' data-provide='colorpicker' data-wrapper='input-group-btn' data-pull-menu-right='false' data-btn-tip='<?php echo $lang->testcase->colorTag ?>' data-update-text='#title'>
                 <?php echo html::input('title', $caseTitle, "class='form-control'");?>
               </div>
             </div>
diff --git a/module/testcase/view/edit.html.php b/module/testcase/view/edit.html.php
index c36a768edc..7dd3f41627 100644
--- a/module/testcase/view/edit.html.php
+++ b/module/testcase/view/edit.html.php
@@ -19,7 +19,7 @@
 <div id='titlebar'>
   <div class='heading'>
     <span class='prefix'><?php echo html::icon($lang->icons['testcase']);?> <strong><?php echo $case->id;?></strong></span>
-    <strong><?php echo html::a($this->createLink('testcase', 'view', "caseID=$case->id"), $case->title);?></strong>
+    <strong><?php echo html::a($this->createLink('testcase', 'view', "caseID=$case->id"), $case->title, '', 'class="case-title"');?></strong>
     <small><?php echo $lang->case->edit;?></small>
   </div>
   <div class='actions'>
@@ -30,7 +30,10 @@
   <div class='col-main'>
     <div class='main'>
       <div class='form-group'>
-        <?php echo html::input('title', $case->title, 'class="form-control" placeholder="' . $lang->case->title . '"');?>
+        <div class='input-group'>
+          <input type='hidden' id='color' name='color' data-provide='colorpicker' data-wrapper='input-group-btn fix-border-right' data-pull-menu-right='false' data-btn-tip='<?php echo $lang->case->colorTag ?>' value='<?php echo $case->color ?>' data-update-text='#title, .case-title'>
+          <?php echo html::input('title', $case->title, 'class="form-control" placeholder="' . $lang->case->title . '"');?>
+        </div>
       </div>
       <fieldset class='fieldset-pure'>
         <legend><?php echo $lang->testcase->precondition;?></legend>
diff --git a/module/testcase/view/view.html.php b/module/testcase/view/view.html.php
index a6441ea3ca..a559264708 100644
--- a/module/testcase/view/view.html.php
+++ b/module/testcase/view/view.html.php
@@ -15,7 +15,7 @@
 <div id='titlebar'>
   <div class='heading'>
     <span class='prefix'><?php echo html::icon($lang->icons['testcase']);?> <strong><?php echo $case->id;?></strong></span>
-    <strong><?php echo $case->title;?></strong>
+    <strong style='color: <?php echo $case->color; ?>'><?php echo $case->title;?></strong>
     <?php if($case->deleted):?>
     <span class='label label-danger'><?php echo $lang->case->deleted;?></span>
     <?php endif; ?>
diff --git a/www/theme/default/style.css b/www/theme/default/style.css
index b39a8d5a0e..2bd09289ac 100644
--- a/www/theme/default/style.css
+++ b/www/theme/default/style.css
@@ -604,6 +604,12 @@ body {font-size: 13px; color:#141414;padding-bottom: 40px;}
 .outer form > .btn {margin-right: 10px;}
 .outer form .panel {margin-bottom: 0;}
 
+/* Color picker in form */
+.colorpicker.fix-border-right > .btn {border-right-color: transparent}
+.colorpicker.fix-border-left > .btn {border-left-color: transparent}
+.colorpicker.fix-border-right > .btn:hover {border-right-color: #bdbdbd}
+.colorpicker.fix-border-left > .btn:hover {border-left-color: #bdbdbd}
+
 /* Pager. */
 .pager {margin-bottom:0;line-height: 20px; color: #999}
 .pager .dropdown {display: inline-block;}