changed the reds and greens in tower

awx/api/templates/api/stdout.html

@@ -14,16 +14,16 @@
 .ansi4 { text-decoration: underline; }
 .ansi9 { text-decoration: line-through; }
 .ansi30 { color: #000316; }
-.ansi31 { color: #AA0000; }
+.ansi31 { color: #ff5850; }
-.ansi32 { color: #00AA00; }
+.ansi32 { color: #60D66F; }
 .ansi33 { color: #AA5500; }
 .ansi34 { color: #0000AA; }
 .ansi35 { color: #E850A8; }
 .ansi36 { color: #00AAAA; }
 .ansi37 { color: #F5F1DE; }
 .ansi40 { background-color: #000000; }
-.ansi41 { background-color: #AA0000; }
+.ansi41 { background-color: #ff5850; }
-.ansi42 { background-color: #00AA00; }
+.ansi42 { background-color: #60D66F; }
 .ansi43 { background-color: #AA5500; }
 .ansi44 { background-color: #0000AA; }
 .ansi45 { background-color: #E850A8; }

awx/ui/static/js/directives/host-status-graph.js

@@ -48,11 +48,11 @@ function HostStatusGraph($compile, $window) {
                 if(data.hosts.total+data.hosts.failed>0){
                     data = [
                         {   "label": "Successful",
-                            "color": "#00aa00",
+                            "color": "#60D66F",
                             "value" : data.hosts.total
                         } ,
                         {   "label": "Failed",
-                            "color" : "#aa0000",
+                            "color" : "#ff5850",
                             "value" : data.hosts.failed
                         }
                     ];
@@ -68,7 +68,7 @@ function HostStatusGraph($compile, $window) {
                             return '<b>'+x+'</b>'+ '<p>' +  Math.floor(y.replace(',','')) + ' Hosts ' +  '</p>';
                         })
                         .labelType("percent")
-                        .color(['#00aa00', '#aa0000']);
+                        .color(['#60D66F', '#ff5850']);
 
                     d3.select(element.find('svg')[0])
                         .datum(data)

awx/ui/static/js/directives/job-status-graph.js

@@ -46,12 +46,12 @@ function JobStatusGraph($rootScope, $compile , $location, $window, Wait, adjustG
                     scope.jobType = jobtype;
 
                     var timeFormat, graphData = [
-                        {   "color": "#00aa00",
+                        {   "color": "#60D66F",
                             "key": "Successful",
                             "values": data.jobs.successful
                         },
                         {   "key" : "Failed" ,
-                            "color" : "#aa0000",
+                            "color" : "#ff5850",
                             "values": data.jobs.failed
                         }
                     ];

awx/ui/static/js/helpers/JobDetail.js

@@ -1146,7 +1146,7 @@ export default
                 graph_data.push({
                     label: 'OK',
                     value: (scope.host_summary.ok === scope.host_summary.total) ? 1 : scope.host_summary.ok,
-                    color: '#00aa00'
+                    color: '#60D66F'
                 });
             }
             if (scope.host_summary.changed) {
@@ -1167,7 +1167,7 @@ export default
                 graph_data.push({
                     label: 'Failed',
                     value: (scope.host_summary.failed === scope.host_summary.total) ? 1 : scope.host_summary.failed,
-                    color: '#aa0000'
+                    color: '#ff5850'
                 });
             }
 

awx/ui/static/js/smart-status/smart-status.directive.js

@@ -23,8 +23,8 @@ export default [  function() {
                 barWidth: 7,
                 barSpacing: 2,
                 zeroBarColor: 'grey',
-                posBarColor: '#00aa00',
+                posBarColor: '#60D66F',
-                negBarColor: '#aa0000',
+                negBarColor: '#ff5850',
                 tooltipFormatter: scope.formatter,
                 tooltipFormat: '{{value:jobs}}',
                 tooltipValueLookups: {

awx/ui/static/js/widgets/DashboardCounts.js

@@ -45,13 +45,13 @@ angular.module('DashboardCountsWidget', ['RestServices', 'Utilities'])
                 element.html(html);
                 $compile(element)(scope);
                 if(dashboard.hosts.failed>0 ){
-                    $('#failed-hosts').replaceWith("<a style=\"color:#aa0000\" href=\"/#/home/hosts/?has_active_failures=true\" id=\"failed-hosts\">"+dashboard.hosts.failed+"</a>");
+                    $('#failed-hosts').replaceWith("<a style=\"color: #ff5850\" href=\"/#/home/hosts/?has_active_failures=true\" id=\"failed-hosts\">"+dashboard.hosts.failed+"</a>");
                 }
                 if(dashboard.inventories.inventory_failed>0 ){
-                    $('#failed-inventories').replaceWith("<a style=\"color:#aa0000\" href=/#/inventories/?inventory_sources_with_failures id=\"failed-inventories\">"+dashboard.inventories.inventory_failed+"</a>");
+                    $('#failed-inventories').replaceWith("<a style=\"color: #ff5850\" href=/#/inventories/?inventory_sources_with_failures id=\"failed-inventories\">"+dashboard.inventories.inventory_failed+"</a>");
                 }
                 if(dashboard.projects.failed>0 ){
-                    $('#failed-projects').replaceWith("<a style=\"color:#aa0000\" href=\"/#/projects/?status=failed\" id=\"failed-projects\">"+dashboard.projects.failed+"</a>");
+                    $('#failed-projects').replaceWith("<a style=\"color: #ff5850\" href=\"/#/projects/?status=failed\" id=\"failed-projects\">"+dashboard.projects.failed+"</a>");
                 }
                 scope.$emit('WidgetLoaded');
 

awx/ui/static/js/widgets/HostPieChart.js

@@ -63,12 +63,12 @@ angular.module('HostPieChartWidget', ['RestServices', 'Utilities'])
                     data = [
                         {
                             "label": "Successful",
-                            "color": "#00aa00",
+                            "color": "#60D66F",
                             "value" : dashboard.hosts.total
                         } ,
                         {
                             "label": "Failed",
-                            "color" : "#aa0000",
+                            "color" : "#ff5850",
                             "value" : dashboard.hosts.failed
                         }
                     ];
@@ -85,7 +85,7 @@ angular.module('HostPieChartWidget', ['RestServices', 'Utilities'])
                           .tooltipContent(function(x, y) {
                                 return '<b>'+x+'</b>'+ '<p>' +  Math.floor(y.replace(',','')) + ' Hosts ' +  '</p>';
                             })
-                          .color(['#00aa00', '#aa0000']);
+                          .color(['#60D66F', '#ff5850']);
 
                         host_pie_chart.pie.pieLabelsOutside(true).labelType("percent");
 

awx/ui/static/js/widgets/JobStatusGraph.js

@@ -117,13 +117,13 @@ angular.module('JobStatusGraphWidget', ['RestServices', 'Utilities'])
 
                     var timeFormat, graphData = [
                         {
-                            "color": "#00aa00",
+                            "color": "#60D66F",
                             "key": "Successful",
                             "values": data.jobs.successful
                         },
                         {
                             "key" : "Failed" ,
-                            "color" : "#aa0000",
+                            "color" : "#ff5850",
                             "values": data.jobs.failed
                         }
                     ];
@@ -216,4 +216,4 @@ angular.module('JobStatusGraphWidget', ['RestServices', 'Utilities'])
 
             };
         }
-    ]);
+    ]);

awx/ui/static/less/ansible-ui.less

@@ -12,14 +12,11 @@
 @blue:         #1778c3;   /* logo blue */
 @blue-link:    #1778c3;
 @blue-dark:    #2a6496;   /* link hover */
-@green:        #00aa00;   // Ansible OK
 @grey:         #A9A9A9;
 @grey-txt:     #707070;
 @info:         #d9edf7;   /* alert info background color */
 @info-border:  #bce8f1;   /* alert info border color */
 @info-color:   #3a87ad;
-@red:          #aa0000;   // Ansible Failed
-@red-hover:    #AE3F3A;
 @unreachable:  #FF0000;
 @changed:      #FF9900;   // Ansible Changed
 @skipped:      #00aaaa;   // Ansible Skipped
@@ -30,6 +27,10 @@
 
 @tip-background: #0088CC;
 @tip-color: #fff;
+@green: #60D66F;
+@red: #ff5850;
+@red-hover: #FA8C87;
+
 
 @font-face {
     font-family: 'Open Sans';
@@ -365,6 +366,7 @@ textarea.allowresize {
 .prepend-asterisk:before {
   content: "\002A\00A0";
   color: @red;
+  margin-right: -5px;
 }
 
 .subtitle {