How to change TinyMce default css path? - tinymce

How do I change the default css path for the theme that tiny mce use?

The default path is tiny_mce/themes/your_selected_theme and as for now there is no way to set the path to any other place. Thus, you will need to place your theme there.

Related

Make some personalizations in vscode specifically for some theme

How to make some customization in vscode settings like font size and font weight specific for some theme. For e.g -> I want to do fontsize 15 for one theme but when I change to another it's fontsize should be 12, I mean for exmple :).
The easiest way to do so is to directly change the VSCODE font-size settings by going to
File->Settings->Searching Font-size->Changing it or Ctrl+, and doing the same process
You could also go to Font switcher extension and download it and directly type F1->Font size
And lastly, I think it seems no such feature exists for changing the font size according to the theme unless and until you are able to get very specific info such as some unique id or something about the theme you are using and apply certain code to your settings.json you may be able to modify it.

How can I configure the Material Icon Theme to use default icons for some folders in VS Code?

How can I configure the Material Icon Theme to use default icons for some folders in VS Code?
E.g. I have a folder named trigger and that folder has an unusual icon. I would like to have a default icon for the trigger folder, just as it is for the sibling shoot folder.
I read through the features of the Material Icon Theme inside the VS Code documentation, but was not able to find a way to achieve what I want.
I mean this extension.
Also, I was able to disable all speicific icons styling by using the Material Icons: Change Folder Theme command. But I want to disable only for a specific folder, or at least for a specific folder name (trigger in my case).
Just declare in your settings.json file:
"material-icon-theme.folders.associations": {
"trigger": ""
},
In the settings of the extension there's a option to set the icons of the folders. By default it's set on "specific", you need to set it on "classic".
Screenshot

How to override font for a specific theme?

Is there a way to set a specific font to be used for a certain VSCode theme? That is, every time I enable the theme, I want a particular font to be used for the editor, but revert to the default if I switch to any other theme.
To achieve this, you need to raeach to theme's codes where font is specifed. Changing the block with the font attritubute will change corresponding theme's font but when you change to any other theme, font would be changed accordingly as you wished.

Adding color theme only for a specific language

I am in that lucky case where I am writing both the language syntax (tmLanguage file) and I'd like to write a custom coloring for that as well in my extension.
Is it possible to create a theme which does not interfere with the user's theme, just adds some extra to it? I only need some extra colors, because the common themes aren't colorful enough for my needs.
If I create a new theme I observed that it completely overwrites the previous one and loads specifically mine.
VSCode's builtin Dark+ theme does something like that: it extends / includes the regular Dark theme.
"include": "./dark_vs.json"
However, I guess this relies on relative file paths and the fact that they are both in the same directory, so you might have to ship copies of the themes with your extension for this to work.

Adjusting the font size used for paragraph in tiny mce plugin

I used TINY_MCE plugin to have an advanced editor. The problem is that the default font used in this plugin is too small for me. Is it possible to change it? I mean the default font used for paragraph. As you can see below, the font is smaller that the font I used for other fields.
Thanks.
This is not that difficult. The easiest was will be to use the tinymce init paramter content_css
//css file, which will overwrite the default css settings for the editors itframe
content_css: 'my_css_file.css',
in this ccs file you need to set
p {
font-size: 30px; // or whtever you like
}