Customing .css dosen't work (CLOSED)

Hi! I’m defolding on Windows 10 and I wanna change the default font of the code editor (Dejavu Sans Mono) into another one (e.g., Ubuntu Mono). I have read the discussion UI font size, and finished the following steps:

  1. Run Defold and open a script source view;
  2. Create a folder named .defold under C:/Users/MY_USER_NAME/, and extract editor.css from …/Defold/packages/defold-xxx.jar to C:/Users/MY_USER_NAME/.defold/;
  3. Modify the editor.css:
...
  .styled-text-area .source-segment, .styled-text-area .plain-source-segment {
    -fx-font-family: "Ubuntu Mono";
    -fx-font-size: 12pt;
    /* Also tried to change font size via css! */
    -styled-text-color: #f0f2f6; }
...
  1. Click Help > Reload Stylesheet in Defold.

However, it dosen’t seem to work as nothing happend. I have checked everything — all has done correctly. So eh, what’s going on?

Besides, I hope there will be some settings for the code editor, such like font face, color theme, etc.
Another method of better code editing is using Custom Editor, but the internal editor has code completion, while the custom hasn’t.

Thanks a lot!