Themes section re-work
@ -2,9 +2,9 @@
|
||||
|
||||
To submit a package to this list, please do the following:
|
||||
|
||||
1. Find a link to the package you consider is awesome. Use the link from [marketplace.visualstudio.com](https://marketplace.visualstudio.com/) instead of a link from its GitHub repository.
|
||||
2. Find the appropriate place for your package. If it belongs to a certain section, put it there. If it doesn't belong to a specific category, you should put it in the `uncategorized` section. Make sure to put your package in the alphabetical odrer.
|
||||
3. If possible, find a `.gif` animation that displays the functionality of the package.
|
||||
1. Find a link to the package you consider is awesome. Use the link from [marketplace.visualstudio.com](https://marketplace.visualstudio.com/) instead of a link from its GitHub repository.
|
||||
2. Find the appropriate place for your package. If it belongs to a certain section, put it there. If it doesn't belong to a specific category, you should put it in the `uncategorized` section. Make sure to put your package in the alphabetical odrer.
|
||||
3. If possible, find a `.gif` animation that displays the functionality of the package.
|
||||
|
||||
Submit your package in the specific form:
|
||||
|
||||
@ -15,6 +15,13 @@ Submit your package in the specific form:
|
||||

|
||||
```
|
||||
|
||||
Failure of complying to these contributing guidelines will result in your pull request being rejected.
|
||||
**Submitting a theme**
|
||||
|
||||
1. Submit a link to [vscodethemes](https://vscodethemes.com) if applicable, otherwise use the [marketplace](https://marketplace.visualstudio.com/) link.
|
||||
2. Add your theme in alphabetical order.
|
||||
3. Only one theme per publisher (you may change a featured theme).
|
||||
4. Submit a similar-style screenshot. You may use [this sketch file](./themes/screenshots/awesome-vscode.sketch) with [this template](./themes/theme-template.js) to help (**tip**: line up vscode with the canvas).
|
||||
|
||||
Failure to comply to these contributing guidelines will result in your pull request being rejected.
|
||||
|
||||
Thank you for your suggestions!
|
||||
|
113
README.md
@ -96,19 +96,20 @@ A curated list of delightful [Visual Studio Code](https://code.visualstudio.com/
|
||||
- [Text Marker (Highlighter)](#text-marker-highlighter)
|
||||
- [Vim Mode](#vim-mode)
|
||||
- [Themes](#themes)
|
||||
- [An Old Hope Theme](#an-old-hope-theme)
|
||||
- [Atom One Dark Syntax Theme](#atom-one-dark-syntax-theme)
|
||||
- [Atom One Dark Theme](#atom-one-dark-theme)
|
||||
- [Atom One Light Theme](#atom-one-light-theme)
|
||||
- [Ayu](#ayu)
|
||||
- [Base16 Ocean Kit](#base16-ocean-kit)
|
||||
- [Cobalt2 by Wes Bos](#cobalt2-theme-official-by-wes-bos)
|
||||
- [Dracula](#dracula)
|
||||
- [Material-theme](#material-theme)
|
||||
- [Nord](#nord)
|
||||
- [Plastic](#plastic)
|
||||
- [Shades of Purple](#shades-of-purple)
|
||||
- [Seti](#seti)
|
||||
- [An Old Hope Theme by Dustin Sanders](#an-old-hope-theme-by-dustin-sanders)
|
||||
- [Ariake Dark by wart](#ariake-dark-by-wart)
|
||||
- [Atom One Dark Theme by Mahmoud Ali](#atom-one-dark-theme-by-mahmoud-ali)
|
||||
- [Ayu by teabyii](#ayu-by-teabyii)
|
||||
- [Captain Sweetheart by ultradracula](#captain-sweetheart-by-ultradracula)
|
||||
- [Cobalt2 Theme Official by Wes Bos](#cobalt2-theme-official-by-wes-bos)
|
||||
- [Dracula Official by Dracula Theme](#dracula-official-by-dracula-theme)
|
||||
- [Eva Theme by fisheva](#eva-theme-by-fisheva)
|
||||
- [Github Theme by Thomas Pink](#github-theme-by-thomas-pink)
|
||||
- [Material Palenight Theme by whizkydee](#material-palenight-theme-by-whizkydee)
|
||||
- [Material Theme by Mattia Astorino](#material-theme-by-mattia-astorino)
|
||||
- [Plastic by Will Stone](#plastic-by-will-stone)
|
||||
- [Nord by arcticicestudio](#nord-by-arcticicestudio)
|
||||
- [Shades of Purple by Ahmad Awais](#shades-of-purple-by-ahmad-awais)
|
||||
- [Resources for extension developers](#resources-for-extension-developers)
|
||||
- [Documentation](#documentation)
|
||||
- [Libraries](#libraries)
|
||||
@ -233,7 +234,7 @@ Unlike some other editors, VS Code supports IntelliSense, linting, outline out-o
|
||||
|
||||
- [Language Support for Java(TM) by Red Hat](https://marketplace.visualstudio.com/items?itemName=redhat.java)
|
||||
- [Debugger for Java](https://marketplace.visualstudio.com/items?itemName=vscjava.vscode-java-debug)
|
||||

|
||||

|
||||
- [Maven for Java](https://marketplace.visualstudio.com/items?itemName=vscjava.vscode-maven)
|
||||
|
||||
- [Lombok](https://marketplace.visualstudio.com/items?itemName=GabrielBB.vscode-lombok)
|
||||
@ -640,75 +641,89 @@ If you're feeling brave, there are at least two custom UIs for VS Code:
|
||||
|
||||
## Syntax
|
||||
|
||||
### [An Old Hope Theme](https://marketplace.visualstudio.com/items?itemName=dustinsanders.an-old-hope-theme-vscode)
|
||||
### [An Old Hope Theme by Dustin Sanders](https://marketplace.visualstudio.com/items?itemName=dustinsanders.an-old-hope-theme-vscode)
|
||||
|
||||

|
||||
VSCode theme inspired by a galaxy far far away...
|
||||
|
||||
### [Ariake Dark Color Theme](https://marketplace.visualstudio.com/items?itemName=wart.ariake-dark)
|
||||
<img src="./themes/screenshots/dustinsanders.an-old-hope-theme-vscode.png" width="600" />
|
||||
|
||||

|
||||
### [Ariake Dark by wart](https://marketplace.visualstudio.com/items?itemName=wart.ariake-dark)
|
||||
|
||||
### [Atom One Dark Syntax Theme](https://marketplace.visualstudio.com/items?itemName=andischerer.theme-atom-one-dark)
|
||||
Dark VSCode theme inspired by Japanese traditional colors and the poetry composed 1000 years ago.
|
||||
|
||||

|
||||
<img src="./themes/screenshots/wart.ariake-dark.png" width="600" />
|
||||
|
||||
### [Atom One Dark Theme](https://marketplace.visualstudio.com/items?itemName=akamud.vscode-theme-onedark)
|
||||
### [Atom One Dark Theme by Mahmoud Ali](https://vscodethemes.com/e/akamud.vscode-theme-onedark)
|
||||
|
||||
Features full workbench theming
|
||||
One Dark Theme based on Atom.
|
||||
|
||||

|
||||
<img src="./themes/screenshots/akamud.vscode-theme-onedark.png" width="600" />
|
||||
|
||||
### [Atom One Light Theme](https://marketplace.visualstudio.com/items?itemName=akamud.vscode-theme-onelight)
|
||||
### [Ayu by teabyii](https://vscodethemes.com/e/teabyii.ayu)
|
||||
|
||||
Features full workbench theming
|
||||
A simple theme with bright colors and comes in three versions — dark, light and mirage for all day long comfortable work.
|
||||
|
||||

|
||||
<img src="./themes/screenshots/teabyii.ayu.png" width="600" />
|
||||
|
||||
### [Ayu](https://marketplace.visualstudio.com/items?itemName=teabyii.ayu)
|
||||
### [Captain Sweetheart by ultradracula](https://vscodethemes.com/e/ultradracula.captain-sweetheart)
|
||||
|
||||

|
||||
Tuff but sweet theme.
|
||||
|
||||

|
||||
<img src="./themes/screenshots/ultradracula.captain-sweetheart.png" width="600" />
|
||||
|
||||
### [Base16 Ocean Kit](https://marketplace.visualstudio.com/items?itemName=chipcollier.Theme-OceanKit)
|
||||
### [Cobalt2 Theme Official by Wes Bos](https://vscodethemes.com/e/wesbos.theme-cobalt2)
|
||||
|
||||

|
||||
🔥 Official theme by Wes Bos.
|
||||
|
||||
### [Captain Sweetheart](https://marketplace.visualstudio.com/items?itemName=ultradracula.captain-sweetheart)
|
||||
<img src="./themes/screenshots/wesbos.theme-cobalt2.png" width="600" />
|
||||
|
||||

|
||||
### [Dracula Official by Dracula Theme](https://marketplace.visualstudio.com/items?itemName=dracula-theme.theme-dracula)
|
||||
|
||||
### [Cobalt2 Theme Official by Wes Bos](https://marketplace.visualstudio.com/items?itemName=wesbos.theme-cobalt2)
|
||||
Official Dracula Theme. A dark theme for many editors, shells, and more.
|
||||
|
||||

|
||||
<img src="./themes/screenshots/dracula-theme.theme-dracula.png" width="600" />
|
||||
|
||||
### [Dracula](https://marketplace.visualstudio.com/items?itemName=dracula-theme.theme-dracula)
|
||||
### [Eva Theme by fisheva](https://vscodethemes.com/e/fisheva.eva-theme)
|
||||
|
||||

|
||||
A colorful and semantic coloring code theme.
|
||||
|
||||
### [Material-theme](https://marketplace.visualstudio.com/items?itemName=Equinusocio.vsc-material-theme)
|
||||
<img src="./themes/screenshots/fisheva.eva-theme.png" width="600" />
|
||||
|
||||

|
||||
### [Github Theme by Thomas Pink](https://vscodethemes.com/e/thomaspink.theme-github)
|
||||
|
||||
### [Nord](https://marketplace.visualstudio.com/items?itemName=arcticicestudio.nord-visual-studio-code)
|
||||
GitHub Theme for Visual Studio Code.
|
||||
|
||||

|
||||
<img src="./themes/screenshots/thomaspink.theme-github.png" width="600" />
|
||||
|
||||
### [Plastic](https://marketplace.visualstudio.com/items?itemName=will-stone.plastic)
|
||||
### [Material Palenight Theme by whizkydee](https://vscodethemes.com/e/whizkydee.material-palenight-theme)
|
||||
|
||||
Features full workbench theming
|
||||
An elegant and juicy material-like theme for Visual Studio Code.
|
||||
|
||||

|
||||
<img src="./themes/screenshots/whizkydee.material-palenight-theme.png" width="600" />
|
||||
|
||||
### [Shades of Purple](https://marketplace.visualstudio.com/items?itemName=ahmadawais.shades-of-purple)
|
||||
### [Material Theme by Mattia Astorino](https://marketplace.visualstudio.com/items?itemName=Equinusocio.vsc-material-theme)
|
||||
|
||||
A professional theme with hand-picked & bold shades of purple 💜 to go along with your VS Code. A custom VS Code theme with style.
|
||||
The most epic theme now for Visual Studio Code.
|
||||
|
||||

|
||||
<img src="./themes/screenshots/Equinusocio.vsc-material-theme.png" width="600" />
|
||||
|
||||
### [Seti](https://marketplace.visualstudio.com/items?itemName=bialikover.theme-seti)
|
||||
### [Plastic by Will Stone](https://marketplace.visualstudio.com/items?itemName=will-stone.plastic)
|
||||
|
||||

|
||||
A simple theme.
|
||||
|
||||
<img src="./themes/screenshots/will-stone.plastic.png" width="600" />
|
||||
|
||||
### [Nord by arcticicestudio](https://vscodethemes.com/e/arcticicestudio.nord-visual-studio-code)
|
||||
|
||||
An arctic, north-bluish clean and elegant Visual Studio Code theme.
|
||||
|
||||
<img src="./themes/screenshots/arcticicestudio.nord-visual-studio-code.png" width="600" />
|
||||
|
||||
### [Shades of Purple by Ahmad Awais](https://vscodethemes.com/e/ahmadawais.shades-of-purple)
|
||||
|
||||
⚡ A professional theme with hand-picked & bold shades of purple 💜 to go along with your VS Code. A custom VS Code theme with style.
|
||||
|
||||
<img src="./themes/screenshots/ahmadawais.shades-of-purple.png" width="600" />
|
||||
|
||||
# Resources for extension developers
|
||||
|
||||
|
BIN
themes/screenshots/Equinusocio.vsc-material-theme.png
Normal file
After Width: | Height: | Size: 200 KiB |
BIN
themes/screenshots/ahmadawais.shades-of-purple.png
Normal file
After Width: | Height: | Size: 210 KiB |
BIN
themes/screenshots/akamud.vscode-theme-onedark.png
Normal file
After Width: | Height: | Size: 210 KiB |
BIN
themes/screenshots/arcticicestudio.nord-visual-studio-code.png
Normal file
After Width: | Height: | Size: 202 KiB |
BIN
themes/screenshots/awesome-vscode.sketch
Normal file
BIN
themes/screenshots/dracula-theme.theme-dracula.png
Normal file
After Width: | Height: | Size: 212 KiB |
BIN
themes/screenshots/dustinsanders.an-old-hope-theme-vscode.png
Normal file
After Width: | Height: | Size: 199 KiB |
BIN
themes/screenshots/fisheva.eva-theme.png
Normal file
After Width: | Height: | Size: 195 KiB |
BIN
themes/screenshots/teabyii.ayu.png
Normal file
After Width: | Height: | Size: 202 KiB |
BIN
themes/screenshots/thomaspink.theme-github.png
Normal file
After Width: | Height: | Size: 186 KiB |
BIN
themes/screenshots/ultradracula.captain-sweetheart.png
Normal file
After Width: | Height: | Size: 198 KiB |
BIN
themes/screenshots/wart.ariake-dark.png
Normal file
After Width: | Height: | Size: 202 KiB |
BIN
themes/screenshots/wesbos.theme-cobalt2.png
Normal file
After Width: | Height: | Size: 212 KiB |
BIN
themes/screenshots/whizkydee.material-palenight-theme.png
Normal file
After Width: | Height: | Size: 204 KiB |
BIN
themes/screenshots/will-stone.plastic.png
Normal file
After Width: | Height: | Size: 206 KiB |
14
themes/theme-template.js
Normal file
@ -0,0 +1,14 @@
|
||||
const btn = document.getElementById('btn')
|
||||
let count = 0
|
||||
|
||||
function render() {
|
||||
btn.innerText = `Count: ${count}`
|
||||
}
|
||||
|
||||
btn.addEventListener('click', () => {
|
||||
// Count from 1 to 10.
|
||||
if (count < 10) {
|
||||
count += 1
|
||||
render()
|
||||
}
|
||||
})
|