website: Fixing banner. (#5215)

Signed-off-by: Bartlomiej Plotka <[email protected]>

website/layouts/index.html

@@ -43,11 +43,11 @@ <h3 class="mb-3">Open source, highly available Prometheus setup with long term s
         </div>
     </div>
 </div>
-<div class="container_fluid bg-purple" style="font-weight: 500 !important;color: #fff !important;padding: 10px !important;text-align: center !important;">The Thanos Team strongly condemns Putin's illegal invasion of Ukraine.
+<div class="bg-dark text-light py-3 font-weight-bold container-fluid text-center">The Thanos Team strongly condemns Putin's illegal invasion of Ukraine.
     Please consider donating to a humanitarian aid actions such as
-    <a target="_blank" href="https://www.siepomaga.pl/en/ukraina/" style="color: yellow !important;">Polish National Campaign to Support Ukraine</a>
+    <a class="color-yellow" target="_blank" href="https://www.siepomaga.pl/en/ukraina/">Polish National Campaign to Support Ukraine</a>
     or
-    <a target="_blank" href="https://care-in-action.org/en/pages/please-fund-emergency-aid-for-ukraine" style="color: yellow !important;">Care in Action</a> to provide relief.
+    <a class="color-yellow" target="_blank" href="https://care-in-action.org/en/pages/please-fund-emergency-aid-for-ukraine">Care in Action</a> to provide relief.
 </div>
 <div class="container-fluid bg-light">
     <div class="row">

website/static/main.css

@@ -1,3 +1,7 @@
+.color-yellow {
+    color: #ad9c26;
+}
+
 .bg-purple {
     background-color: #6D41FF;
 }