 
 window.addEventListener 'layout.change', (e) ->
   {layout} = e.detail
+
+getCondStyle = (cond) ->
+  if cond > 49
+    color: '#FFFF00'
+  else if cond < 20
+    color: '#DD514C'
+  else if cond < 30
+    color: '#F37B1D'
+  else
+    null
 
 getHpStyle = (percent) ->
   if percent <= 25

            getShip = null
          formationFlag = true
          result = body.api_win_rank

      return unless flag
      @setState
        afterHp: afterHp

                continue unless @state.shipLv[i] != -1
                continue unless i < 6
                <tr key={i + 1}>
                  <td style={getCondStyle @state.shipCond[i]}>Lv. {@state.shipLv[i]} - {tmpName} Cond: {@state.shipCond[i]}</td>
                  <td className="hp-progress">
                    <ProgressBar bsStyle={getHpStyle @state.nowHp[i] / @state.maxHp[i] * 100}
                      now={@state.nowHp[i] / @state.maxHp[i] * 100}
