Simplify colour usage, set primary colour

Author: thermistor

_includes/nav.html

@@ -22,7 +22,7 @@
           <a class="btn btn-sm btn-warning d-block my-2" href="{{ site.baseurl }}/sponsors.html">Become a Sponsor</a>
         </li>
         <li class="nav-item d-lg-none">
-          <a class="btn btn-sm btn-danger d-block my-2" aria-current="page" target="_blank" href="https://lu.ma/vanruby">Join VanRuby</a>
+          <a class="btn btn-sm btn-primary d-block my-2" aria-current="page" target="_blank" href="https://lu.ma/vanruby">Join VanRuby</a>
         </li>
       </ul>
       <button id="themeToggle" class="btn btn-sm d-none d-lg-block" type="button" aria-label="Toggle theme">
@@ -31,8 +31,8 @@
         </svg>
       </button>
 
-      <a href="{{ site.baseurl }}/sponsors.html" class="btn btn-sm btn-warning ms-2 d-none d-lg-block">Become a Sponsor</a>
-      <a href="https://lu.ma/vanruby" target="_blank" class="btn btn-sm btn-danger ms-2 d-none d-lg-block">Join VanRuby</a>
+      <a href="{{ site.baseurl }}/sponsors.html" class="btn btn-sm btn-secondary ms-2 d-none d-lg-block">Become a Sponsor</a>
+      <a href="https://lu.ma/vanruby" target="_blank" class="btn btn-sm btn-primary ms-2 d-none d-lg-block">Join VanRuby</a>
     </div>
   </div>
 </nav>

assets/css/main.scss

@@ -2,6 +2,11 @@
 # Only the main Sass file needs front matter (the dashes are enough)
 ---
 
+
+// Default variable overrides
+$primary: #dc3545;
+
+
 // Import Bootstrap from gem
 @import "bootstrap";
 

companies.html

@@ -8,12 +8,12 @@
     <h2 class="text-center fw-semibold">Companies Hiring Ruby Developers in Vancouver</h2>
     <p class="fs-5 fw-light text-center">Explore opportunities with companies that hire Ruby developers in Vancouver. Whether remote-friendly or office-based, these organizations are building amazing products with Ruby.</p>
     <p class="text-center">
-      <span class="badge bg-primary fs-6">{{site.data.companies.size}} Employers</span>
+      <span class="badge bg-secondary fs-6">{{site.data.companies.size}} Employers</span>
     </p>
   </div>
 </div>
 
-<div class="alert alert-info d-flex align-items-center" role="alert">
+<div class="alert alert-primary d-flex align-items-center" role="alert">
   <svg class="bi flex-shrink-0 me-2" width="24" height="24" fill="currentColor"><use xlink:href="/assets/images/icons/bootstrap-icons.svg#info-circle-fill"/></svg>
   <div>
     Want to add your company? Modify the <a href="https://github.com/vanruby/vanruby.github.io/blob/master/_data/companies.csv" class="alert-link" target="_blank">company list</a> and submit a Pull Request.
@@ -67,7 +67,7 @@ <h3 class="mb-3">
     </table>
   </div>
   <p class="text-center mt-3">
-    <a href="{{ site.baseurl }}/sponsors.html" class="btn btn-warning">Become a Sponsor</a>
+    <a href="{{ site.baseurl }}/sponsors.html" class="btn btn-primary">Become a Sponsor</a>
   </p>
 </div>
 {% endif %}

index.html

@@ -12,7 +12,7 @@ <h3 class="text-center fw-semibold text-lg-start">Vancouver's Ruby Community</h3
           Ruby enthusiasts and professionals in Vancouver. Whether you are a beginner or a seasoned expert, our events,
           talks, and networking opportunities help you stay ahead in the world of Ruby.</p>
         <a href="https://lu.ma/vanruby" target="_blank"
-          class="btn btn-primary btn-lg btn-danger mt-auto align-self-lg-start">Join VanRuby</a>
+          class="btn btn-primary btn-lg btn-primary mt-auto align-self-lg-start">Join VanRuby</a>
       </div>
       <div class="col-lg-5 col-md-12 order-1 order-lg-2 d-flex flex-column justify-content-center mb-4 mb-lg-0">
         <iframe src="https://lu.ma/embed/calendar/cal-ek97jTetLbE3c6t/events?compact=true" width="100%" height="325px"
@@ -142,7 +142,7 @@ <h3 class="fs-2 text-body-emphasis">18+ Years</h3>
 {% assign gold_sponsors = site.data.companies | where: "sponsor_tier", "gold" %}
 {% if gold_sponsors.size > 0 %}
 <div class="container my-5">
-<h2 class="pb-2 border-bottom text-warning">Gold Sponsors</h2>
+<h2 class="pb-2 border-bottom">Gold Sponsors</h2>
 <div class="row g-5 py-5 row-cols-1 row-cols-lg-3">
   {% for company in gold_sponsors %}
   <div class="feature col">
@@ -169,7 +169,7 @@ <h3 class="fs-6 text-body-emphasis mb-0">{{ company.name }}</h3>
 {% assign silver_sponsors = site.data.companies | where: "sponsor_tier", "silver" %}
 {% if silver_sponsors.size > 0 %}
 <div class="container my-5">
-<h2 class="pb-2 border-bottom" style="color: #6c757d;">Silver Sponsors</h2>
+<h2 class="pb-2 border-bottom">Silver Sponsors</h2>
 <div class="row g-5 py-5 row-cols-1 row-cols-lg-4">
   {% for company in silver_sponsors %}
   <div class="feature col">
@@ -226,4 +226,4 @@ <h4 class="fw-semibold mb-0 text-body-emphasis">Opportunity</h4>
       </div>
     </div>
   </div>
-</div>
+</div>

organizers.html

@@ -148,7 +148,7 @@ <h3 class="mb-3">Want to Get Involved?</h3>
   </div>
 
   <!-- Add Yourself -->
-  <div class="alert alert-info d-flex align-items-center mt-4" role="alert">
+  <div class="alert alert-primary d-flex align-items-center mt-4" role="alert">
     <svg class="bi flex-shrink-0 me-2" width="24" height="24" fill="currentColor">
       <use xlink:href="/assets/images/icons/bootstrap-icons.svg#info-circle-fill"></use>
     </svg>

sponsors.html

@@ -47,7 +47,7 @@ <h4 class="h5 mb-3">Sponsor for entire year (12 meetups)</h4>
             </li>
           </ul>
 
-          <a href="https://github.com/vanruby/talks/issues/new?template=sponsor.yml" target="_blank" class="btn btn-warning btn-lg mt-auto">Become a Gold Sponsor</a>
+          <a href="https://github.com/vanruby/talks/issues/new?template=sponsor.yml" target="_blank" class="btn btn-secondary btn-lg mt-auto">Become a Gold Sponsor</a>
           <p class="text-center mt-3 mb-0">
             <small>No GitHub account? <a href="mailto:[email protected],[email protected]?subject=VanRuby Gold Sponsorship">Email us instead</a></small>
           </p>
@@ -136,6 +136,6 @@ <h4>Build Your Brand</h4>
 
   <div class="text-center mt-5">
     <p class="lead">Questions about sponsorship?</p>
-    <a href="mailto:[email protected],[email protected]?subject=VanRuby Sponsorship" target="_blank" class="btn btn-warning btn-lg">Get in Touch</a>
+    <a href="mailto:[email protected],[email protected]?subject=VanRuby Sponsorship" target="_blank" class="btn btn-primary btn-lg">Get in Touch</a>
   </div>
 </div>