Custom Colours in Color Picker - tinymce

I'm using the inline editor for TinyMCE4 and I'm trying to replace the colours in the colour picker.
I've managed to do this using the following:
textcolor_map: [
"204292", "Pantone Blue 072",
"00a88F", "Pantone Green",
"F48C2D", "Pantone Orange 021",
"231F20", "Pantone Process Black" ,
"0095CE","Pantone Process Blue"
],
The problem is, there is no more link to 'More Colors'. This option is availble in TinyMCE3, but not 4...
Has anyone come across this?
Thanks

There's a custom plugin with for any custom color available at:
http://www.tinymce.com/forum/viewtopic.php?id=31419

With the standard color picker, add the following in your init:
theme_concrete_text_colors : "436EB2,3CB54B,3b2315,ffffff,000000",
Replace concrete with the theme name, ie. theme_advanced_text_colors
http://youtu.be/hiaP3Y9wVdA

Related

in syncfusion_flutter_calendar how can I customize CalendarElement.calendarCell?

I'm using syncfusion_flutter_calendar package, and when its set on CalendarView.day, how can I customize empty day/time cell, for example how to change background color or border style and so on ?
to customize appointments it is quite easy but cant figure out how to customize empty cells.
I tried to customize it with basic SfCalendar properties, but couldn't find it.
you can see image here, what I'm talking about
This is not what I wanted but fixed it with these 2 properties :
SfCalendar(
specialRegions: ...... ,
timeRegionBuilder: ....... ,
)

Conditioning VS Code settings property on preferred system color theme

I want to set a property in VS Code settings such that it conditions on the system's preferred color theme.
VS Code allows you to detect color scheme by setting workbench.autoDetectColorScheme to true. Then you can set color themes for the properties - workbench.preferredLightColorTheme and
workbench.preferredDarkColorTheme.
Is there any way to set properties like terminal.background such that they change along with the workbench color theme?
Following #rioV8's suggestion I was able to solve this as follows:
{
"window.autoDetectColorScheme": true,
"workbench.preferredLightColorTheme": "Small Aperture",
"workbench.preferredDarkColorTheme": "Large Aperture",
"workbench.colorCustomizations": {
"[Small Aperture]": {
"terminal.background": "#F2F7F2",
//...
},
"[Large Aperture]": {
"terminal.background": "#141414",
//...
},
},
}
Similar to a CSS media query, you can set different properties for different color themes by using their name inside square brackets.
Unfortunately, you'll have to add sections for all the themes you regularly use.

What is the best way to add colors to Material-UI more than Primary/Secondary?

I've looked through the documentation. I've scoured YT for tuts and googled to no avail. Maybe this is just beyond the scope of MUI, but it seems really counter-productive.
I'm just looking for a non-hacky, semantically-correct way of having my color palette defined where components can access the different colors (I know the color prop needs a wrapper, but even a style with the color var is ok to me for this).
My color object is as follows:
const colors = {
cultured: '#FCFAF9',
darkGray: '#333333',
turquoise: '#48E5C2',
unbleachedSilk: '#F3D3BD',
mediumGray: '#5e5e5e'
}
What I'm hoping to achieve is to use the primary/secondary palettes for most of it, but for pop colors, or decorations, I wanted to add more colors to the palette without using a semantically-wrong palette object (for instance, using 'error' to set a color, when the object doesn't really represent an error).
Are you really relegated to only two main colors with MUI? How are you guys defining 5 colors to use in a way that doesn't break logic?
My idea (pseudo-code):
<Button onClick={() => doSomething} color={{colors.mediumGray}} or style={{backgroundColor: colors.mediumGray}}>
Button
</Button>
After consulting with the repo, it appears that Material UI v5 fixes this issue, and using one of the workarounds is the only way to do it until v5 becomes a stable release (they said sometime in 2021).

How to set "toggle-spacing" style property to GtkMenuItem in gtk+?

How can I set "toggle-spacing" style property to GtkMenuItem in gtk+?
I have added five GtkImageMenuItem(gtk_image_menu_item_new_with_label) to GtkMenu. Now I want to provide spacing between Image and label of this GtkImageMenuItem.
There is a style property (toggle-spacing) in GtkMenuItem to provide spacing between image and label.
How can I use this property?
I want to give alternate colors to each GtkMenuItem. How it is possible?
Kinda menu I want to create is shown in this image.
(source: flickr.com)
Thanks,
KBalar
Setting Properties.
To make the row colors alternate use gtk_tree_view_set_rules_hint.

programmatically change the background color in eclipse

I have a question related to eclipse plugin development. Is there any means
by which I can programmatically change the background color in eclipse.
I am able to change the text foreground color by calling
setTextColor(color, offset, length, controlRedraw) in ITextViewer
but I don't find any function by which I can change the background
color of the text.
If anyone has been through this kindly share your thoughts.
Thanks
arav
I am not sure this can be done easily, short of extending your own version of a Text Editor, here you provide a Configuration Class which inturn accepts a PresentationReconciler Class which is like a Rule Class that tells you if you need to put a Foreground or a Background Color
See this document
PresentationReconciler
IPresentationDamager: define dirty region given a text change
IPresentationRepairer: recreate presentation for dirty region
DefaultDamagerRepairer does both, based on a token scanner
ITokenScanner: parse text into a token stream
RuleBasedScanner uses simple rules
Extract from the presentation
From Text Editor Recipes, Season’s recipes for your text editor
Tom Eicher, IBM Eclipse Team
Here, the null background color means, takes the default system background for that widget. (so here: white).
But you could specify whatever color you want, based on the partitioning of your document and on the rules that would apply.
I know this was asked a while ago, but in case anyone is looking for another solution, I thought I would post the following:
Since you are able to use the setTextColor method, then you should be able to use the changeTextPresentation method as well.
In the case of my plug-in, I have a TextListener that calls the TextChanged method I overwrote. I did the following to add background color using the changeTextPresentation method. In doing so, I was able to get a Green background with Black foreground. Not that I would want this, of course, but just for testing purposes.
public void TextChanged(TextEvent event){
...
TextPresentation presentation = new TextPresentation();
TextAttribute attr = new TextAttribute(new ColorManager().getColor(MyConstants.BLACK),
new ColorManager().getColor(MyConstants.GREEN), style);
presentation.addStyleRange(new StyleRange(startOffset, tokLength, attr.getForeground(),
attr.getBackground());
sourceViewer.changeTextPresentation(presentation, true); //sourceViewer is a global variable passed to my TextListener class constructor.
}