Material Theme Lighter

const btn = document.getElementById('btn')let count = 0function render() {  btn.innerText = `Count: ${count}`}btn.addEventListener('click', () => {  // Count from 1 to 10.  if (count < 10{    count += 1    render()  }})
1.1M

Winter is Coming (Light)

const btn = document.getElementById('btn')let count = 0function render() {  btn.innerText = `Count: ${count}`}btn.addEventListener('click', () => {  // Count from 1 to 10.  if (count < 10) {    count += 1    render()  }})
369K

Ayu Light

const btn = document.getElementById('btn')let count = 0function render() {  btn.innerText = `Count: ${count}`}btn.addEventListener('click', () => {  // Count from 1 to 10.  if (count < 10) {    count += 1    render()  }})
246K

FlatUI Immersed

const btn = document.getElementById('btn')let count = 0function render() {  btn.innerText = `Count: ${count}`}btn.addEventListener('click', () => {  // Count from 1 to 10.  if (count < 10) {    count += 1    render()  }})
133K

Arc

const btn = document.getElementById('btn')let count = 0function render() {  btn.innerText = `Count: ${count}`}btn.addEventListener('click', () => {  // Count from 1 to 10.  if (count < 10{    count += 1    render()  }})
106K

Atom One Light

const btn = document.getElementById('btn')let count = 0function render() {  btn.innerText = `Count: ${count}`}btn.addEventListener('click', () => {  // Count from 1 to 10.  if (count < 10) {    count += 1    render()  }})
93K

GitHub Plus

const btn = document.getElementById('btn')let count = 0function render() {  btn.innerText = `Count: ${count}`}btn.addEventListener('click', () => {  // Count from 1 to 10.  if (count < 10) {    count += 1    render()  }})
71K

Kary Pro Colors - Light

const btn = document.getElementById('btn')let count = 0function render() {  btn.innerText = `Count: ${count}`}btn.addEventListener('click', () => {  // Count from 1 to 10.  if (count < 10) {    count += 1    render()  }})
58K

Aurelia Light+

const btn = document.getElementById('btn')let count = 0function render() {  btn.innerText = `Count: ${count}`}btn.addEventListener('click', () => {  // Count from 1 to 10.  if (count < 10) {    count += 1    render()  }})
57K

Eva Light

const btn = document.getElementById('btn')let count = 0function render() {  btn.innerText = `Count: ${count}`}btn.addEventListener('click', () => {  // Count from 1 to 10.  if (count < 10) {    count += 1    render()  }})
50K

Crisp Light (rainglow)

const btn = document.getElementById('btn')let count = 0function render() {  btn.innerText = `Count: ${count}`}btn.addEventListener('click', () => {  // Count from 1 to 10.  if (count < 10) {    count += 1    render()  }})
38K

Base16 Light Default

const btn = document.getElementById('btn')let count = 0function render() {  btn.innerText = `Count: ${count}`}btn.addEventListener('click', () => {  // Count from 1 to 10.  if (count < 10{    count += 1    render()  }})
35K

CFML Light

const btn = document.getElementById('btn')let count = 0function render() {  btn.innerText = `Count: ${count}`}btn.addEventListener('click', () => {  // Count from 1 to 10.  if (count < 10) {    count += 1    render()  }})
33K

Light+ Tweaked

const btn = document.getElementById('btn')let count = 0function render() {  btn.innerText = `Count: ${count}`}btn.addEventListener('click', () => {  // Count from 1 to 10.  if (count < 10) {    count += 1    render()  }})
31K

Spacemacs - light

const btn = document.getElementById('btn')let count = 0function render() {  btn.innerText = `Count: ${count}`}btn.addEventListener('click', () => {  // Count from 1 to 10.  if (count < 10) {    count += 1    render()  }})
30K

Ysgrifennwr

const btn = document.getElementById('btn')let count = 0function render() {  btn.innerText = `Count: ${count}`}btn.addEventListener('click', () => {  // Count from 1 to 10.  if (count < 10) {    count += 1    render()  }})
24K

Verdandi

const btn = document.getElementById('btn')let count = 0function render() {  btn.innerText = `Count: ${count}`}btn.addEventListener('click', () => {  // Count from 1 to 10.  if (count < 10) {    count += 1    render()  }})
20K

Spacegray Ocean Light

const btn = document.getElementById('btn')let count = 0function render() {  btn.innerText = `Count: ${count}`}btn.addEventListener('click', () => {  // Count from 1 to 10.  if (count < 10) {    count += 1    render()  }})
16K

Bluloco Light Italic

const btn = document.getElementById('btn')let count = 0function render() {  btn.innerText = `Count: ${count}`}btn.addEventListener('click', () => {  // Count from 1 to 10.  if (count < 10) {    count += 1    render()  }})
16K

Brackets Light Pro

const btn = document.getElementById('btn')let count = 0function render() {  btn.innerText = `Count: ${count}`}btn.addEventListener('click', () => {  // Count from 1 to 10.  if (count < 10) {    count += 1    render()  }})
13K

Boxy Yesterday

const btn = document.getElementById('btn')let count = 0function render() {  btn.innerText = `Count: ${count}`}btn.addEventListener('click', () => {  // Count from 1 to 10.  if (count < 10{    count += 1    render()  }})
13K

Github

const btn = document.getElementById('btn')let count = 0function render() {  btn.innerText = `Count: ${count}`}btn.addEventListener('click', () => {  // Count from 1 to 10.  if (count < 10) {    count += 1    render()  }})
12K

Quiet Light+

const btn = document.getElementById('btn')let count = 0function render() {  btn.innerText = `Count: ${count}`}btn.addEventListener('click', () => {  // Count from 1 to 10.  if (count < 10{    count += 1    render()  }})
11K

Quiet Light for VSC

const btn = document.getElementById('btn')let count = 0function render() {  btn.innerText = `Count: ${count}`}btn.addEventListener('click', () => {  // Count from 1 to 10.  if (count < 10) {    count += 1    render()  }})
11K