vscode
themes
Trending
·
Dark
·
Light
Trending themes
Noctis Sereno
javascript
css
html
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
()
}
})
View Extension
4.1K
Light ⧜
javascript
css
html
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()
}
}
)
View Extension
122
Outerspace Next Meteor Glacier
javascript
css
html
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
()
}
}
)
View Extension
213
Horizon
javascript
css
html
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
()
}
})
View Extension
3.4K
Oceanic Next Sublime
javascript
css
html
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
()
}
}
)
View Extension
121
Spider Man
javascript
css
html
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
()
}
})
View Extension
205
Laser
javascript
css
html
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
()
}
})
View Extension
281
Github Light Theme - Gray
javascript
css
html
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
()
}
})
View Extension
1.8K
Atomize
javascript
css
html
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
()
}
})
View Extension
295
Hackz
javascript
css
html
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
()
}
})
View Extension
156
autolisp light theme
javascript
css
html
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
()
}
}
)
View Extension
376
Shades of Purple
javascript
css
html
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
()
}
})
View Extension
13K
Daobeam
javascript
css
html
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
()
}
})
View Extension
576
Dark themes
One Dark Pro
javascript
css
html
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
()
}
})
View Extension
5.3M
Material Theme Palenight
javascript
css
html
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
()
}
}
)
View Extension
1.3M
Dracula
javascript
css
html
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
()
}
})
View Extension
811K
Atom One Dark
javascript
css
html
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
()
}
})
View Extension
765K
Winter is Coming (Dark)
javascript
css
html
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
()
}
}
)
View Extension
406K
Dark+ Material
javascript
css
html
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
()
}
})
View Extension
311K
Ayu Mirage
javascript
css
html
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
()
}
})
View Extension
278K
Hopscotch
javascript
css
html
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
()
}
})
View Extension
258K
dark-plus-syntax
javascript
css
html
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
()
}
})
View Extension
253K
One Monokai
javascript
css
html
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
()
}
})
View Extension
249K
Palenight Theme
javascript
css
html
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
()
}
})
View Extension
227K
Nord
javascript
css
html
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
()
}
}
)
View Extension
187K
FlatUI Dark
javascript
css
html
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
()
}
})
View Extension
142K
Light themes
Material Theme Lighter
javascript
css
html
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
()
}
}
)
View Extension
1.3M
Winter is Coming (Light)
javascript
css
html
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
()
}
})
View Extension
406K
Ayu Light
javascript
css
html
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
()
}
})
View Extension
278K
FlatUI Immersed
javascript
css
html
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()
}
})
View Extension
142K
Arc
javascript
css
html
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
()
}
}
)
View Extension
106K
Atom One Light
javascript
css
html
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
()
}
})
View Extension
105K
GitHub Plus
javascript
css
html
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
()
}
})
View Extension
76K
Kary Pro Colors - Light
javascript
css
html
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
()
}
})
View Extension
65K
Aurelia Solarized (light)
javascript
css
html
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()
}
})
View Extension
59K
Eva Light
javascript
css
html
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
()
}
})
View Extension
56K
Crisp Light (rainglow)
javascript
css
html
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
()
}
})
View Extension
45K
Base16 Light Default
javascript
css
html
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
()
}
}
)
View Extension
38K
CFML Light
javascript
css
html
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
()
}
})
View Extension
35K
View on Github