I have had to “refresh” the UI CSS a few times to keep it working. The actual CSS I have written stays there, but it stops being used by Pro and the default styles are used instead. If I go into the UI CSS and type a space or something so that a change is detected, it immediately starts working again.
1 Like
Thanks for writing in, @Sheri17 and I’m sorry this seems to be happening. I have noted this down and we will take a look into what might be going on here.
1 Like
Hey @Sheri17, How’s it going? Could you send me what UI CSS you are using? Does important! fix this at all?
!important doesn’t seem to affect it, even if I put it on every line. This is what’s being ignored:
/* Editor Styles */
.tco-ui-theme-dark .cm-s-tco {
background-color: #000 !important;
font-size: 1.3em !important;
font-weight: 600 !important;
font-family: “menlo”!important;
letter-spacing: 0em;
}
.cm-s-tco .CodeMirror-linenumber {
color: #a5c3cc !important;
}
.tco-code-editor-placeholder {
font-family: “menlo” !important;
font-size: 1.3em !important;
font-weight: 700 !important;
}
1 Like
I’m not able to recreate this issue. It seems like this ui css is staying through page sessions, and I very much like the dark theme code editor you’ve got here. What browser are you using? Do you by chance have a staging site for me to see?
Sorry it took me so long to get back to you. It seems to be working for me now as well on later betas, I’m not sure why. I’m using the latest version of Chrome with my local test server.
I like the darker theme too. The default uses some teal on teal which is harder for me to see.
Thanks for testing this!
1 Like
No worries, and thanks for letting us know!