<div class="BlockList-dragIcon">
  <div class="CDB-Shape">
    <div class="CDB-Shape-rectsHandle is-small">
      <div class="CDB-Shape-rectsHandleItem CDB-Shape-rectsHandleItem--grey is-first"></div>
      <div class="CDB-Shape-rectsHandleItem CDB-Shape-rectsHandleItem--grey is-second"></div>
      <div class="CDB-Shape-rectsHandleItem CDB-Shape-rectsHandleItem--grey is-third"></div>
    </div>
  </div>
</div>
<div class="BlockList-media u-rSpace--m js-widgetIcon">
</div>
<div class="BlockList-inner u-ellipsis">
  <div class="BlockList-title u-bSpace js-context-menu">
    <div class="BlockList-titleText js-header"></div>
  </div>
  <div class="u-flex">
    <span
      class="CDB-SelectorLayer-letter CDB-Text CDB-Size-small u-whiteTextColor u-rSpace u-upperCase"
      style="background-color: <%- sourceColor %>;"><%- source %></span>
    <p class="CDB-Text CDB-Size-medium u-altTextColor u-ellipsis"><%- layerName %></p>
  </div>
</div>

<div class="BlockList-dragIcon">
  <div class="CDB-Shape">
    <div class="CDB-Shape-rectsHandle is-small">
      <div class="CDB-Shape-rectsHandleItem CDB-Shape-rectsHandleItem--grey is-first"></div>
      <div class="CDB-Shape-rectsHandleItem CDB-Shape-rectsHandleItem--grey is-second"></div>
      <div class="CDB-Shape-rectsHandleItem CDB-Shape-rectsHandleItem--grey is-third"></div>
    </div>
  </div>
</div>
<div class="BlockList-media u-rSpace--m js-widgetIcon">
</div>
<div class="BlockList-inner u-ellipsis">
  <div class="BlockList-title u-bSpace js-context-menu">
    <div class="BlockList-titleText js-header"></div>
  </div>
  <div class="CDB-Text CDB-Size-small u-flex">
    <span class="is-semibold u-rSpace u-upperCase" style="color: <%- sourceColor %>;">
      <%- source %>
    </span>
    <p class="u-ellipsis">
      <span class="u-altTextColor u-rSpace--s">Source</span>
      <%- layerName %>
    </p>
  </div>
</div>

Change source style in widget list
Change source style in widget list
