How can I change the scrollbar separator color in vscode? - visual-studio-code

Need to change this color, its not one of the options provided for scrollbar theming. Is it hiden someplace else?
Scroll Bar Control
scrollbar.shadow: Scroll Bar shadow to indicate that the view is scrolled.
scrollbarSlider.activeBackground: Slider background color when active.
scrollbarSlider.background: Slider background color.
scrollbarSlider.hoverBackground: Slider background color when hovering.

settings.json:
"editor.overviewRulerBorder": false

To change the colour of the separator, you can add this to settings.json:
"workbench.colorCustomizations": {
"editorOverviewRuler.border": "#191C22"
}

Related

Flutter - what is the difference between enabledBorder and Border

I was making a search bar in flutter and couldn't seem to figure out the difference between enabledBorder and border in the OutlineInputBorder widget.
I also want different border colors when I tap on the search bar and when I come out of it.
for example, if I set the border's color to green and the enabledBorder's color to red it just shows red at all times.
According to the flutter docs,
border → InputBorder The shape of the border to draw around the
decoration's container.
enabledBorder → InputBorder The border to display when the
InputDecorator is enabled and is not showing an error
The enabledBorder is the specific border that will be displayed when the TextField is enabled or in simply words when you click on the TextField.

How to change text color in ripple effect

Is it possible to change the color of the text that's under the splash color during ripple effect on material button in Flutter ?
Im putting a splash color that is the same color as the texte and i want the text to turn white to become visible.
Splash hides text
I want something like this to happen
Text turn to white under splash color
You can use GestureDetectorand change text color in onLongPress or onLongPressStart or something else.

How can I change the default PopupMenu's text color?

I have a MaterialApp with TextFields, and they have the default popup menu (with items "cut", "copy" and "paste").
My problem is: Their text color is always white - so the items are all invisible because my background is also white!
How can I change the text color of the popup items?
I have found the culprit: My ButtonTheme defined a colorScheme: ColorScheme.dark(), which made the button text white. Removing the colorScheme line let the button text be black again.
In my case only helped to change the brightness of the Theme to Brightness.light
But be ready for number of UI changes after changing app's main theme...

Material UI - Change background color & other colors adjust?

The example I'm working with is the Drawer element in material-ui#next
Is there a way to change the background color of the drawer and have the elements nested beneath (List ListItem) adjust their color, hover animations, etc. to fit this new color?

vscode customize theme color for selected item in autocomplete popup

I know there's the experimental setting "workbench.experimental.colorCustomizations" but I can't find any subsetting to change the background color of the currently selected item in the autocomplete popup.
Is there any other way to change this color?
"editorSuggestWidget.background": "#424d66",// widget bg
"editorSuggestWidget.selectedBackground": "#29b6f6",// <-- this one -->
"editorSuggestWidget.highlightForeground": "#ff6a00",// typed(matching) symbols color