What is the color theme used in the VS Code February 2018 release note screenshot - visual-studio-code

I have been searching for the VS code color theme as shown in the GIF below with no luck. Can anyone help me?

This release came out with few removal of old colors and some new changes have been added which you can check here
The border color of editor highlights can now also be freely chosen:
editor.selectionHighlightBorder: Border color for regions with the same content as the selection.
editor.wordHighlightBorder: Border color of a symbol during read-access, for example when reading a variable.
editor.wordHighlightStrongBorder: Border color of a symbol during write-access, for example when writing to a variable.
editor.findMatchBorder: Border color of the current search match.
editor.findMatchHighlightBorder: Border color of the other search matches.
editor.findRangeHighlightBorder: Border color the range limiting the search (Enable 'Find in Selection' in the find widget).
editor.rangeHighlightBorder: Background color of the border around highlighted ranges.

Related

Change the text color only of selected text in Vs Code

I want to change the color of selected text only not the background so what is the way to do it because I am not getting anything to change the selected text only, I am getting solution to change the background but not the text.
Here I have attached one image in which I have selected editor but text color is still green so want the text color in black after selection so is there any way to change it.
Please let me know if you have any suggestion.
Unfortunately this is a long-time open bug in VS Code:
https://github.com/microsoft/vscode/issues/36490

How do I get the default color of Button text?

I am designing a UI in SwiftUI. There are a few buttons that I have customised with a rounded rectangle. I want the color of that rectangle to be the same as the color of the text - blue by default, and light grey in disabled mode.
At present I am hardcoding the colors. Is there some variable or function available to match the system settings for either of those colors?
The default color of a button is .accentColor. This works for both light & dark mode too:
Color.accentColor
I can't seem to find out how to get the disabled button color yet, but I'll update this if I find out.

How can I alter a third-party theme?

I found a theme that I really like, but I want to change one aspect of it – the color of the text in html/php/asp/etc. pages. Specifically, I'd like to change the text color in the source code so it's easily distinguishable from the code itself.
Is this possible without re-writing the whole theme?
I tried doing this in the user settings:
"workbench.colorTheme": "Colorful Dark" {
text.color: #ffffff;
}
But, to no avail.
See if there is a documentation available about that theme. If not then find these lines on that theme
`textBlockQuote.background:` Background color for block quotes in text.
`textBlockQuote.border:` Border color for block quotes in text.
`textCodeBlock.background:` Background color for code blocks in text.
`textLink.activeForeground:` Foreground color for active links in text.
`textLink.foreground:` Foreground color for links in text.
`textPreformat.foreground:` Foreground color for preformatted text segments.
`textSeparator.foreground:` Color for text separators.
and change their value as you need. For more about VS Theme Color visit this Microsoft Visual Studio Color Reference Documentation. https://code.visualstudio.com/docs/getstarted/theme-color-reference

Change the font color of the results shown in the suggestion widget when typing

I want to change the font color of the text typed in the keyboard shown in the suggestion widget when the autocomplete feature starts to filter the results.
When you are typing, the results in the suggestion widget change the color of the characters that match what has been typed.
What is the name of the property that does that?
In VSC press ctrl+comma to open the settings and search for the property workbench.colorCustumizations.
There's just a few properties regarding the suggestion widget, I tried them all but I couldn't hit the one.
This is the ss asked by Alex
In time: the virtual keyboard is in the ss cuz my laptop's keyboard went *oo.
Ok so in the suggestion box there is the color for the overall text of the results (white), the color of the text been typed in the editor (red) and the color of the text for the highlighted result in the box (green background).
I want to change the font color for the text that was highlighted by the user (ether by the mouse or the keyboard) because it's hard to see the white text in the green background and I don't want to give up my green lemon.
I hope I was able to explain it so you can understand. Thanks.
Only doable with extension: Custom CSS and JS Loader
.suggest-widget .monaco-list-row.focused {
color: #ff6a00;
}

Color Picker for specific Colors in touch UI AEM

I am using the colorPicker for a widget:
Now i dont want to show the shades of the color and want to add custom colors.
freestylePaletteTypeboolean
Displays the freestyle mode without palette shades.
this property is not working and the colors-name under colors node is also not working.
Please help.
Here's a starting point for implementing a color picker in AEM.
There's also a color palette picker example here that could provide inspiration.