diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md index c71be25..616a51a 100644 --- a/CONTRIBUTING.md +++ b/CONTRIBUTING.md @@ -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: ![title of the package](link to the .gif file that explains its functionality) ``` -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! diff --git a/README.md b/README.md index 585c6fb..2a56683 100644 --- a/README.md +++ b/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) -  ![Debugger for Java](https://raw.githubusercontent.com/Microsoft/vscode-java-pack/master/vscode-java-debug.gif) + ![Debugger for Java](https://raw.githubusercontent.com/Microsoft/vscode-java-pack/master/vscode-java-debug.gif) - [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) -![](https://raw.githubusercontent.com/dustinsanders/an-old-hope-theme-vscode/0d6b1508a2fbf27c86d92da0040a2549b6150552/dark.png) +VSCode theme inspired by a galaxy far far away... -### [Ariake Dark Color Theme](https://marketplace.visualstudio.com/items?itemName=wart.ariake-dark) + -![](https://raw.githubusercontent.com/a-wart/ariake-dark/master/misc/ariake_dark_github.png) +### [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. -![](https://raw.githubusercontent.com/andischerer/vscode-theme-atom-one-dark/master/theme.png) + -### [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. -![](https://raw.githubusercontent.com/akamud/vscode-theme-onedark/master/screenshots/preview.png) + -### [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. -![](https://raw.githubusercontent.com/akamud/vscode-theme-onelight/master/screenshots/preview.png) + -### [Ayu](https://marketplace.visualstudio.com/items?itemName=teabyii.ayu) +### [Captain Sweetheart by ultradracula](https://vscodethemes.com/e/ultradracula.captain-sweetheart) -![dark theme](https://user-images.githubusercontent.com/353888/28989654-114a64b6-7977-11e7-9e4e-9190bc2fae5b.png) +Tuff but sweet theme. -![mirage theme](https://user-images.githubusercontent.com/353888/28989655-114d577a-7977-11e7-8646-757b1e8541a2.png) + -### [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) -![](https://cloud.githubusercontent.com/assets/376065/12876166/98575186-cdfb-11e5-953d-2691ccad3472.png) +🔥 Official theme by Wes Bos. -### [Captain Sweetheart](https://marketplace.visualstudio.com/items?itemName=ultradracula.captain-sweetheart) + -![](https://raw.githubusercontent.com/mashaal/code-captain-sweetheart/master/preview.png) +### [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. -![Cobalt 2](https://raw.githubusercontent.com/wesbos/cobalt2-vscode/cobalt2-updates/images/ss.png) + -### [Dracula](https://marketplace.visualstudio.com/items?itemName=dracula-theme.theme-dracula) +### [Eva Theme by fisheva](https://vscodethemes.com/e/fisheva.eva-theme) -![Dracula Theme for VS Code](https://camo.githubusercontent.com/d695efd1815607a9056ea5817501adc0a63632ca/68747470733a2f2f64726163756c617468656d652e636f6d2f6173736574732f696d672f73637265656e73686f74732f7673636f64652e706e67) +A colorful and semantic coloring code theme. -### [Material-theme](https://marketplace.visualstudio.com/items?itemName=Equinusocio.vsc-material-theme) + -![](https://image.ibb.co/mGCtnn/Material_Theme.gif) +### [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. -![Nord Theme for VS Code](https://raw.githubusercontent.com/arcticicestudio/nord-visual-studio-code/develop/assets/scrot-preview.png) + -### [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. -![](https://will-stone.github.io/plastic/screenshot-min.png) + -### [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. -![](https://dha4w82d62smt.cloudfront.net/items/032R3i0B353Q3a3u2B3F/Screen%20Recording%202018-03-29%20at%2002.07%20AM.gif) + -### [Seti](https://marketplace.visualstudio.com/items?itemName=bialikover.theme-seti) +### [Plastic by Will Stone](https://marketplace.visualstudio.com/items?itemName=will-stone.plastic) -![](https://cloud.githubusercontent.com/assets/376065/12876209/0c5c2060-cdfd-11e5-9ff9-f3db152fc7fe.png) +A simple theme. + + + +### [Nord by arcticicestudio](https://vscodethemes.com/e/arcticicestudio.nord-visual-studio-code) + +An arctic, north-bluish clean and elegant Visual Studio Code theme. + + + +### [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. + + # Resources for extension developers diff --git a/themes/screenshots/Equinusocio.vsc-material-theme.png b/themes/screenshots/Equinusocio.vsc-material-theme.png new file mode 100644 index 0000000..30e06b4 Binary files /dev/null and b/themes/screenshots/Equinusocio.vsc-material-theme.png differ diff --git a/themes/screenshots/ahmadawais.shades-of-purple.png b/themes/screenshots/ahmadawais.shades-of-purple.png new file mode 100644 index 0000000..87f5b73 Binary files /dev/null and b/themes/screenshots/ahmadawais.shades-of-purple.png differ diff --git a/themes/screenshots/akamud.vscode-theme-onedark.png b/themes/screenshots/akamud.vscode-theme-onedark.png new file mode 100644 index 0000000..6dea16a Binary files /dev/null and b/themes/screenshots/akamud.vscode-theme-onedark.png differ diff --git a/themes/screenshots/arcticicestudio.nord-visual-studio-code.png b/themes/screenshots/arcticicestudio.nord-visual-studio-code.png new file mode 100644 index 0000000..e2f2b1e Binary files /dev/null and b/themes/screenshots/arcticicestudio.nord-visual-studio-code.png differ diff --git a/themes/screenshots/awesome-vscode.sketch b/themes/screenshots/awesome-vscode.sketch new file mode 100644 index 0000000..2d3ca04 Binary files /dev/null and b/themes/screenshots/awesome-vscode.sketch differ diff --git a/themes/screenshots/dracula-theme.theme-dracula.png b/themes/screenshots/dracula-theme.theme-dracula.png new file mode 100644 index 0000000..e716845 Binary files /dev/null and b/themes/screenshots/dracula-theme.theme-dracula.png differ diff --git a/themes/screenshots/dustinsanders.an-old-hope-theme-vscode.png b/themes/screenshots/dustinsanders.an-old-hope-theme-vscode.png new file mode 100644 index 0000000..1f865cc Binary files /dev/null and b/themes/screenshots/dustinsanders.an-old-hope-theme-vscode.png differ diff --git a/themes/screenshots/fisheva.eva-theme.png b/themes/screenshots/fisheva.eva-theme.png new file mode 100644 index 0000000..8ea5617 Binary files /dev/null and b/themes/screenshots/fisheva.eva-theme.png differ diff --git a/themes/screenshots/teabyii.ayu.png b/themes/screenshots/teabyii.ayu.png new file mode 100644 index 0000000..af5cb27 Binary files /dev/null and b/themes/screenshots/teabyii.ayu.png differ diff --git a/themes/screenshots/thomaspink.theme-github.png b/themes/screenshots/thomaspink.theme-github.png new file mode 100644 index 0000000..8db662a Binary files /dev/null and b/themes/screenshots/thomaspink.theme-github.png differ diff --git a/themes/screenshots/ultradracula.captain-sweetheart.png b/themes/screenshots/ultradracula.captain-sweetheart.png new file mode 100644 index 0000000..4d82d44 Binary files /dev/null and b/themes/screenshots/ultradracula.captain-sweetheart.png differ diff --git a/themes/screenshots/wart.ariake-dark.png b/themes/screenshots/wart.ariake-dark.png new file mode 100644 index 0000000..a26e01c Binary files /dev/null and b/themes/screenshots/wart.ariake-dark.png differ diff --git a/themes/screenshots/wesbos.theme-cobalt2.png b/themes/screenshots/wesbos.theme-cobalt2.png new file mode 100644 index 0000000..b04b29c Binary files /dev/null and b/themes/screenshots/wesbos.theme-cobalt2.png differ diff --git a/themes/screenshots/whizkydee.material-palenight-theme.png b/themes/screenshots/whizkydee.material-palenight-theme.png new file mode 100644 index 0000000..779958a Binary files /dev/null and b/themes/screenshots/whizkydee.material-palenight-theme.png differ diff --git a/themes/screenshots/will-stone.plastic.png b/themes/screenshots/will-stone.plastic.png new file mode 100644 index 0000000..8c3c642 Binary files /dev/null and b/themes/screenshots/will-stone.plastic.png differ diff --git a/themes/theme-template.js b/themes/theme-template.js new file mode 100644 index 0000000..f54629c --- /dev/null +++ b/themes/theme-template.js @@ -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() + } +}) \ No newline at end of file