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
Related
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.
When writing vue.js code, html tag color is red. Can I change this color into other color like blue?
I fixed this issue. I just disabled Material Theme.
I have enabled codemirror in summernote editor for code view and it works, but I have an issue with font color. Because I am using light color scheme for summernote and dark color scheme for codemirror color of text in codemirror is black (obviously from that light scheme summernote has). I would like somehow to override that and make that text white in codemirror. But how can I do it?
I have noticed that color comes from .note-frame * {...}, so I need somehow to change that.
Greets,
Dejan
I found the solution today.
And because it was not possible to override .note-frame * {...} color I decided to remove it. By removing this summernote is receiving main color of the page and that is perfectly fine, I mean why not? In 99% of cases we want the same color of the font on the entire page.
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.
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;
}