24h-payday

Matching colors on the Java GUI

OK, so no synth for now as I don’t really feel the need (yet) to create a full fledged theme for the GUI. However, will try to match as best as possible the official colors of the website and logo, and it seems than the easiest way is to use the UIDefault class:

	public static final Color ZOMBIE_SKIN = new Color(140, 198, 63);
	public static final Color ZOMBIE_SKIN_LIGHTED = new Color(201,229,164);
	public static final Color ZOMBIE_UNIFORM = new Color(152, 84, 157);
	public static final Color ZOMBIE_TRIM = new Color(255,255,102);
	
	
	static {

		log = Logger.getLogger(ZombieSkinChanger.class.getName());
		
		BUNDLE = ResourceBundle.getBundle(ZombieSkinChanger.class.getName());
		
		// Specific properties for OS X look and feel
		if (System.getProperty("os.name").equals("Mac OS X")) {
			System.setProperty("apple.awt.showGrowBox", "true");
			System.setProperty("apple.laf.useScreenMenuBar", "true");
			System.setProperty("com.apple.mrj.application.apple.menu.about.name", StupidZombieGui.class.getSimpleName());
			System.setProperty("com.apple.mrj.application.growbox.intrudes", "true");
			System.setProperty("apple.awt.brushMetalLook", "false");
		}

		
		Object newSettings[] = {
				"Button.background", ZOMBIE_UNIFORM,
				"TableHeader.background", ZOMBIE_UNIFORM,
				"TableHeader.foreground", ZOMBIE_TRIM,
				"Table.background", ZOMBIE_SKIN_LIGHTED,
				"ScrollPane.background", ZOMBIE_SKIN,
				"Panel.background", ZOMBIE_SKIN,
				"SplitPane.background", ZOMBIE_SKIN,
				"OptionPane.background", ZOMBIE_SKIN,
				"TextArea.background", ZOMBIE_SKIN_LIGHTED,
				"TextField.background", ZOMBIE_SKIN_LIGHTED,
				"EditorPane.background", ZOMBIE_SKIN_LIGHTED,
				"ViewPort.background", ZOMBIE_SKIN,
				"TabbedPane.background", ZOMBIE_SKIN,
				"CheckBox.background", ZOMBIE_UNIFORM,
				"CheckBoxMenuItem.background", ZOMBIE_UNIFORM,
				"Menu.background", ZOMBIE_SKIN_LIGHTED,
				"MenuItem.background", ZOMBIE_SKIN_LIGHTED,
				"MenuBar.background", ZOMBIE_SKIN_LIGHTED,
				};
		
		UIDefaults defaults = UIManager.getDefaults();
		defaults.putDefaults(newSettings);

	}

So here is how the GUI looks with the default values on OSX:

stupidzombie

Not bad, but kind of boring.

And this is how it looks after I apply the UIDefaults:

StupidZombie GUI - Color schema UIDelegate #2

Another look at the tables:

StupidZombie GUI - Color schema UIDelegate #1

It is not exactly the colors of the website, so I tried to create a little bit of contrast by lightening up the original values (I used a really cool online tool).

So, what is next? Well, lots of stuff ahead:

  • I plan to add new icons to the GUI (Romney is working on that),
  • fix minor issues on the website
  • fix the blog template
  • Enable support for Spanish (ya me he tardado demasiado)
  • Migrate the project from Java.net to Kenai.com

Several of this items will get sorted out over the weekend, so stay tunned. Official 1.0 release is comming fast!

One Response to “Matching colors on the Java GUI”

  1. Valora en Bitacoras.com: OK, so no synth for now as I don?t really feel the need (yet) to create a full fledged theme for the GUI. However, will try to match as best as possible the official colors of the website and logo, and it seems than the easie…..