Make playground dialog colors more legible (#1314)

* Make playground dialog colors more legible

* update screenshots

Author: e111077

packages/lit-dev-content/src/components/litdev-error-notifier.ts

@@ -21,6 +21,10 @@ export class LitDevErrorNotifier extends LitElement {
     a {
       color: var(--sys-color-primary-variant);
     }
+
+    :host {
+      --mdc-theme-primary: var(--sys-color-primary-variant);
+    }
   `;
   /**
    * The SHA or version number identifying the version of lit.dev, used for

packages/lit-dev-content/src/components/litdev-playground-share-gist.ts

@@ -86,18 +86,15 @@ export class LitDevPlaygroundShareGist extends LitElement {
       border-radius: 50%;
     }
 
-    #signOutButton:visited {
-      color: currentColor;
-    }
-
-    #signOutButton:hover {
-      color: blue;
-    }
-
     #gistActions {
       display: flex;
       justify-content: space-between;
     }
+
+    a,
+    a:hover {
+      color: var(--sys-color-primary-variant);
+    }
   `;
 
   /**