I don't know what was the real reason but I got it finally.
I had userstyles.css instead of userstyle.css. And I had two files that were created in .config/joplin-desktop/tmp so I removed them.
Now I have: userchrome.css and userstyle.css with the above css code.
Thank you very much.