differentiate color of sub tasks.

dream/platform/static/css/demo-new.css

@@ -351,3 +351,8 @@ path {
   height: 400px;
   margin: 20px 0;
 }
+
+.sub_task {
+  background-color: #3DD388;
+  border-color: #28B06C;
+}

dream/platform/static/index.html

@@ -7,10 +7,10 @@
   <link rel="stylesheet" href="css/skeleton.css">
   <link rel="stylesheet" href="css/skeleton_wide.css">
   <link rel="stylesheet" href="css/layout.css">
-  <link rel="stylesheet" href="css/demo-new.css">
   <link rel="stylesheet" href="css/jquery-ui-1.10.3.custom.min.css">
   <link rel="stylesheet" type="text/css" href="css/jquery.handsontable.full.css">
   <link rel="stylesheet" type="text/css" href="lib/dhtmlxgantt/dhtmlxgantt.css">
+  <link rel="stylesheet" href="css/demo-new.css">
 
 </head>
 

dream/platform/static/src/dream_launcher.js

@@ -460,6 +460,9 @@
                   readOnly: true
                 });
                 spreadsheet.find('.htCore').width(spreadsheet.width());
+                gantt.templates.task_class = function(start, end, obj){
+                  return obj.parent ? "sub_task" : "";
+                };
                 $('#gantt_output').show().dhx_gantt({
                   data: gantt_data,
                   scale_unit: 'day',