Fixes button colors on welcome/settings pages

They now follow the theme properly

Author: eamodio

CHANGELOG.md

@@ -4,6 +4,10 @@ All notable changes to this project will be documented in this file.
 
 The format is based on [Keep a Changelog](http://keepachangelog.com/) and this project adheres to [Semantic Versioning](http://semver.org/).
 
+## [Unreleased]
+### Fixed
+- Fixes button colors on the Welcome and Settings pages to follow the color theme properly
+
 ## [8.0.1] - 2018-02-18
 ### Added
 - Adds *Compare Index (HEAD) with Branch or Tag...* (`gitlens.explorers.diffHeadWithBranch`) command - compares the index (HEAD) to the selected branch or tag — thanks to [PR #278](https://github.com/eamodio/vscode-gitlens/pull/278) by Geoffrey ([@g3offrey](https://github.com/g3offrey))!

src/ui/scss/main.scss

@@ -190,8 +190,8 @@ ul {
 }
 
 .button--flat-primary {
-    background-color: #914db3;
-    border: 1px solid #914db3;
+    background-color: var(--link-color--darken-20);
+    border: 1px solid var(--link-color--darken-20);
     color: white !important;
     font-weight: 600;
     transition: background-color 250ms, border-color 250ms, color 250ms;
@@ -309,8 +309,8 @@ ul {
 }
 
 .changelog__version {
-    background-color: #914db3;
-    border-bottom: 2px solid #914db3;
+    background-color: var(--link-color--darken-20);
+    border-bottom: 2px solid var(--link-color--darken-20);
     border-radius: 3px;
     color: #f2f2f2;
     margin: 0 0.25em;

src/ui/shared/colors.ts

@@ -46,6 +46,9 @@ export function initializeColorPalette() {
         bodyStyle.setProperty('--background-color--darken-15', darken(color, 15));
         bodyStyle.setProperty('--background-color--lighten-30', lighten(color, 30));
         bodyStyle.setProperty('--background-color--darken-30', darken(color, 30));
+
+        color = computedStyle.getPropertyValue('--link-color').trim();
+        bodyStyle.setProperty('--link-color--darken-20', darken(color, 20));
     };
 
     const observer = new MutationObserver(onColorThemeChanged);