vscode
themes
Trending
·
Dark
·
Light
Trending themes
Pop N' Lock Theme by Luxcium ✨
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
396
Hackpot Under The Sea
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
6.5K
ZeppelinImmigrantSong
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
7.4K
SouthTegridy
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
2.1K
Gruvbox Material Soft
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
876
Deepdark 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
7.4K
macOS Dark Mode 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
180
Zenburn Dark Matter - Nirvana - Alcatraz
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.2K
Remedy - Tilted
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
6.5K
Zenburn Cold Gray - Low Blue - Sugar Paper
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
369
August - Rouge
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
396
Arkademy
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.3K
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
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
31M
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
13M
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
6.5M
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
3.8M
Noctis Viola
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
3M
Community 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
2.9M
Winter is Coming (Dark Black)
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
2.8M
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
2.3M
Monokai 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
1.7M
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
1.6M
Night Owl
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.6M
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
1.5M
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
1.4M
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
13M
Noctis Lux
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
3M
Community 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
2.9M
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
2.8M
Night Owl 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
1.6M
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
1.4M
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
770K
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
737K
Horizon Bright
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
560K
Remedy - Bright (Tilted)
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
462K
GitHub 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
429K
Bluloco Light Italic
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
395K
🕹 Arcade 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
383K
View on Github