Basic CSS for HTML output

chordpro.css

@@ -0,0 +1,66 @@
+body {
+	margin: 0;
+	background-color: #d8d8d8;
+	color: #181818;
+}
+
+.song {
+	padding: 2em;
+}
+
+.title {
+	font-size: 1.5em;
+	font-weight: bold;
+	margin-bottom: 1em;
+}
+
+.chords {
+	font-style: italic;
+}
+
+.chorus, .verse, .tab {
+	margin: 1em 0;
+}
+
+.chorus {
+	position: relative;
+}
+
+.chorus:before {
+	content: "";
+	position: absolute;
+	left: -1em;
+	display: block;
+	height: 100%;
+	width: 2px;
+	background-color: #181818;
+}
+
+.tab {
+	white-space: pre;
+	font-family: monospace;
+	font-size: 1.25em;
+}
+
+.comment {
+	display: inline-block;
+	padding: .25em .5em;
+	background-color: #bbb;
+	color: #181818;
+}
+
+@media (prefers-color-scheme: dark) {
+	body {
+		background-color: #181818;
+		color: #d8d8d8;
+	}
+
+	.chorus:before {
+		background-color: #d8d8d8;
+	}
+
+	.comment {
+		background-color: #585858;
+		color: #d8d8d8;
+	}
+}

classic/chordpro.css

@@ -0,0 +1 @@
+../chordpro.css

mixtape/chordpro.css

@@ -0,0 +1 @@
+../chordpro.css