SArpnt/bytebeat-composer
1
0
Fork 0
Code Issues 29 Pull requests Activity

change syntax highlight colors

Browse source
This commit is contained in:
SArpnt 2024-08-06 01:25:44 -04:00
parent 9920bb063f
commit e6efa5a3e3
Signed by: SArpnt
SSH key fingerprint: SHA256:iDMeic8KkqqEsN4wODlgsk1d/oW1ojZ/cu/MEWyfLBw
1 changed files with 10 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

20
src/style.css
View file

@ -3,7 +3,7 @@
/* main page */
:root {--control-radius:3px}
html {background-color:black; color:white; font-family:sans-serif}
html {background:black; color:white; font-family:sans-serif}
body {font-size:85%; display:flex; flex-direction:column; align-items:center; height:100vh; margin:0}
/* https://meyerweb.com/eric/thoughts/2010/02/12/fixed-monospace-sizing/ */
code, #code-editor, #code-editor .cm-scroller {font-family:"",monospace}
@ -28,29 +28,29 @@ html[data-embed] .container-fixed {height:100%}
#code-editor-container {resize:none; height:100% !important}
}
html[data-embed] #code-editor-container {resize:none; height:100%}
#code-editor {width:100%; height:100%; line-height:1; font-size:1rem}
#code-editor:not(.cm-editor) {
word-break:break-all; white-space:break-spaces; tab-size:3;
color:inherit; background-color:inherit;
margin:0; border:none; outline:none;
resize:none}
#code-editor .cm-scroller {padding:2px; line-height:1}
background:#0000; resize:none}
#code-editor .cm-scroller {padding:2px; line-height:1}
#code-editor .cm-activeLine {background-color:transparent}
#code-editor .cm-cursor {border-left-color:white}
#code-editor .cm-content {padding:0; caret-color:initial}
#code-editor .cm-line {padding:0}
#code-editor .cm-content, #code-editor .cm-line {padding:0}
#code-editor .cm-matchingBracket {
background-color:transparent; border:1px solid grey; margin:-1px}
#code-editor .cm-selectionMatch {background-color:#333; position:relative; z-index:-1}
/* editor highlight style */
#code-editor, #code-editor .cm-content {color:#eee; caret-color:#eee}
.tok-keyword {color:#e8e}
.tok-string {color:#fa7}
.tok-number {color:#9f9}
.tok-variableName {color:#8ce}
.tok-propertyName {color:#ff9}
.tok-comment {color:#5a5}
.tok-number {color:#ada}
.tok-variableName {color:#9de}
.tok-propertyName {color:#eea}
.tok-comment {color:#5c4}
.tok-string2 {color:#f78}
.tok-invalid {text-decoration:wavy #f66e underline}