Added some emphasizing for important information in the theme.

Author: marcells

app/public/stylesheets/themes/lingo/style.css

@@ -10,4 +10,9 @@
 .lingo-theme .list-item {
   margin-top: 15px;
   padding: 10px;
+}
+
+.lingo-theme .emphasize {
+  color: #f7ffad;
+  /*font-weight: bold;*/
 }

app/public/templates/themes/lingo.html

@@ -2,32 +2,35 @@
   <div class="list-container" data-bind="foreach: builds">
     <div class="list-item" data-bind="{ animateCss: style }">
       <span>The build </span>
-      <span data-bind="text: number"></span>
+      <span class="emphasize" data-bind="text: number"></span>
 
       <span data-bind="visible: definition">
         <span> of </span>
-        <span data-bind="text: definition"></span>
+        <span class="emphasize" data-bind="text: definition"></span>
         <span> as part </span>
       </span>
 
       <span> of project </span>
-      <span data-bind="text: project"></span>
+      <span class="emphasize" data-bind="text: project"></span>
 
       <span> was triggered as </span>
-      <span data-bind="text: reason"></span>
+      <span class="emphasize" data-bind="text: reason"></span>
 
       <span> by </span>
-      <span data-bind="text: requestedFor"></span><span>, </span>
+      <span class="emphasize" data-bind="text: requestedFor"></span><span>, </span>
 
       <span data-bind="text: time"></span>
       <span> and </span>
       <span data-bind="text: duration"></span>
 
       <span> with the status </span>
-      <span data-bind="text: statusText"></span><span>.</span>
+      <span class="emphasize" data-bind="text: statusText"></span><span>.</span>
 
       <span data-bind="visible: hasWarnings() || hasErrors()">
-        <span> and some warnings or errors.</span>
+        <span> and some </span>
+        <span class="emphasize"> warnings </span>
+        <span> or </span>
+        <span class="emphasize"> errors</span><span>.</span>
       </span>
     </div>
   </div>