Modifying theme styles in typora

Typora Some of the themes provided on the official website are quite good , However, it is inevitable that some individual styles in some themes are not satisfactory , How to modify it ？

for instance , I don't like the highlighted yellow style , Feeling affects reading , Want to display the text directly in red .

default ：

After modification ：

1、 Find the theme folder

In turn, open 【 file 】【 preferences 】【 appearance 】, Open the theme folder .

My catalogue is C:\Users\Administrator\AppData\Roaming\Typora\themes, There is a pile of css The style file .

2、 Open the style file

Open the file you want to modify in the editor gitlab Style file corresponding to theme gitlab.css.

It is recommended to use VSCode Open the style file , As soon as you see the effect , What I like is that it can display the color directly , Very intuitive .

3、 Modify the style file

Add the following code block to the style file , Restart after saving Typora, You can change the original highlight from yellow to red ：

/* highlight. */
#write mark {
    
    background-color: #EBFFEB;
    border-radius: 2px;
    padding: 2px 4px;
    margin: 0 2px;
    color: #fa2d05;
    font-weight: bold;
}