showcar-ui/src/01-settings/docs/colors-primary-secondary.md

Showcar-ui is the pattern library that is used to build the frontend of AutoScout24. It provides CSS classes, custom elements and components.

<h2>Primary/Secondary<span class="status approved">Approved</span></h2>
<div class="ndpl-component__colors ndpl-cf">
  <div class="ndpl-component__color-container">
    <div class="ndpl-component__color" style="background-color: #f5f200;">
      <div class="ndpl-dark-text">
        #f5f200<br>rgb(0, 52, 104)<br>$yellow-100
      </div>
    </div>
  </div>

  <div class="ndpl-component__color-container">
    <div class="ndpl-component__color" style="background-color: #F9F766;">
      <div class="ndpl-dark-text">
        #F9F766<br>rgb(30, 76, 122)<br>$yellow-60
      </div>
    </div>
  </div>

  <div class="ndpl-component__color-container">
    <div class="ndpl-component__color" style="background-color: #083B78;">
      <div>
        #083B78<br>rgb(61, 100, 140)<br>$blue-160
      </div>
    </div>
  </div>

  <div class="ndpl-component__color-container">
    <div class="ndpl-component__color" style="background-color: #0C4F90;">
      <div>
        #0C4F90<br>rgb(91, 124, 158)<br>$blue-120
      </div>
    </div>
  </div>

  <div class="ndpl-component__color-container">
    <div class="ndpl-component__color" style="background-color: #1166A8;">
      <div>
        #1166A8<br>rgb(121, 149, 176)<br>$blue-100
      </div>
    </div>
  </div>

</div>