General
Custom
Day
Night
Custom
Theme
Custom Theme
Day
Day
Night
Neon
Base colours
Hide/show custom scrollbars
Disable/enable dark mode
Dark
Light
Dark
Code colours
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>This is a title</title>
<meta name="author" content="A dreaming fox">
<meta name="description" content="An example page">
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
body {
background-color: black;
}
#text-container {
color: #ffffff;
}
.an-unused-style {
border: 1px solid rgb(255, 0, 0);
}
</style>
</head>
<body>
<div id="textContainer">Text that will be replaced</div>
<script>
class ExampleClass {
static greeting = 'Hello';
constructor(anArgument) {
this.statement = anArgument;
}
exampleFunction(withAValue) {
if(withAValue == false) {
console.log('Oh no!');
} else {
console.log('Yay!');
}
return withAValue;
}
}
// This is a comment
const aVariable = new ExampleClass('world');
const theTextContainer = document.getElementById("textContainer");
theTextContainer.innerText = `${ExampleClass.greeting}, ${aVariable.statement}!`;
</script>
</body>
</html>