Try to fix some color issues

wowup-electron/src/app/components/addon-detail/addon-detail.component.html

@@ -16,14 +16,14 @@
     <div class="row align-items-start">
       <div class="mat-subheading-1 flex-grow-1 mr-3">
         <div translate [translateParams]="{ authorName: subtitle }">DIALOGS.ADDON_DETAILS.BY_AUTHOR</div>
-        <div class="sub-text">{{ getVersion() }}</div>
+        <div class="sub-text text-2">{{ getVersion() }}</div>
       </div>
 
       <div *ngIf="isUnknownProvider() === false">
         <div class="row align-items-center">
           <div class="mr-2">
             <div>{{ "DIALOGS.ADDON_DETAILS.VIEW_ON_PROVIDER_PREFIX" | translate }} {{ provider }}</div>
-            <div class="sub-text text-right selectable">{{ getExternalId() }}</div>
+            <div class="sub-text text-right selectable text-2">{{ getExternalId() }}</div>
           </div>
           <a class="icon-link" appExternalLink [href]="externalUrl"
             [matTooltip]="'DIALOGS.ADDON_DETAILS.VIEW_IN_BROWSER_BUTTON' | translate">

wowup-electron/src/custom-theme.scss

@@ -18,9 +18,9 @@ $md-wowup-pallette: (
   700: #303f9f,
   800: #283593,
   900: #1a237e,
-  A100: #8c9eff,
-  A200: #536dfe,
-  A400: #3d5afe,
+  A100: $wowup-purple-1,
+  A200: $wowup-control,
+  A400: $wowup-purple-3,
   A700: #6874bb,
   contrast: (
     50: #000000,
@@ -149,6 +149,17 @@ $wowup-light-theme: mat-light-theme(
   background: $dark-3;
 }
 
+.addon-summary,
+.addon-changelog {
+  a {
+    color: $wowup-control;
+
+    &:visited {
+      color: $wowup-control;
+    }
+  }
+}
+
 .mat-input-element {
   caret-color: $white-3 !important;
   color: $white-1 !important;
@@ -264,6 +275,17 @@ $horde-theme-light: mat-light-theme(
   ::-webkit-scrollbar-corner {
     background: $dark-3;
   }
+
+  .addon-summary,
+  .addon-changelog {
+    a {
+      color: $horde-control;
+
+      &:visited {
+        color: $horde-control;
+      }
+    }
+  }
 }
 
 // Alliance theme
@@ -364,6 +386,17 @@ $alliance-theme-light: mat-light-theme(
   ::-webkit-scrollbar-corner {
     background: $dark-3;
   }
+
+  .addon-summary,
+  .addon-changelog {
+    a {
+      color: $alliance-control;
+
+      &:visited {
+        color: $alliance-control;
+      }
+    }
+  }
 }
 
 // DARK THEME
@@ -389,15 +422,15 @@ $alliance-theme-light: mat-light-theme(
   .hover-bg-secondary:hover {
     background-color: $dark-1 !important;
   }
-  
+
   .hover-bg-secondary-2:hover {
     background-color: $dark-2 !important;
   }
-  
+
   .hover-bg-secondary-3:hover {
     background-color: $dark-3 !important;
   }
-  
+
   .hover-bg-secondary-4:hover {
     background-color: $dark-4 !important;
   }

wowup-electron/src/styles.scss

@@ -272,36 +272,6 @@ img {
   img {
     max-width: 100%;
   }
-
-  a {
-    color: $white-2;
-
-    &:visited {
-      color: $white-3;
-    }
-  }
-}
-
-.addon-changelog {
-  // font-size: inherit;
-  // font-family: inherit;
-  // line-height: 15px;
-
-  // h1,
-  // h2,
-  // h3,
-  // p,
-  // ul {
-  //   margin: 0;
-  // }
-
-  a {
-    color: $purple-1;
-
-    &:visited {
-      color: $purple-1;
-    }
-  }
 }
 
 .addon-summary,

wowup-electron/src/variables.scss

@@ -21,6 +21,12 @@ $epic-color: #a335ee;
 
 $artifact: #dbcc78;
 
+// WOWUP
+$wowup-purple-1:#8c9eff;
+$wowup-purple-2: #536dfe;
+$wowup-purple-3: #3d5afe;
+$wowup-control: #536dfe;
+
 // HORDE
 // Material Color Palette - http://mcg.mbitson.com/#!?horde=%238c1616
 $horde-red-1: #8c1616; // Header Color - Primary 500