How do I change the background color of the Settings page, not the Editor, but the Settings page? I know it probably involves changing a workbench.colorCustomization token, but I don't know which one it is or if it even exists. Also, is there some sort of extension that allows you to inspect the UI elements/icons of VS Code?
I have already tried changing the editor.background token, which applied to not just the Editor, but also the Welcome and Settings pages. I was able to change the background color for the Welcome page using the welcomePage.background token, but I don't know how to change it for Settings.
I want the Settings background color to change so I can see it better.
It doesn't look like you can. If under workbench.colorCustomizations you type settings you will get the list of available settings page items of which you can change the color.
Perhaps one or more of the foreground colors to change the text color will help you.
The Custom CSS and JS Loader may allow you to change the color of the settings page. You can inspect vscode's elements by Help/Toggle Developer Tools to find out what element you need to target with that extension.
<div class="settings-editor " or a child of that. Set its background-color to what you want using that extension.
Related
I was looking for a way to add a tab background color to a few of the tabs not only the activetab.
I have 2 main requirements:
I will initially choose which all tabs get what colors.
They should remain those colors even if I go to a different tab.
I was taking help from this page.
Can someone please provide a sample if its is possible?
You can also achieve this by using an extension:
https://marketplace.visualstudio.com/items?itemName=mondersky.tabscolor
I want to add a color picker to umbraco for setting, so when the User create a new form he/she is able to add a background color, text color from the form setting. I have checked for solutions but there is no proper solution for this. i could only find of adding css class in it. Could someone please advice me on this.
You will need to create your own custom Umbraco Forms control to do that. There's documentation at https://our.umbraco.com/documentation/Add-ons/UmbracoForms/Developer/Extending/Adding-a-Fieldtype that guides you through that task.
We have a client with many companies and they want each company to have their own user interface color. Makes sense. But when I go to add a new user interface color, before I do anything other than change the name of the profile, the menu screen appears completely messed up and will not allow a selection on the screen. The classic UI works fine. But of course the customer wants the new UI. Anyone else experience this or know how to fix it?
Most of Acumatica can still be customized the same way as explained in the Classic UI guides.
https://adn.acumatica.com/blog/acumatica-customization-theming-white-labeling/
http://asiablog.acumatica.com/2015/12/doing-personalized-demo.html
Here is a quick example where I changed the background color to brown by using my "Brown" theme.
As you can see, I also managed to change the Modern UI top bar color to orange. To do this, you need to create an extra css file in your Website\Content folder. Just follow the filename convention which is Site{Theme}.css
I am trying to customize the TINYMCE editor in my CMS (Umbraco).
CMS should't matter.
I need to know how to add a link property to my TinyMCE link property list.
I am trying to add the Google Tracking script to a link when a person enters a title to my textbox I have set up in the TinyMCE editor. I have the textbox showing up. But I need to set the property so it shows up when I update the link property.
I know I can add the Google Tracking script manually, but this option is not user friendly for people who do no know HTML. Trying to make this user friendly, I need to add the property when the link gets added to the content.
Any help would be greatly appreciated.
Thanks.
You may change properties (example here changes the setting paste_remove_styles)
editor.settings.paste_remove_styles = true,
Be aware that changing these settings won't work if that setting get red only when initializing tinymce (i.e. cleanup, content_css, editor_css,...)!
If this does not help you further please provide some more code, so that we can examine your problem deeper.
Is it possible to change the color of text in a Facebook like button? Besides selecting a different color scheme, I don't see a way to adjust the font...
Facebook retains control over their button and only allows you to set predefined options for skinning it. As font color goes, you can choose the light colorscheme to go with light backgrounds, or the dark colorscheme to go with dark backgrounds.
http://developers.facebook.com/docs/reference/plugins/like-box/
YES
It can be done
NO
It's probably not allowed by Facebook's brand guidelines.
Demonstration
I created a demo page that lets you pick the colors using a slider or palette, or that lets you manipulate the filter directly.
Background information
The technique basically works by applying a hue-rotate filter to the element containing the i-frame. Hue-rotate sort-of rotates a color wheel. As such we can't give the button any color we want. We are limited to the 360 degrees of rotation we can apply to the default button. But there are some greens, browns, reds, pink and even purple we can play with. Try it out for yourself.
References
StackOverflow: how to change color of facebook like button
Stijn de Witt's Blog: Change the facebook button color
Include data-colorscheme="light/dark" according to your background in the div with class "fb-like". Light color scheme is for light background and vice-versa.
Facebook has not released this feature yet. However, you may change it using javascript - when using the JS based version, not iframe.