I switched the Chrome/Electron DevTools Theme to Dark (in the DevTools Settings, under Preferences), so that it doesn't glare late at night.
But the console text is rendered black still, which is difficult to read on the dark backgrounds for Errors or Warnings:
Is there a setting for the DevTools themselves that I should look into, or is this an Issue I should raise in VS Code? Or Electron?
I'm unsure when, but it's been fixed. Here is Code 1.42
Thank you.
Related
https://github.com/electron/electron/blob/master/docs/api/native-theme.md
electron.nativeTheme.themeSource = 'dark';
When changing to dark mode, the native scrollbars stay light. Is there another step required to get them to display dark?
In the shot below, the left shows my browser window, right is the dev tools. Dev tools has the dark scrollbar, so the support is there somewhere.
Ugh this was soooo complicated to work out. There are two things you need to do:
Use the color-scheme CSS/meta tag to indicate to Chrome that your page is happy being rendered in light and dark mode. I think this also changes the default User Agent stylesheet to dark mode in dark mode. This really seems like a stupid design.
I only tested the meta tag, and it's probably the best option: add this to your <head>:
<meta name="color-scheme" content="light dark">
(dark light works too, supposedly the order encodes the author's preference but I seriously doubt it has any effect.)
Dark scrollbars are still an experimental feature in Chrome, so you need to enable the feature flag. You can do this with the following flag when you create windows:
new BrowserWindow({
webPreferences: {
enableBlinkFeatures: "CSSColorSchemeUARendering",
},
...
}),
The corresponding flag under chrome://flags is called Web Platform Controls Dark Mode (yeay consistency).
You can probably also do it using app.commandLine.addSwitch("enable-features", "CSSColorSchemeUARendering"); but I think the above method is cleaner.
With that I finally have dark scrollbars.
does anybody knows how to disable the green highlight in Spyder editor as I show in the picture below?
Thanks
Spyder has many settings which the user can change.
In Preferences>Tools>Appearance>Edit Selected Scheme we can select the colors of several highlights, including current cell. (followed by OK then Apply, which can take a few seconds, then OK).
Setting this to #19232d (which seems to be the color of the overall dark theme background) at least gives the appearance of highlighting having been stopped.
There seems to be no way of setting such a color to transparent (in the CSS sense).
Under Tools>Preferences>Editor it seems as though we can unset highlighting of the current cell, but this appears to get overwritten by the Highlight Occurrences after selection, and setting that to something huge in the hopes it would not kick in did not seem to work.
However, I do not claim to be a Spyder expert and would welcome feedback from those who are and who perhaps know of ways of stopping highlighting in certain areas completely.
(Spyder maintainer here) This is caused by a bug in our code. It'll be fixed in our 4.2.0 version, to be released in November 2020.
In the meantime, the solution is to reactivate the option Highlight current line, present in the menu Tools > Preferences > Editor > Display.
Have a funny issue going on and no idea where to start. I have an iOS app that's built with Nativescript & Vue and while in dark mode the button colors in dialogs are off. Sometimes they are a bright blue (which is normal and what I want), but most of the time they are a darker color blue which are really hard to see. Randomly the correct color will show, but mostly the incorrect darker and I can't seem to pattern it out - just random.
The dialog is a confirm dialog that is being called in the typical Nativescript Vue manner - nothing custom being called.
Any direction or idea why this may be happening is greatly appreciated.
Incorrect button color
Correct button color
Note: Dialog message is purposely blacked out
Try writing Button styles at the end of your application level style sheet.
Button {
color: blue; // any color your like
}
Unfortunately you can not have separate styles for light / dark mode yet. There is an open issue you might want to follow.
Try to use custom model component for alert dialog or https://market.nativescript.org/plugins/nativescript-fancyalert alert dialog.
I just installed spyder 4.0.1 and am overwhelmed by all the bells and whistles. Which settings should I change/uncheck in order to get back to spyder 3 default behaviour?
Two most pressing problems are with the auto-complete (using TAB) in the editor:
The first item is black on dark blue and therefore illegible. Can I adjust that?
There are way too many irrelevant suggestions. Can I adjust that?
(Python/anaconda/win7 in case it makes a difference.)
(Spyder maintainer here) My answers:
The first item is black on dark blue and therefore illegible. Can I adjust that?
No, but that dark blue color comes from the Windows classic theme, which is really ugly. In the normal Windows 10 theme things look as expected:
There are way too many irrelevant suggestions. Can I adjust that?
Yes. Please see my answer about that: https://stackoverflow.com/a/59724907/438386
I'm trying to change the text input cursor color in Cordova based mobile application on IOS 9.
Since the background is blue, cursor is almost invisible.
I have tried almost everything I could find but nothing seems to be working. I found the same question asked here
How to change the textfield cursor colour in Cordova iOS project
However none of the solutions on this page work.
I also tried solution on this page
https://gist.github.com/JoeKeikun/72718f5faaf518304024
This also does not work.
Any help will be appreciated, also if someone can confirm if it's due to a bug/feature related to IOS that would also be helpful.