diff --git a/chordpro.css b/chordpro.css new file mode 100644 index 0000000..f5324a8 --- /dev/null +++ b/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; + } +} diff --git a/classic/chordpro.css b/classic/chordpro.css new file mode 120000 index 0000000..c3390ee --- /dev/null +++ b/classic/chordpro.css @@ -0,0 +1 @@ +../chordpro.css \ No newline at end of file diff --git a/mixtape/chordpro.css b/mixtape/chordpro.css new file mode 120000 index 0000000..c3390ee --- /dev/null +++ b/mixtape/chordpro.css @@ -0,0 +1 @@ +../chordpro.css \ No newline at end of file