DustTheme

Revision 12 as of 2008-08-19 01:30:45

Clear message

Dust

This is a concept I've been working on.

Concept

Here are some guidelines I followed while making this:

  • No custom software. It has to use an established GTK engine. This one is made with the Aurora GTK engine in mind, which sports a very polished look.

  • Few custom icons. It was made with the Tango iconset in mind.

  • It's visually neutral. The window decorations are not orange or brown — they’re predominantly dark gray. This is good so that when you’re viewing images or working on visual things, the colors of the decorations don’t influence your perception of the content. I think this is a strong point of OSX. Let the wallpaper define the look, not the window controls.

  • It's dark, to be similar to the current Ibex theme.

  • It uses the default two-panel configuration of GNOME. Not only is it proven functional, but people have been used to this and it would be awful to break their expectations. No AWN docks or anything fancy.

Concept Art

Contributions

Attach File

Guidelines

  • For images, use a low resolution picture in the wiki page. It should be no taller than 240 pixels. If you need to upload higher resolutions, please upload them as an attachment and link to them from the page.
  • Use @SIG@ to leave your signature at the end of your comment. New comments should be placed at the bottom of the feedback.

Comments

  • I think Ubuntu needs a more colorful theme. This looks too much like OS X.
  • The icons and buttons remind me of OS X. (Are you using an OS X based icon theme?) I'd change the toolbar buttons to look a bit less like brushed-metal and I think the normal buttons could use some prettying up. Asides from that, I love it. If you've already done any work on the theme, can you please upload it? -- Natan
  • A W E S O M E. The only thing I would change are the buttons, they are too much Mac-ish and the GTK controls( just add some RGBA to make them prettier). Artir.
  • I don't see how this is OS X-like at all. It's as if people think "looks too nice - like Mac OS X!". Care to explain yourselves, or are you happy just touting the position without constructive contribution? (Aimed at the two above Artir). As for the buttons... they are indeed round, but that's the only similarity I see. Maybe a side-by-side comparison would help. I think the smaller buttons are a good idea because they'll translate better to, for example, close buttons on tabs. It would be good to see how this will look with the minimize and maximize shortcuts in there, too. (Even if you don't intend them to be enabled, users may still choose to turn them on).

    The thing with MacOS's theme right now is that it tries to stay out of the way. That is, people aren't looking at it but at the contents provided by an application. Thus, any smart and unobtrusive theme is going to look similar. I don't think that is a problem. The only place where people can really legitimately say "looks like MacOS" (aside from window buttons) is if we break mouse acceleration, we reduce valuable functionality by adding a dock and all of our desktop applications start looking like iPhoto. As is, people may as well say "Ubuntu feels too much like MacOS" because the only time it fails is a kernel panic and it prefers very particular hardware.

    Back to the topic, I love the mockup! I am a big fan of having certain containers like menu bars and toolbars darkly coloured, but leaving any content with a light background. It keeps everything readable, organized and pretty darn nice looking, too.

    I like that your mockup does not rely on the widgets being positioned any certain way. For example, toolbars are not designed to flow into anything else, and the menus do not cast any extra colour to the theme. This makes it much easier to apply the theme without breaking anything.

    While it's quite a different topic, I like what you have done with Nautilus' toolbar. Replacing the context menu items (like Extract) with things that appear on the toolbar could be a nice direction for the future. After all, the context menu is only meant to be secondary!

    One other thing: You mention to "let the wallpaper define the look, not the window controls." I agree completely, but there is soemthing you miss. The CONTENT - that is, the stuff inside each window being decorated here - is also key. Let's allow good looking content to exist unhindered by arbitrary window themes. One way to do that is to remove overpowering window borders. For example, today's Human theme has overpowering window borders; a window open to display specific content looks caged off from everything else by a thick grey border. The border is nice for resizing, but that is about it. (And frankly, I think that needs to be fixed; themes should not affect interaction like that). You appear to be doing that, too, in your mockup... which means it gets an A+ from me! -- dylanmccall 2008-08-18 16:43:00

    • Hey guys, I'm the person responsible for the mockup here. Thanks for the comment guys.
      • Re: OSX look: I think most of what makes it OSX are (1) the icons, and (2) the 'unified' title/menu/toolbar look. As for the icons, I didn't really intend to use those icons. I lifted them from a screenshot of my desktop (which happened to be using a Leopard icon theme at that time). Ideally, there should be a theme to go with this. IMHO even the default Human icon theme will look good here.

        Re: posting the theme: Sorry guys, this is just a mockup. I'd love to develop it into a GTK theme but I'm not sure if I'll ever get to do that. Will update this thread in case that happens of course.

        Re: windowborders: My thoughts exactly too Dylan. Regarding resizing windows, I remember making an Emerald theme that has "transparent" borders -- i.e., meaning they appear borderless, but they can be grabbed by the mouse as resize handlers. Maybe this can be done with gtk-window-decorator too?

        Re: small min/max/close icons: Definitely a part of the mockup that didn't get much work on. Having just a close button (and invisible min/max) is unacceptable in my standards too. Sorry for being to lazy to mock those up too. -- rico-ambiescent 2008-08-18 22:13:31

Attachment List

  • [get | view] (2008-09-05 20:16:46, 12.0 KB) [[attachment:Dust Aurora.tar.gz]]
  • [get | view] (2008-09-22 19:57:44, 72.1 KB) [[attachment:Dust-0.1.20080922.tar.gz]]
  • [get | view] (2008-12-04 15:08:55, 53.5 KB) [[attachment:Dust-0.2.tar.gz]]
  • [get | view] (2008-08-31 20:30:25, 14.4 KB) [[attachment:Dust-2-20080901.tar.gz]]
  • [get | view] (2008-09-07 13:34:14, 40.8 KB) [[attachment:Dust-20080907.tar.gz]]
  • [get | view] (2008-09-08 10:21:52, 55.0 KB) [[attachment:Dust-20080908.tar.gz]]
  • [get | view] (2008-09-09 01:57:20, 51.5 KB) [[attachment:Dust-20080909.tar.gz]]
  • [get | view] (2008-09-10 08:51:43, 51.6 KB) [[attachment:Dust-20080910.tar.gz]]
  • [get | view] (2008-09-13 08:26:55, 80.7 KB) [[attachment:Dust-20080913.tar.gz]]
  • [get | view] (2008-09-14 12:32:36, 109.3 KB) [[attachment:Dust-20080914.tar.gz]]
  • [get | view] (2008-09-15 21:11:28, 82.6 KB) [[attachment:Dust-20080916.tar.gz]]
  • [get | view] (2008-09-17 13:10:18, 89.1 KB) [[attachment:Dust-20080917.tar.gz]]
  • [get | view] (2008-09-20 19:31:46, 94.4 KB) [[attachment:Dust-20080920-valentin-steinwandter.tar.gz]]
  • [get | view] (2008-09-20 19:57:18, 87.9 KB) [[attachment:Dust-20080920.tar.gz]]
  • [get | view] (2008-09-21 23:32:37, 93.0 KB) [[attachment:Dust-20080921.tar.gz]]
  • [get | view] (2008-09-18 06:28:38, 37.2 KB) [[attachment:Dust-brighter-20080918.tar.gz]]
  • [get | view] (2008-12-04 15:09:56, 166.6 KB) [[attachment:Dust-extras-0.2.tar.gz]]
  • [get | view] (2008-09-19 02:21:48, 202.5 KB) [[attachment:Dust-firefox-20080919.xpi]]
  • [get | view] (2008-09-07 07:35:36, 12.2 KB) [[attachment:Dust.tar.gz]]
  • [get | view] (2008-11-11 20:23:37, 57.1 KB) [[attachment:DustCold-20081111.tar.gz]]
  • [get | view] (2009-12-20 18:15:07, 5.4 KB) [[attachment:chrome-theme.jpg]]
  • [get | view] (2008-08-26 09:20:36, 37.0 KB) [[attachment:dust-0826-firefox-preview.png]]
  • [get | view] (2008-08-26 09:20:24, 119.4 KB) [[attachment:dust-0826-firefox.png]]
  • [get | view] (2008-09-19 07:07:32, 28.6 KB) [[attachment:dust-0917-firefox.jpg]]
  • [get | view] (2008-09-17 13:03:24, 50.4 KB) [[attachment:dust-0917-screenshot-preview.jpg]]
  • [get | view] (2008-09-17 13:02:35, 101.1 KB) [[attachment:dust-0917-screenshot.jpg]]
  • [get | view] (2008-09-30 02:31:26, 84.5 KB) [[attachment:dust-OOoWrite.png]]
  • [get | view] (2008-08-31 15:32:12, 298.6 KB) [[attachment:dust-brown.png]]
  • [get | view] (2008-08-25 20:23:21, 152.2 KB) [[attachment:dust-color-1a.png]]
  • [get | view] (2008-08-25 20:26:38, 66.6 KB) [[attachment:dust-color-1b.png]]
  • [get | view] (2008-09-21 22:24:53, 9.6 KB) [[attachment:dust-firefox-thumbnail.jpg]]
  • [get | view] (2008-09-21 22:16:32, 9.5 KB) [[attachment:dust-gtk-thumbnail.jpg]]
  • [get | view] (2008-09-01 13:30:13, 91.0 KB) [[attachment:dust-icon.png]]
  • [get | view] (2008-12-26 23:31:32, 221.4 KB) [[attachment:dustfox-0.1.20081226.xpi]]
  • [get | view] (2008-11-11 20:22:04, 281.1 KB) [[attachment:dustfoxcold-0.1.20081111.xpi]]
  • [get | view] (2008-10-07 10:10:23, 43.5 KB) [[attachment:earthenibex-preview.jpg]]
  • [get | view] (2008-09-30 02:23:35, 17.2 KB) [[attachment:extras.png]]
  • [get | view] (2008-09-21 07:52:11, 17.8 KB) [[attachment:gtkrc-20080921]]
  • [get | view] (2008-08-25 20:30:36, 26.3 KB) [[attachment:ibexconcept-thumb.jpg]]
  • [get | view] (2008-08-25 20:30:09, 218.0 KB) [[attachment:ibexconcept.jpg]]
  • [get | view] (2008-09-17 13:07:22, 40.8 KB) [[attachment:ibextest-thumb.jpg]]
  • [get | view] (2008-08-31 20:39:48, 1803.1 KB) [[attachment:ibextest.png]]
  • [get | view] (2008-08-25 20:35:28, 53.4 KB) [[attachment:ubuntudust-thumb.jpg]]
  • [get | view] (2008-08-04 13:03:15, 387.2 KB) [[attachment:ubuntudust.jpg]]
  • [get | view] (2008-08-04 13:20:27, 172.7 KB) [[attachment:ubuntudustwindow.jpg]]
  • [get | view] (2008-10-01 18:02:24, 9.9 KB) [[attachment:wood-chips-preview.jpg]]
  • [get | view] (2008-10-01 18:02:23, 260.2 KB) [[attachment:wood-chips.jpg]]
 All files | Selected Files: delete move to page

CategoryArtwork