Fix text colors in the api example index view

Adjusting the text colors to black or white depending on their contrast ratios with the background to unify the text colors while maintaining maximum contrast ratio.
sahat · Oct 25, 2023 · c7249e9 · c7249e9
1 parent 2c9abe3
commit c7249e9
Showing 1 changed file with 6 additions and 6 deletions.
diff --git a/views/api/index.pug b/views/api/index.pug
@@ -18,7 +18,7 @@ block content
             img(src='https://i.imgur.com/jiztYCH.png', height=40, style='padding: 0px 10px 0px 0px')
             | Facebook
     .col-md-4
-      a(href='/api/foursquare', style='color: #fff')
+      a(href='/api/foursquare', style='color: #000')
         .card(style='background-color: #1cafec').mb-3
           .card-body
             img(src='https://i.imgur.com/PixH9li.png', height=40, style='padding: 0px 10px 0px 0px')
@@ -48,7 +48,7 @@ block content
             img(src='https://i.imgur.com/dWEkSRX.png', height=40, style='padding: 0px 10px 0px 0px')
             | Twitch
     .col-md-4
-      a(href='/api/stripe', style='color: #fff')
+      a(href='/api/stripe', style='color: #000')
         .card(style='background-color: #3da8e5').mb-3
           .card-body
             img(src='https://i.imgur.com/w3s2RvW.png', height=40, style='padding: 0px 10px 0px 0px')
@@ -90,7 +90,7 @@ block content
             img(src='https://i.imgur.com/48Q05kF.png', height=40, style='padding: 0px 10px 0px 0px')
             | Lob (USPS mailing)
     .col-md-4
-      a(href='/api/upload', style='color: #1565c0')
+      a(href='/api/upload', style='color: #000')
         .card(style='background-color: #fff').mb-3
           .card-body
             img(src='https://i.imgur.com/UPTzIdC.png', height=40, style='padding: 0px 10px 0px 0px')
@@ -102,13 +102,13 @@ block content
             img(src='https://i.imgur.com/JNNRQSm.png', height=40, style='padding: 0px 10px 0px 0px')
             | Pinterest
     .col-md-4
-      a(href='/api/google-maps', style='color: #fff')
-        .card(style='background-color: #20a360').text-white.mb-3
+      a(href='/api/google-maps', style='color: #000')
+        .card(style='background-color: #0f9d58').mb-3
           .card-body
             img(src='https://i.imgur.com/Er2ZqgZ.png', height=40, style='padding: 0px 10px 0px 0px')
             | Google Maps
     .col-md-4
-      a(href='/api/here-maps', style='color: #0f1621')
+      a(href='/api/here-maps', style='color: #000')
         .card(style='background-color: #d1f6f3').mb-3
           .card-body
             img(src='https://developer.here.com/themes/custom/here_dev_portal_theme/logo.svg', height=40, style='padding: 0px 10px 0px 0px')