vscode
themes
Trending
·
Dark
·
Light
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
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
3.1M
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
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
815K
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
795K
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
709K
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
581K
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
470K
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
452K
Tokyo Night 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
408K
🕹 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
390K
Light (Visual Studio - C/C++)
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
375K
Slack Theme Hoth
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
320K
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
313K
BeardedTheme 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
293K
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
285K
Gruvbox Material 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
239K
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
208K
Allure 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
205K
Matter (by Particle)
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
184K
Light+ Tweaked
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
168K
1
2
3
4
5
34
View on Github