Skip to content

Instantly share code, notes, and snippets.

@iamkilo
Last active June 13, 2019 20:10
Show Gist options
  • Star 3 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save iamkilo/afbbadc92b504deba093ba96174452cd to your computer and use it in GitHub Desktop.
Save iamkilo/afbbadc92b504deba093ba96174452cd to your computer and use it in GitHub Desktop.
This adds the cool Synthwave 84' theme by Robb Owen to VSCode for you.
Param(
[switch]$installExtensions,
[switch]$downloadCSS
)
if ($installExtensions.IsPresent) {
code --install-extension robbowen.synthwave-vscode
code --install-extension be5invis.vscode-custom-css
}
$username = $env:USERNAME
if ($downloadCSS.IsPresent) {
$url = "https://raw.githubusercontent.com/robb0wen/synthwave-vscode/master/synthwave84.css"
$output = "C:\Users\$username\synthwave84.css"
Invoke-WebRequest -Uri $url -OutFile $output
}
$jsonfile = "C:\Users\$username\AppData\Roaming\Code\User\settings.json"
$json = Get-Content $jsonfile | Out-String | ConvertFrom-Json
$json | Add-Member -Type NoteProperty -Name 'vscode_custom_css.imports' -Value @("file:///C:/Users/$username/synthwave84.css")
$json | Add-Member -Type NoteProperty -Name 'vscode_custom_css.policy' -Value 'true'
$json | ConvertTo-Json | %{[Regex]::Replace($_, "\\u(?<Value>[a-zA-Z0-9]{4})", {param($m) ([char]([int]::Parse($m.Groups['Value'].Value,[System.Globalization.NumberStyles]::HexNumber))).ToString() } )} | % { [System.Text.RegularExpressions.Regex]::Unescape($_) } | Set-Content $jsonfile
@iamkilo
Copy link
Author

iamkilo commented May 3, 2019

This adds the cool Synthwave 84' theme by robb0wen to VSCode for you. There were some extra steps and I thought I would automate it for some folks in case they're like me and have to reinstall their machine occasionally and want a quick setup. -installExtensions will install the extensions and -downloadCSS will download the latest master copy of the CSS document to enable the glow.

You just have to enable or reload the Custom CSS and JS Loader plugin from the command palette.

@Roma1n4
Copy link

Roma1n4 commented May 20, 2019

how did you do that because i am working like crazy figuring out how to enable glow or even edit the css cuz it doesn't matter what i do nothing changes

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment