- Update readme, with new banner image and theme screenshot. Update i…

…nstallation notes to try and mitigate errors.

- Add a little contrast to default theme colours.

README.md

@@ -1,4 +1,6 @@
 # SynthWave '84 - VS Code theme
+![Synthwave '84 logo over a cityscape](./banner.png)
+
 Do you remember that endless summer back in '84? Cruising down the ocean-highway with the top down, the wind in our hair and heads buzzing with neon dreams? 
 
 No, I don't remember it either, but with this experimental theme we can go there.
@@ -13,15 +15,14 @@ I was a kid in the 80s but for most of my teenage life I strongly disliked nearl
 Much the same way, in the modern web-development world of shaders, React and WebGL, I feel like it's easy to forget that the basics are actually pretty damn good. To that end, this theme goes back to basics - No Shader magic. No cloud-streamed WebGL render-farms. Just plain CSS :)
 
 ## Installation
-You can enable the base theme as you would any other theme and this is the way it's intended to be used day-to-day. If you want to enable the gratuitous 80s glow, it needs a little extra work to get it going. 
+To begin with, [install the base theme from the VS Marketplace](https://marketplace.visualstudio.com/items?itemName=RobbOwen.synthwave-vscode). This is the way Synthwave '84 is intended to be used day-to-day. If you want to enable the gratuitous 80s glow, it needs a little extra work to get it going. 
 
 VS code doesn't natively support text effects and as a result, the glow is experimental. It's likely to be buggy and, whilst it looks rad, it isn't intended for extended use. 
 
 If you do decide use the glow effect, you do so at your own risk. Bring your Sunglasses. Here be (laser)dragons.
 
 ### To enable the glow
-
-Install this [excellent plugin that allows you to load custom CSS and JS](https://marketplace.visualstudio.com/items?itemName=be5invis.vscode-custom-css) from the VS Marketplace.   
+Install this [excellent plugin that allows you to load custom CSS and JS](https://marketplace.visualstudio.com/items?itemName=be5invis.vscode-custom-css) from the VS Marketplace. **Please carefully read the ReadMe regarding permission for that extension before continuing with this installation.**
 
 Locate [`synthwave84.css`](https://github.com/robb0wen/synthwave-vscode/blob/master/synthwave84.css) either in this extension's VS code install directory, or [directly from the github repo](https://github.com/robb0wen/synthwave-vscode/blob/master/synthwave84.css). Alternatively, if you want the browser chrome updates without the text glow you can use [`synthwave84-noglow.css`](https://github.com/robb0wen/synthwave-vscode/blob/master/synthwave84-noglow.css).
 
@@ -51,7 +52,9 @@ Open your command palette with `Ctrl + Shift + P` or `Shift + ⌘ + P` and choos
 
 At this point, VS Code may pop up a message to say that it is corrupted, this is caused by the [custom CSS & JS extension](https://marketplace.visualstudio.com/items?itemName=be5invis.vscode-custom-css) and not this theme. As their installation instructions say, you can click "Don't show again" to dismiss the popup.
 
-**NOTE: Every time you update VS code, you will need to repeat this step to re-enable custom CSS and JS. Similarly, when the theme updates, you will need to copy the updated css to your chosen location**
+**NOTE: Every time you update VS code, you will need to repeat this step to re-enable custom CSS and JS. Similarly, when the theme updates, you will need to copy the updated css to your chosen location.** 
+
+**This is less than ideal, but until VS code add the option to use custom CSS natively, it's unfortunately the only option.**
 
 ## Disabling the glow and uninstallation
 The glow effect started as a joke and was never intended for long-term coding sessions. If you want to turn it off, you can disable it at any time by opening your command palette with `Ctrl + Shift + P` or `Shift + ⌘ + P` and choose "Disable custom CSS".
@@ -73,3 +76,5 @@ Lastly, I couldn't have made this if it weren't for the fantastic work of [Sarah
 Similarly, I'd like to thanks [Wes Bos](https://twitter.com/wesbos) for his [cool Cobalt2 theme](https://github.com/wesbos/cobalt2-vscode). His readme helped me figure out how to package this hot mess for public use 👍
 
 If this theme is too much, then I recommend [Horizon](https://github.com/jolaleye/horizon-theme-vscode), or [City Lights](http://citylights.xyz/) for a similar, yet more understated, retro vibe. They're both beautiful.
+
+Banner cityscape image from [Unsplash](https://unsplash.com/photos/DxHR8K5Egjk)

synthwave84.css

@@ -29,7 +29,7 @@
 
 .mtk9 {
   color: #f4eee4;
-  text-shadow: 0 0 2px #393a33, 0 0 35px #ffffff44, 0 0 8px #f39f0575, 0 0 2px #f39f0575;
+  text-shadow: 0 0 2px #393a33, 0 0 8px #f39f0575, 0 0 2px #f39f0575;
 }
 
 .monaco-editor .margin, .monaco-editor-background, .monaco-editor .inputarea.ime-input {

themes/synthwave-color-theme.json

@@ -6,20 +6,20 @@
     "foreground": "#ffffff",
     "widget.shadow": "#2a2139",
     "selection.background": "#ffffff36",
-    "errorForeground": "#fa2e47",
+    "errorForeground": "#fe4450",
     "textLink.activeForeground": "#ff7edb",
     "textLink.foreground": "#f97e72",
     "button.background": "#2a2139",
     "dropdown.background": "#232530",
     "dropdown.listBackground": "#2a2139",
     "input.background": "#2a2139",
     "inputOption.activeBorder": "#ff7edb99",
-    "inputValidation.errorBackground": "#fa2e4780",
-    "inputValidation.errorBorder": "#fa2e4700",
+    "inputValidation.errorBackground": "#fe445080",
+    "inputValidation.errorBorder": "#fe445000",
     "scrollbar.shadow": "#2a2139",
-    "scrollbarSlider.activeBackground": "#34294f88",
-    "scrollbarSlider.background": "#ffffff36",
-    "scrollbarSlider.hoverBackground": "#34294f59",
+    "scrollbarSlider.activeBackground": "#9d8bca20",
+    "scrollbarSlider.background": "#9d8bca30",
+    "scrollbarSlider.hoverBackground": "#9d8bca50",
     "badge.foreground": "#ffffff",
     "badge.background": "#2a2139",
     "progressBar.background": "#f97e72",
@@ -34,7 +34,7 @@
     "list.inactiveSelectionBackground": "#34294f66",
     "list.inactiveSelectionForeground": "#ffffff",
     "list.inactiveFocusBackground": "#2a213999",
-    "list.errorForeground": "#fa2e47E6",
+    "list.errorForeground": "#fe4450E6",
     "list.warningForeground": "#72f1b8bb",
     "activityBar.background": "#171520",
     "activityBar.dropBackground": "#34294f66",
@@ -78,16 +78,16 @@
     "editorOverviewRuler.findMatchForeground": "#34294f",
     "editorOverviewRuler.modifiedForeground": "#49549599",
     "editorOverviewRuler.addedForeground": "#09f7a099",
-    "editorOverviewRuler.deletedForeground": "#fa2e4799",
-    "editorOverviewRuler.errorForeground": "#fa2e47dd",
+    "editorOverviewRuler.deletedForeground": "#fe445099",
+    "editorOverviewRuler.errorForeground": "#fe4450dd",
     "editorOverviewRuler.warningForeground": "#72f1b8cc",
-    "editorError.foreground": "#fa2e47",
+    "editorError.foreground": "#fe4450",
     "editorWarning.foreground": "#72f1b8cc",
     "editorGutter.modifiedBackground": "#495495af",
     "editorGutter.addedBackground": "#206d4bd6",
     "editorGutter.deletedBackground": "#fa2e46a4",
     "diffEditor.insertedTextBackground": "#0beb9916",
-    "diffEditor.removedTextBackground": "#fa2e4716",
+    "diffEditor.removedTextBackground": "#fe445016",
     "editorWidget.background": "#372d4b",
     "editorWidget.border": "#ffffff22",
     "editorWidget.resizeBorder": "#ffffff44",
@@ -120,20 +120,20 @@
     "terminal.ansiBrightCyan": "#03edf9",
     "terminal.ansiBrightGreen": "#72f1b8",
     "terminal.ansiBrightMagenta": "#ff7edb",
-    "terminal.ansiBrightRed": "#fa2e47",
-    "terminal.ansiBrightYellow": "#ffcc00",
+    "terminal.ansiBrightRed": "#fe4450",
+    "terminal.ansiBrightYellow": "#fede5d",
     "terminal.ansiCyan": "#03edf9",
     "terminal.ansiGreen": "#72f1b8",
     "terminal.ansiMagenta": "#ff7edb",
-    "terminal.ansiRed": "#fa2e47",
+    "terminal.ansiRed": "#fe4450",
     "terminal.ansiYellow": "#f97e72",
     "terminal.selectionBackground": "#34294f4d",
     "terminalCursor.background": "#ffffff",
     "terminalCursor.foreground": "#03edf9",
     "debugToolBar.background": "#241b2f",
     "walkThrough.embeddedEditorBackground": "#232530",
     "gitDecoration.modifiedResourceForeground": "#b893ceee",
-    "gitDecoration.deletedResourceForeground": "#fa2e47",
+    "gitDecoration.deletedResourceForeground": "#fe4450",
     "gitDecoration.addedResourceForeground": "#72f1b8cc",
     "gitDecoration.untrackedResourceForeground": "#72f1b8",
     "gitDecoration.ignoredResourceForeground": "#ffffff59",
@@ -177,7 +177,7 @@
       "name": "Language variable",
       "scope": "variable.language",
       "settings": {
-        "foreground": "#fa2e47",
+        "foreground": "#fe4450",
         "fontStyle": "bold"
       }
     },
@@ -192,7 +192,7 @@
       "name": "Storage (declaration or modifier keyword)",
       "scope": ["storage.type", "storage.modifier"],
       "settings": {
-        "foreground": "#ffcc00"
+        "foreground": "#fede5d"
       }
     },
     {
@@ -234,7 +234,7 @@
       "name": "Entity",
       "scope": "entity.name",
       "settings": {
-        "foreground": "#fa2e47"
+        "foreground": "#fe4450"
       }
     },
     {
@@ -255,22 +255,22 @@
       "name": "Tag attribute",
       "scope": "entity.other.attribute-name",
       "settings": {
-        "foreground": "#ffcc00"
+        "foreground": "#fede5d"
       }
     },
     {
       "name": "Tag attribute HTML",
       "scope": "entity.other.attribute-name.html",
       "settings": {
-        "foreground": "#ffcc00",
+        "foreground": "#fede5d",
         "fontStyle": "italic"
       }
     },
     {
       "name": "Class",
       "scope": ["entity.name.type", "meta.attribute.class.html"],
       "settings": {
-        "foreground": "#fa2e47"
+        "foreground": "#fe4450"
       }
     },
     {
@@ -298,21 +298,21 @@
       "name": "Keyword",
       "scope": "keyword",
       "settings": {
-        "foreground": "#ffcc00"
+        "foreground": "#fede5d"
       }
     },
     {
       "name": "Control keyword",
       "scope": "keyword.control",
       "settings": {
-        "foreground": "#ffcc00"
+        "foreground": "#fede5d"
       }
     },
     {
       "name": "Operator",
       "scope": "keyword.operator",
       "settings": {
-        "foreground": "#ffcc00"
+        "foreground": "#fede5d"
       }
     },
     {
@@ -323,7 +323,7 @@
         "keyword.operator.logical"
       ],
       "settings": {
-        "foreground": "#ffcc00"
+        "foreground": "#fede5d"
       }
     },
     {
@@ -337,7 +337,7 @@
       "name": "Support",
       "scope": "support",
       "settings": {
-        "foreground": "#fa2e47"
+        "foreground": "#fe4450"
       }
     },
     {
@@ -372,7 +372,7 @@
       "name": "Embedded puncuation",
       "scope": "punctuation.section.embedded",
       "settings": {
-        "foreground": "#ffcc00"
+        "foreground": "#fede5d"
       }
     },
     {
@@ -444,7 +444,7 @@
       "name": "CSS support functions (rgb)",
       "scope": "support.function.misc.css",
       "settings": {
-        "foreground": "#fa2e47"
+        "foreground": "#fe4450"
       }
     },
     {
@@ -501,7 +501,7 @@
       "name": "C# storage type",
       "scope": "storage.type.cs",
       "settings": {
-        "foreground": "#fa2e47"
+        "foreground": "#fe4450"
       }
     },
     {
@@ -525,7 +525,7 @@
       "name": "C++ operators",
       "scope": "source.cpp keyword.operator",
       "settings": {
-        "foreground": "#ffcc00"
+        "foreground": "#fede5d"
       }
     },
     {