Currently the output pane will always be a stark white, regardless of the rest of the site's look. I currently just ensure HTML preview is set and plop in the values from the browser console into the editor in a <style> tag, but perhaps those can statically be prefixed to the srcdoc attribute of the iframe?
The actual CSS itself to match the editor in dark monaco theme:
html {
border: 1px solid #EFEFEF;
border-bottom: 2px solid #EFEFEF;
border-radius: 4px;
height: 99.5%;
background-color: rgb(30, 30, 30);
color: #d4d4d4;
}
Currently the output pane will always be a stark white, regardless of the rest of the site's look. I currently just ensure HTML preview is set and plop in the values from the browser console into the editor in a
<style>tag, but perhaps those can statically be prefixed to thesrcdocattribute of theiframe?The actual CSS itself to match the editor in dark monaco theme: