Legacy - 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()  }})
6.5M

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()  }})
3.2M

Noctis Lux

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()  }})
3.1M

GitHub 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()  }})
2.2M

Night Owl 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()  }})
1.8M

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()  }})
1.5M

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()  }})
1.4M

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()  }})
899K

Tokyo Night 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()  }})
732K

Light (Visual Studio - C/C++)

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()  }})
707K

Horizon Bright

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()  }})
643K

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()  }})
583K

Remedy - Bright (Tilted)

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()  }})
518K

🕹 Arcade 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()  }})
408K

Gruvbox Material 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()  }})
382K

BeardedTheme Solarized 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()  }})
363K

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()  }})
337K

Slack Theme Hoth

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()  }})
324K

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()  }})
297K

Github Light Theme - Gray

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()  }})
230K

Allure 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()  }})
224K

Matter (by Particle)

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()  }})
219K

Community 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()  }})
187K

Gruvbox Light Soft

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()  }})
182K