Apply text color more consistently to dimension tabs, fixes #3111

public/stylesheets/new-ui-styles.css

@@ -277,6 +277,7 @@ body.t-s9 {
   display: flex;
   flex-direction: column;
   justify-content: center;
+  color: var(--color-text);
 }
 
 .l-antimatter-dim-tab {

public/stylesheets/old-ui.css

@@ -61,6 +61,7 @@
   flex-direction: column;
   height: 100%;
   align-items: center;
+  color: var(--color-text);
 }
 
 .s-base--metro .o-tab-btn {

public/stylesheets/styles.css

@@ -2304,7 +2304,9 @@ br {
   justify-content: center;
   align-items: center;
   font-size: 1.2rem;
+  font-weight: bold;
   margin: 0.5rem;
+  color: var(--color-text);
 }
 
 .l-game-header__buttons-line {
@@ -2502,6 +2504,7 @@ br {
   display: flex;
   flex-direction: column;
   align-items: center;
+  color: var(--color-text);
 }
 
 .l-infinity-dim-tab__ec8-purchases {
@@ -2616,6 +2619,7 @@ br {
   display: flex;
   flex-direction: column;
   align-items: center;
+  color: var(--color-text);
 }
 
 /* #endregion l-time-dim-tab */

src/components/GameSpeedDisplay.vue

@@ -58,14 +58,17 @@ export default {
 </script>
 
 <template>
-  <b>
+  <span class="c-gamespeed">
     <span>
       {{ baseText }}
     </span>
     <span v-if="isPulsing">(<i class="fas fa-expand-arrows-alt u-fa-padding" /> {{ pulseSpeedText }})</span>
-  </b>
+  </span>
 </template>
 
 <style scoped>
-
+.c-gamespeed {
+  font-weight: bold;
+  color: var(--color-text);
+}
 </style>

src/components/ui-modes/HeaderBlackHole.vue

@@ -70,7 +70,10 @@ export default {
 </script>
 
 <template>
-  <span v-if="canModifyBlackHoles">
+  <span
+    v-if="canModifyBlackHoles"
+    class="c-black-hole-header"
+  >
     <PrimaryButton
       class="o-primary-btn--buy-max c-primary-btn--black-hole-header"
       onclick="BlackHoles.togglePause()"
@@ -122,6 +125,11 @@ export default {
 </template>
 
 <style scoped>
+.c-black-hole-header {
+  font-weight: bold;
+  color: var(--color-text);
+}
+
 .c-primary-btn--black-hole-header {
   vertical-align: middle;
   margin: 0.2rem;

src/components/ui-modes/HeaderPrestigeGroup.vue

@@ -27,6 +27,7 @@ export default {
   flex-direction: row;
   height: 14rem;
   width: 100%;
+  color: var(--color-text);
 }
 
 .l-game-header__eternity {