https://github.com/dhedgecock/radical-vscode
A dark theme for radical hacking inspired by retro futuristic design.
https://github.com/dhedgecock/radical-vscode
radical vscode vscode-theme
Last synced: 2 months ago
JSON representation
A dark theme for radical hacking inspired by retro futuristic design.
- Host: GitHub
- URL: https://github.com/dhedgecock/radical-vscode
- Owner: DHedgecock
- License: isc
- Created: 2018-09-12T22:13:28.000Z (almost 7 years ago)
- Default Branch: main
- Last Pushed: 2023-10-13T05:55:28.000Z (over 1 year ago)
- Last Synced: 2025-03-25T23:14:59.421Z (3 months ago)
- Topics: radical, vscode, vscode-theme
- Language: TypeScript
- Homepage: https://marketplace.visualstudio.com/items?itemName=dhedgecock.radical-vscode
- Size: 24.1 MB
- Stars: 67
- Watchers: 3
- Forks: 9
- Open Issues: 16
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE.md
Awesome Lists containing this project
README
A dark theme for radical hacking inspired by retro futuristic design.
- Search and find code anywhere with optimized highlighting backgrounds and
opacities.
- Diff code changes smartly with readable diff background colors.
- Peek view code like a pro with dark accents backgrounds and pink border
highlights.
- Looks pretty rad ヘ( ^o^)ノ＼(^\_^ )
Peek View
The peek view background provides a dark accent to the editor background,
highlighted with pink borders. This makes peeking symbol references (⇧F12) or
peeking symbol definitions (⌥F12) stand out against the editor contents.
Terminal Colors
Screenshots are using Powerlevel10k theme with Oh My Zsh with Meslo for the
font. _(Terminal colors are also available for iTerm in the
[Github repo](https://github.com/DHedgecock/radical-vscode/blob/main/Radical.itermcolors))_
Extension Theming
If you'd like to theme some popular extensions to match Radical, these are the
colors used in the screenshots.
### Git Graph
```json
{
"git-graph.graphColours": [
"#FF428E",
"#A8FFEF",
"#DFF959",
"#F7A409",
"#F834BB",
"#2BF5E9",
"#D831D7",
"#FF594C"
]
}
```
### Bracket Pair Colorizer 2
If you'd like to add some flair into the editor the Bracket Pair Colorizer
extension is a nice way to mix in some neon pops.
```json
{
"bracket-pair-colorizer-2.colors": ["#DFF959", "#F834BB", "#2BF5E9", "#D831D7"]
}
```
### Import Cost
Highlight large packages using neon and translucent colors with the Import Cost
extension.
```json
{
"importCost.smallPackageColor": "#d043cf4d",
"importCost.mediumPackageColor": "#d043cf80",
"importCost.largePackageColor": "#F834BB"
}
```
Feedback
Feedback on the theme is very much appreicated 🙌 There are three Github issues
in the theme repo for providing comments and suggestions directly:
- [Editor colors feedback](https://github.com/DHedgecock/radical-vscode/issues/15)
- [Syntax token colors feedback](https://github.com/DHedgecock/radical-vscode/issues/17)
- [Terminal colors feedback](https://github.com/DHedgecock/radical-vscode/issues/16)
Recommended Fonts
Theme screenshots are using the font `'Hasklug Nerd Font'`, which is a [Nerd
Font][] version of [Hasklig][]. Terminal screenshots are using the
[Powerlevel10k][] terminal theme with `MesloLGS NF` font.
[hasklig]: https://github.com/i-tu/Hasklig/
[nerd font]: https://www.nerdfonts.com/
[powerlevel10k]: https://github.com/romkatv/powerlevel10k
🙌 Thanks 💖
- The icon background is from Nate Wren's hecka rad
[Rad Pack 80s Themed Wallpapers](https://natewren.com/rad-pack-80s-themed-hd-wallpapers/)
- The desktop background in the first screenshot is by
[John Fowler on Unsplash](https://unsplash.com/photos/RsRTIofe0HE)
