So I have been trying for a couple of hours to set a dark theme for Eclipse Juno, the blinding white in your face is very tiring and strains the eyes after a short time. I managed to find a theme that darkens eclipse but still a few problems remain.
See image
I have no control over the background color of the menubar. Is it possible to change it? I tried everything in Win7 "Window Color and Appearance" but aside from being able to change the fontsize of the window title the colors do not change.
I have no control over the fontsize used for the titles in the various view panels of Eclipse, like the projectexplorer or editor.
No control over scrollbar color.
These are minor issues but would make the end result of the themes so much better. Is it at all possible to do anything with any of those issues on Win7?
Does this help for item 2?
The font size for the view and editor titles can be changed in Preferences. Select General->Appearance->Colors and Fonts. In the panel on the right, expand 'View and Editor Folders' and select 'Part title font' then click the 'Edit...' button.
On this subject, this Eclipse Themes plugin is also worth a look:
https://github.com/jeeeyul/eclipse-themes/
This is an excellent article about Eclipse theming:
http://www.vogella.com/articles/Eclipse4CSS/article.html
As for the menubar and scrollbar, the aforementioned article states:
SWT currently has some limitations for styling. For example it is not
possible to style menus and table headers. In addition some platforms
do not allow the styling of certain widgets, e.g. the Button or the
ScrollBar widget.
In order to make these widgets fit nicely you can install custom Windows theme, such as this one: http://vi20rickrmetal12us.deviantart.com/art/Pre-Black-VS-for-Windows-7-180497508 (before you can install a custom theme, you have to patch your system with Universal Theme Patcher or similar tool).
I hit the same wall some time ago. I found this resources very useful at that point:
A eclipse 4 dark theme described in the blog post of its author. It can be downloaded from github here. You can see also the content of the code.
The home of various eclipse themes here.
Another stackoverflow quetion dealing with similar problems here.
Currently I am using InteliJ Idea with its darkula theme.
Related
I've been struggling with app dialog and toolbar appearances in the social boo theme for some time. I recently discovered that my struggles are less with my code and more with the theme. In the GUI Builder switching the Native Themes from IOS6, IOS7, and Android (Gingerbread I believe) all create very different dialogs ranging from matching to illegible to ok. Also I found this demo:
https://www.codenameone.com/demos-SocialBoo.html
and ran it on my Android (S6) phone. The below image illustrates the problems:
Social Boo visualizations
Note the Dialog's appearances as they change in the first 3 images. Please note in the 3rd Android picture I'm clicking on the Cancel button to show how differently it paints with the pointer pressed. The 4th image is again from my phone, note the toolbar button on the top right with a square image placed oddly over a rectangular button. Ah finally, all the problems I'm seeing in my app happening elsewhere!
Hopefully my title question now makes more sense. Is the social boo theme being updated with CodenameOne releases or is it dead? Should I abandon using it as it'll have quite varied appearances on devices especially iOS? I'd love to have the theme maintain the IOS6 appearance on all devices - how can I achieve that goal? Thank you in advance for your help!
It's a bit out of date. Most developers just cut a PSD design from scratch which works best when based on a native theme.
You can easily fix these things if you want to work with that theme though. When we implement a theme we don't aim to implement every feature that might be needed as those are hard to predict and will increase the theme size. The original theme didn't include design for dialogs so some behaviors leaked out.
You can use theme constants and UIID's like the theme constant dlgButtonCommandUIID to determine the UIID of the buttons within the dialog.
Is there a dark theme for eclipse for windows which changes the color of scroll bars and menu bar to dark as well?
In this post, we can see pretty themes but those are for Mac OS. For Windows, the dark themes look pretty ugly, because of those white scroll bars and title bars etc. really!
There is a dark theme that also changes the color of the scroll bars.
Darkest Dark Theme
https://marketplace.eclipse.org/content/darkest-dark-theme
In addition it said it provides nicer icons than the common ones of dark themes.
Note that it worked fine on Windows 10 64bits with Neon.3 Release (4.6.3). I do not know if it works well in other versions.
-
The Syntax highlighting I am using is not the native of the theme, but the RainbowDrops.epf. Download RainbowDrops.epf (right click on the link and select Save link as...) and import it with Eclipse built-in Preferences Import (go to File > Import... then select General > Preferences).
I think that the scrollbars are native OS and we can't change it.
As for the console you can edit it this way:
Preferences > General > Editors > Text Editors: Background colour
Then just choose the colors you want.
Hope this information was helpful.
Have a nice day.
I understand the original question was for Windows, but this is seen on Linux also and was frustrating to figure out so posting here.
If having to use the SWT_GTK3=0 workaround on Linux for Eclipse, then it will use Gtk2 and you will see the same problem Solace described.
Here is the Gtk2 theme that worked well for me:
https://github.com/horst3180/Vertex-theme
Best is to pull down the git repo to '~/opt/vertex-theme', checkout stable, and then install it by hand. (Don't delete directory so can uninstall later if needed. That's why I say to put it in your user's opt directory.) The .deb version didn't have an updated key and now apt whines about that. *glare
After install then run 'gtk-chtheme' (the Gtk2 theme changer) and you can select it there. That will fix both the bright menu bar at the top and scrollbars in Linux. If Gtk3 works for you with Eclipse, then you probably won't see the theme problem.
Is there a way to fully customize WebStorm's theme to change the code panels, navigation bars and menu panels?
I've seen a lot of screenshots on Google of this, but my WebStorm has a default-white theme on every panels, and a tomorrow night theme for the code.
View -> Quick Switch Theme -> Switch Look and Feel
I think this is a very common problem, but I cannot find a suitable solution for me. As you all know, WP supports a dark and a light theme. The user can change the theme and there are ways to override his decision and to display everything in the color theme you've selected. However, I'm just trying to react to this two theme types and I want to display icons in the correct color.
If you use the Application Bar, you can select from many built in icons, which will be automatically inverted from light to dark and vice versa.
Why isn't there any support for normal images? For example: I want to display a telephone icon. I've picked one from the built in icons and copied it from the Microsoft SDK folder to the Image folder of my project. If the user uses the dark theme, everything will be fine because the white telephone icon will be visible on the black background. But if he switches to the light theme, the icon will be invisible because it is white on white.
I'm fully aware of the style resources for textboxes or background colors, which use the phone's accent or theme color. But why is it, that there is no support for simple icons which I added as Image to my XAML page?
Of course I could detect in the constructor of the page if the user is in dark or light mode. I would then load either a black or white version of the telephone icon. But this check will be done everytime I visit the page and slows everything down. It's also annoying to manually add the check for the theme each time I'm adding a theme aware image.
Is there any solution, which will work with XAML only? Or is at least easy to maintain? And why can't I use the built in images from the SDK right from the beginning? They are already available in dark and light versions and are already used in the application bar.
If you want the icon to function like in the actionbar, just be white (if dark theme) and black (if light theme) then you can add the image as an opacity mask to a rectangle, like this:
<Rectangle Fill="{StaticResource PhoneForegroundBrush}" Width="48" Height="48" >
<Rectangle.OpacityMask>
<ImageBrush ImageSource="/Images/my.icon.png" />
</Rectangle.OpacityMask>
</Rectangle>
Where my.icon.png is a white image, like those you can choose for the actionbar.
You could use vector graphics instead of bitmap icons and use a theme-aware brush to draw them.
If you want the App to respond to a switch of the theme you'll need to respond to it any way.
I added a property to the base class of my Views that returns the selected theme. That way I can use/bind to that value.
It is also possible to use a ValueConverter that turns a logical name of a resource into a name of a theme specific resource.
Edit
Have a look at this: Custom light/dark theme resources on Windows Phone 7
Detect the theme (Supporting dark and light themes gives the best solution for this, I think), and then set the image accordingly. If you do this a lot, a custom control where you can supply two image sources and the correct one gets used would be easy enough to create.
Edit: Here's another good article on this topic. New Screen Resolutions
You pick a White Foregrounded icon use it. It suits for both Light and Dark themes. Thats what I have been doing.
The Coding 4 Fun control toolkit includes a round button that mimics the application bar buttons, including updating the foreground color depending on the theme. The code is open source, so perhaps you might find an answer in there. Or, as a hack, you could use the RoundButton control, turn off the border, and not provide a Click event.
On OSX, MacVim and Terminal can both be themed to be light-on-dark.
Xcode 3.2 allow the same customization for its editor using color schemes.
However, is there a way to do the same to its UI panels ("Groups and Files"
left pane and the list view top pane for example)? If not, is there a
quick way to toggle both panels on/off?
While you can't adjust the IDE color scheme, you can quickly toggle the navigator, debug area, and utility views with the following commands:
Navigator : ⌘0
Debug Area : ⇧⌘Y
Utility : ⌥⌘0
So, if you set your theme to one with a dark background, you can quickly close/open the lighter portions of the IDE as needed.
You can also change the debug console to have a different background by going into preferences ⌘., then go to Fonts & Colors, then select the Console. Now you can edit its background:
Just be sure to edit the font colors of the various input and outputs texts if you choose black. By default all of the input/output fonts are black, only the console prompt is not.
One possibility for now: System Preferences => Accessibility => Display => Invert Colors.
Note that Apple recently announced at WWDC that Xcode 10 will support "dark mode" as of some time in late 2018.
One cool workaround for this is to use a combination of
"Invert Colors" (in System Preferences -> Accessibility -> Display -> Invert Colors OR setting up a "Ctrl-Opt-Cmd-8" shortcut in System Preferences -> Keyboard -> Shortcuts -> Accessibility -> Invert Colors)
and
Choosing your favourite dark theme in Xcode's "Fonts & Colors", but inverted (!).
For example, I like a Choco theme from Chocolat app, but I need the functionality of Xcode, so I imported the theme manually by adjusting and enhancing some of the fonts and colors in some Xcode's custom dark theme's duplicate. After I was happy with the final theme, I duplicated it and inverted the colors using one of the websites that can be found in Google (http://www.mattlag.com/scripting/hexcolorinverter.php). And voila! "Ctrl-Opt-Cmd-8" + "Inverted Dark Theme" makes the whole Xcode environment dark and looking great, without the need of hiding any other sections of Xcode like Navigator, Debug and Utilities.
Let me know if this solution helps. I find it a little time consuming, but worth the effort.
p.s.: I've posted the discussed themes on GitHub: https://github.com/Rep0se/xcode-themes
p.p.s: To theme FileMerge tool in Mojave (for now) use this solution in combination with Invert Colors outlined above.
Quick shortcut Tip: To launch preferences, hit "Command" + ","
WWDC 2018 announced that Xcode 10 on macOS 10.14 will finally include native dark mode support. This will be available around Q3 2018. It will be a full dark style from the side menus to storyboards.
You can turn to full dark mode with the new macOS Mojave.
Simply go to System settings->General and switch to dark. Enjoy!!!
I've been digging around lately and I found some kind of "Hack" of DVT Framework myself... Xcode 10 with dark theme is however around the corner, so there will be no need for this hacking anymore... Anyway you can do nice thingies with this such as changing Highlight colors for buttons and plist-file browsers... If you open Xcode with Show Package Contents and browse a bit, you can find this nice file:
/Applications/Xcode.app/Contents/SharedFrameworks/DVTKit.framework/Versions/A/Resources/Default.dvttheme
You can open this either with Visual Studio Code or Atom or any code editor.
From now on, you can do some hacking and change some of the colors in the Xcode IDE:
But somehow, due to nature of Aqua theme/user interface, you cannot change the scrollViews, which is a bit disappointing... When you could, I would already create repo which would have all the craziness of colors for this. If you want, you can change at least plistViewer and the Attributes inspector windows (The properties are called and documented nice in Default.dvttheme
Hope this helps a bit.
edit:
What you could do is to edit the default Aqua theme with ThemeEngine https://github.com/DominikBucher12/ThemeEngine
(Change assets to black/dark) and the Xcode would inherit this Appearance..
There is an Xcode project that has a huge collection of themes, both light and dark. My favorite is Moodnight.
https://github.com/hdoria/xcode-themes