Interactive playground's suggest widget styled everything as links

[mjbvz]

Issue Type: Bug

Repo

1. Open interactive playground and trigger suggest widget

Bug
The styling of the suggest widget shows everything in blue:

Here's a normal suggest widget for comparison:

VS Code version: Code - Insiders 1.40.0-insider (82ca6ba, 2019-10-21T05:39:31.415Z)
OS version: Darwin x64 18.7.0

System Info

Item	Value
CPUs	Intel(R) Core(TM) i7-4770HQ CPU @ 2.20GHz (8 x 2200)
GPU Status	2d_canvas: enabled flash_3d: enabled flash_stage3d: enabled flash_stage3d_baseline: enabled gpu_compositing: enabled metal: disabled_off multiple_raster_threads: enabled_on oop_rasterization: disabled_off protected_video_decode: unavailable_off rasterization: enabled skia_renderer: disabled_off surface_control: disabled_off surface_synchronization: enabled_on video_decode: enabled viz_display_compositor: enabled_on viz_hit_test_surface_layer: disabled_off webgl: enabled webgl2: enabled
Load (avg)	3, 3, 5
Memory (System)	16.00GB (0.12GB free)
Process Argv
Screen Reader	no
VM	0%

[AlexStrNik]

Ok. I found the line of code that causes this.

collector.addRule(`.monaco-workbench .part.editor > .content .walkThroughContent a { color: ${link}; }`);

src\vs\workbench\contrib\welcome\walkThrough\browser\walkThroughPart.ts:532

This CSS rule has a larger priority than CSS rules that style suggest-widget highlighted labels.
So here are two ways to fix this:

1. Lower the priority, e.g.

collector.addRule(`.walkThroughContent a { color: ${link}; }`);

2. Modify this rule so that it only applies to such tags that have a non-empty href attribute

collector.addRule(`.monaco-workbench .part.editor > .content .walkThroughContent a[href] { color: ${link}; }`);