OCaml
tokyonight
let answer = 42
(* open this in a browser *)
let greet = "hello from ochre"
everforest
let answer = 42
(* open this in a browser *)
let greet = "hello from ochre"
ayu
let answer = 42
(* open this in a browser *)
let greet = "hello from ochre"
catppuccin
let answer = 42
(* open this in a browser *)
let greet = "hello from ochre"
catppuccin-macchiato
let answer = 42
(* open this in a browser *)
let greet = "hello from ochre"
gruvbox
let answer = 42
(* open this in a browser *)
let greet = "hello from ochre"
kanagawa
let answer = 42
(* open this in a browser *)
let greet = "hello from ochre"
nord
let answer = 42
(* open this in a browser *)
let greet = "hello from ochre"
matrix
let answer = 42
(* open this in a browser *)
let greet = "hello from ochre"
one-dark
let answer = 42
(* open this in a browser *)
let greet = "hello from ochre"
HTML + CSS + JS
tokyonight
<!DOCTYPE html>
<html>
<head>
<style>body { color: #333; font-family: sans-serif; }</style>
</head>
<body>
<h1>Hello</h1>
<script>
const name = "world";
console.log(name);
</script>
</body>
</html>
everforest
<!DOCTYPE html>
<html>
<head>
<style>body { color: #333; font-family: sans-serif; }</style>
</head>
<body>
<h1>Hello</h1>
<script>
const name = "world";
console.log(name);
</script>
</body>
</html>
ayu
<!DOCTYPE html>
<html>
<head>
<style>body { color: #333; font-family: sans-serif; }</style>
</head>
<body>
<h1>Hello</h1>
<script>
const name = "world";
console.log(name);
</script>
</body>
</html>
catppuccin
<!DOCTYPE html>
<html>
<head>
<style>body { color: #333; font-family: sans-serif; }</style>
</head>
<body>
<h1>Hello</h1>
<script>
const name = "world";
console.log(name);
</script>
</body>
</html>
catppuccin-macchiato
<!DOCTYPE html>
<html>
<head>
<style>body { color: #333; font-family: sans-serif; }</style>
</head>
<body>
<h1>Hello</h1>
<script>
const name = "world";
console.log(name);
</script>
</body>
</html>
gruvbox
<!DOCTYPE html>
<html>
<head>
<style>body { color: #333; font-family: sans-serif; }</style>
</head>
<body>
<h1>Hello</h1>
<script>
const name = "world";
console.log(name);
</script>
</body>
</html>
kanagawa
<!DOCTYPE html>
<html>
<head>
<style>body { color: #333; font-family: sans-serif; }</style>
</head>
<body>
<h1>Hello</h1>
<script>
const name = "world";
console.log(name);
</script>
</body>
</html>
nord
<!DOCTYPE html>
<html>
<head>
<style>body { color: #333; font-family: sans-serif; }</style>
</head>
<body>
<h1>Hello</h1>
<script>
const name = "world";
console.log(name);
</script>
</body>
</html>
matrix
<!DOCTYPE html>
<html>
<head>
<style>body { color: #333; font-family: sans-serif; }</style>
</head>
<body>
<h1>Hello</h1>
<script>
const name = "world";
console.log(name);
</script>
</body>
</html>
one-dark
<!DOCTYPE html>
<html>
<head>
<style>body { color: #333; font-family: sans-serif; }</style>
</head>
<body>
<h1>Hello</h1>
<script>
const name = "world";
console.log(name);
</script>
</body>
</html>