color adjustments

_data/colors.yml

@@ -1,10 +1,10 @@
 bg_color: 'rgb(27, 34, 65)'
 bg-alt_color: 'rgba(27, 34, 65, 0.95)'
-fg_color: 'rgba(178, 211, 168, 1)'
-fg-alt_color: 'rgba(178, 211, 168, 0.75)'
-border_color: 'rgb(33, 42, 24)'
-border-alt_color: 'rgba(33, 42, 24, 0.75)'
-accent2_color: 'rgba(82, 183, 136, 1)'
-accent2-alt_color: 'rgba(82, 183, 136, 0.75)'
-accent1_color: 'rgba(237, 229, 166, 1)'
-accent1-alt_color: 'rgba(237, 229, 166, 0.75)'
+fg_color: 'rgba(160, 178, 141, 1)'
+fg-alt_color: 'rgba(160, 178, 141, 0.75)'
+border_color: 'rgb(0, 25, 1)'
+border-alt_color: 'rgba(0, 25, 1, 0.75)'
+accent2_color: 'rgba(196, 167, 255, 1)'
+accent2-alt_color: 'rgba(196, 167, 255, 0.75)'
+accent1_color: 'rgba(168, 255, 238, 1)'
+accent1-alt_color: 'rgba(168, 255, 238, 0.75)'

_sass/_layout.scss

@@ -137,6 +137,13 @@ footer {
   background-position: top;
   box-sizing: border-box;
   z-index: 2;
+  a {
+    color: var(--bg);
+  }
+  .icon {
+    border: 1px solid var(--bg);
+
+  }
   .footframe {
     display: flex;
     flex-wrap: wrap;

_sass/trackplayer.scss

@@ -60,7 +60,7 @@
   padding: 0;
   section {
     padding: 20px;
-    background-color: var(--bg-alt);
+    background-color: var(--bg);
     > * {
       margin: 20px;
     }

index.html

@@ -63,7 +63,7 @@ layout: default
       </div>
      
       <div>
-        <p><a class="button" href="{{ relBase }}{{ post.url }}">Read Highlight</a></p>
+        <p><a class="button" href="{{ relBase }}{{ post.url }}">📰 Read Highlight</a></p>
       </div>
   
     </div>

radio.html

@@ -43,7 +43,7 @@ layout: default
     <div class="coverartwrapped" id="coverart" style="background-image: url({{ page.image }});"></div>
   </div>
   <div class="playbutton hideWhenNoJS">
-  <a id="mu_pause" class="button">Play!</a>
+  <a id="mu_pause" class="button">🎶 Play!</a>
   </div>