In VS Code Themes I am looking for the names of the line-number bar (background)-color-options. There is no theme with different background of the line-numbers-"panel" - every theme I am testing is the same background like the document-window itself. It´s nice in design, but i click often the line-numbers instead of line-start.
Can anybody tell me the theme-name of this background color for this panel? Like "editorLineNumber.foreground" - but there is no "editorLineNumber.background"-option and I didn't find / know what to look - or what to write ;) A visible border would work, too, but the background color would be great!
I think you are looking for the editorGutter.background property as in :
"workbench.colorCustomizations": {
"editorGutter.background": "#fff5"
}
Related
I'm using the "Progress circle" widget (version 2.0.0) in Mendix Studio Pro 9.2.0, and I would like to individually change the color(s) of each one of my progress circles, primarily the part that is shown in blue by default. By looking into Chrome DevTools, I found that the attribute stroke might be storing the color, but I'm not sure. Adding stroke: red in the Appearance > Common > Style form didn't work. On the other hand, adding background: red did have the intended effect of changing the background of the progress circle.
Can anyone help? I'm quite new to Mendix, so any help from you would be greatly appreciated.
By going into the documentation i found the source code of the widget.
Check this link: https://github.com/mendixlabs/progress-circle/tree/master/src/ui
In the ui folder there is a theme.scss and _variables.scss in which the developer defines the variables which drive the colors or theme of the widget. You could take some hints from there.
I am not suggesting to rebuild the widget but you can certainly do so by downloading the widget (.mpk gets downloaded) and then change the extension to .zip then change the source code.
Or since you can already inspect the DOM of the widget you can do: give a class to the widgets root DOM element. and then using cascading CSS selectors you can drill down to the element which affects background.
How can the background of CKEditor be changed to black, and the icons be changed to white -- for a dark website?
Using CKEditor 4 (4.11.4, source code version).
The background of the editor can be changed to black, but the buttons/icons become very dim and barely visible.
In [ckeditor_directory_path]/skins/moono-lisa/skin.js:
baseColor = colorBrightness( uiColor, -1 ),
In [ckeditor_directory_path]/skins/moono-lisa/config.js:
config.uiColor = '#000000';
This changes the editor background to black, but also results in dim buttons/icons. The icons need to be a brighter colour in order to be visible.
How can the icons be made white (#FFFFFF)?
There is a similar question, but the answer was not helpful. How to change ckeditor icons color
Hopefully in this case (using the "moono-lisa" skin), it is possible to change the background and button/icon colours using only CSS/Javascript/etc. and not create an entire set of graphical icons. The moono-lisa skin does not have an 'icons' directory (as other instructions regarding CKEditor version 3 have suggested): https://ckeditor.com/old/forums/CKEditor-3.x/How-change-toolbar-icon
So I don't know what the next step should be. Thanks in advance for your help.
(Update: edited to remove "tinyMCE" tags. I was going to warn other users not to use tinyMCE -- its "multiple editors per page" functionality is a nightmare to set up and the official documentation for tinyMCE 4 is cheerfully wrong. Numerous Stack Overflow topics only add to the confusion with no apparent correct answer. After days of wasted effort to work around several other tinyMCE issues, there seems to be no solution, hence I finally switched to CKEditor. But the deficiencies of tinyMCE are a separate issue. Hopefully CKEditor is a better option, although the documentation for basic features like background/icon colors, etc., aren't much of an improvement over tinyMCE -- which leads me here to ask this question...)
I've found two answers:
Moono Dark
Moono Dark Biskrem
Hope this helps someone looking for alternatives. If you have further thoughts about the question itself, that's also great, too; please add a comment. :)
I would like to change the default black color of the font to white. I tried to add this to the styling section of my graph:
style request-rejected fill:#e74c3c,color:#FFFFFF;
The background is correctly changed to #e74c3c but the font stays black. It looks however that normal CSS styles are used in the .less source.
Is it possible to change the font color in a graph?
I know that this is a SUPER old post - but just in case someone else ends up here...
Please see Mermaid documentation for information on styling
Ok. I am finding it difficult to visually discern where the current focus of my editor is. The image below shows that I am currently in the bottom PathIcon tag while the top PathIcon tag is highlighted because it is a matching type. The similarity in color has finally driven me crazy.
Does anyone know the correct text-type in the Fonts and Colors dialog of Visual Studio 2015 to change this color? And, look, for all the StackOverflow haters trolling the board, please resist closing this q until there is an answer. Then you can have your fun.
It looks like there are actually two different colors in play here. The grey box on the "<PathIcon" that contains the cursor is "Brace Matching (Rectangle)". The purplish box on the other "PathIcon" looks like it is the background portion of the "Match color", which is installed by the pro power tools.
The latter color won't reset if you change the color in fonts and colors but will be correct for editor instances you open after changing the color.
I think you're looking for Highlight Current Line (Active), which controls the colors of the line your cursor is on.
I have just upgraded to CKEditor 4.4.5 from 3.5, and notice quite a few changes !! One of the changes is the new skin called Moono which looks great. However it did get me wondering whether it would be possible to change the black in the menu icons to a custom colour, for branding reasons for example. We do this in the rest of the web application using a combination of Server code and CSS.
Many thanks.
Toolbar icons in Moono are images, so if you want to change them, you'd need to create a new skin or use an alternative one from the CKEditor Addons Repository.
However, since Moono is a monochromatic skin, maybe for branding purposes it would be enough for you to use the so-called "chameleon feature" that lets you change the UI color with a simple configuration option?
If so, just use config.uiColor to provide a mataching RGB color value or an HTML color name, as in:
config.uiColor = '#AADC6E';
See a working example here: http://sdk.ckeditor.com/samples/uicolor.html