DustTheme

Differences between revisions 30 and 31
Revision 30 as of 2008-08-28 19:37:06
Size: 17071
Editor: pub14-226
Comment:
Revision 31 as of 2008-08-29 03:30:49
Size: 17454
Editor: 222
Comment:
Deletions are marked like this. Additions are marked like this.
Line 125: Line 125:
    * The font I was using in the mockups is proprietary, sorry. As an alternative, I suggest Droid: http://dump.ambiescent.com/i/dust-droid-1.png The settings to get full antialiasing is to check "subpixel rendering (LCDs)" with hinting as "None" (which I assume is what you're looking for!) Good luck :) @-- [[LaunchpadHome:rico-ambiescent]] <<DateTime(2008-08-29T03:30:49Z)>>@

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

Update: new color scheme

Update: Firefox theme progress
(Right now, this *rips off* Camino's buttons, because it's the closest to the direction I want, but not quite. Obviously, new icon artwork will be made just for Dust.)

Update: vanity wallpaper
(Hey, I know the wallpaper is a little too messy to be considered, but hey, just playin' around.)

request
Please make this wallpaper available if it's freely distributable! Thank you and if you want you can move this to comments or delete it - mewithafez aka firefish17

Contributions

Draft versions of the GTK and Metacity themes are available here:

* = For Hardy, this theme requires Murrine to be compiled from SVN. Instructions for the curious:

  • svn checkout http://svn.gnome.org/svn/murrine/trunk/ murrine-svn
    cd murrine-svn
    ./configure --enable-animation --prefix=/usr
    make && sudo make install

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

  • -- troy-sobotka 2008-08-19 03:48:52 First, to avoid 'is ugly' 'is awsome' 'zomg' 'is nasty', I'll try to temper the comments with related speculation regarding an audience.

    • Mature. The theme has a maturity to it. Hard for me to pinpoint exactly why so, but I'd speculate that it firstly avoids the gaudy heavy handed outlines present in both Tango 48 point icons, but also a plethora of the heavy outlined GTK engines (Murrine included.) That speaks of sophistication, and as a result, maturity. Works in the late twenty to thirty range.
    • Slightly Masculine. The darkness probably lends more to a male audience. Not quite slick hot rods, but enough masculinity to maybe consider neutralizing the tonal value slightly as an experiment? Certainly works on male 'sleek', 'dark', 'mysterious' feeling.
    • Sophisticated. As above. Note the subtle font size as compared against default Ubuntu bold, boxy, and clunky feeling. Note the absence of Tango outlines on both the 48 point icons (Borrowed, of course) and the GTK implementation. This also aids in keeping the GTK button sizes down which helps pull this toward a sophisticated feel.
    • Instrumental. The monochromatic interface elements on both the browser and the panel are plus one. Kenneth Wimer and myself did a brief foray into the monochromatic icon shapes on Launchpad somewhere. I'd have to say that the monochromatic icon look, when executed properly, aspires towards instrumentation panels far superior than the multi-coloured icon sets out there. The GTK and window decorations are examples of this as well -- again avoiding the repetitive heaviness present in so many GTK engines thanks to outlines and overly massive vertical presence.
    • Dark Webby. There have been many websites that exploit a dark and simplistic two dimensional feeling to great effect. This theme, using some of those cues, has a very contemporary feel as a result.

    Keep up the good work. Only a few reservations I feel are fighting against the positives potentially. Purely subjective estimations, but...
    • Icons. Avoid Tango if you want to keep the above feel. Avoid Tango styled icons. The 22 point sizes certainly aren't disastrous, and it would be difficult to avoid them at this stage without a groundswell of help. That said, I'd hate to see the overall feel dragged down thanks to Tango outlines and style.
    • Thematic. The basic interface is working tremendously well. What sort of visual imagery would further the thematic along? I don't believe the stones quite do it justice at this point.
    • Palette. This theme might greatly come to life with a little colour. Perhaps through the choice of a visual thematic you can obtain a clear triplet or quad based palette? I believe in this instance the interface being devoid of colour is working extremely well. Round it out with some helping visual colour in other areas? If you get a clear triplet or quad, perhaps you can integrate subtle cues in the active / selected items tones?
    • Let the Dated Die. There are still some yearnings toward gloss on the panels. Might be worth experimenting with the 'webby' concept above by avoiding the gloss? Perhaps even experiment further by dropping the slight 3D feel to the windows? Interesting alternatives at the very least.
    • Real. How close can this theme come to reality at this point? Can we set this into motion via a downloadable tarball?
    Great stuff. Love to see more.
    • Great, except in firefox, the text is black on black on the bookmarks bar, other than that, perfect
  • I wrote a comment on Reddit, which I am transcribing here. Should answer some of the questions on where it feels too much like OS X, at least what I perceived:

    • Looks way too much like Leopard.
      • Borderless windows? That doesn't work so well if you don't have things better planned (i.e., every single resizable window will need a bottom-right resizer; even on OS X, which in theory should have sorted that out already, has its eventual quirks with that). Not to mention the shape of the windows is basically the same as OS X's (rounded upper edges with strikingly similar radius, square lower edges). Then there's the shadow of the windows, quite similar to OS X's too.
      • The Firefox theme is obviously an adaptation of the OS X version. Please, we can do better than having round buttons on some toolbars and square buttons on others. Then there's the Safari-ish lack of a status bar, which I find quite bad... and which led here to Firefox being nearly unresizable, due to the lack of a resizer widget.
      • Monochrome notification icons, also too similar to OS X's. I particularly dislike that idea, first because it doesn't really fit with the Tango palette, second because you won't succeed in getting all applications (or even the popular ones) to use similarly-themed icons. In no time the notification area will become a mess of colorful and monochrome icons. So, it's better to just stick with something that blends nicely with Tango, since that's the goal of GNOME UIs today.
      • The fonts are quite small, and that, together with the color and the lack of hinting (another controversial aspect of OS X, by the way), produce text that is blurry and harder to read than it should by default.
      • Plus, it's awfully hard to tell which is the focused window. But since that seems to be just a mock, it could be just that the author didn't work on that yet. Anyway, since I guess the titlebar will have to blend with the menubar for the unified look (another Leopard-ism), it won't be able to change color unless the menu bar also changes, and possibly the whole toolbar/statusbar/client area. I've never seen GTK do that, but I don't know its capabilities either. And changing just the title color will most certainly still be not enough to easily tell the focused window.
      A few other problems which can be solved more easily:
      • Lack of minimize and maximize buttons.
      • Non-hinted fonts. I know, this is configurable, but I find it unlikely that Ubuntu will use them by default, and it'd be nice if the screenshots were taken/mocked looking closer to a default install. My personal favorite is slight hinting, anyway.

      Out of curiosity, what is the "No activity" item in the top panel? I assume this is just something the author uses, not a proposal for the default panels.
      But of course, the author could address all of these points, so this shouldn't be taken as a "there's no hope here" kind of criticism. I'm eagerly looking forward to new versions.
      -- -- mernen 2008-08-25 07:03:24

  • please, choose this so i don't feel like i have to excuse myself every time i install ubuntu for someone. "yes, i know it looks ugly, but relax. I'll change the theme right away". - -- lars DateTime(2008-08-25T09:30:00Z)

  • Good enough to be the default theme. -- heavensblade23 2008-08-25 22:03:30

  • In almost every Drak theme, I've found that workspace switcher is not rendered properly. It's becomes almost invisible. -- sandaru1

  • Looks fantastic, but needs some love on the Firefox front and a little something to make things like the system monitor applet and workspace switcher stand out a bit more. Firefox is the more important issue though: that's what keeps me from using this as a new default right away. As far as the icons are concerned: maybe the Foxtrot or Gion icon sets can do the job. I'm using it with Gion now and that seems to fit (but is a matter of personal taste, of course). I noticed some glitches on the panels while 'spinning the cube' with this theme on Intrepid, but then again, those glitches might always have been there and not been noticed by me... -- maxim

  • I LOVE it! It has a polish and maturity that can't be found on any other theme I've seen. I'm with maxim though. The GION theme is gorgeous and would fit this theme beautifully. You can find it here: http://art.gnome.org/themes/icon/1340 -- chiefmanyrabbitguteat

  • I like it a lot ! I've already tried to install the theme (Murrine), and the result is near the screenshots. I just have 1 question : What is the font used in the screenshots (and plz the configuration too RGB ? slight-hinting or not etc...) and I'll be in paradise Smile :) -- Cpt-Falcon [2008-08-28]

    • The font I was using in the mockups is proprietary, sorry. As an alternative, I suggest Droid: http://dump.ambiescent.com/i/dust-droid-1.png The settings to get full antialiasing is to check "subpixel rendering (LCDs)" with hinting as "None" (which I assume is what you're looking for!) Good luck Smile :) @-- rico-ambiescent 2008-08-29 03:30:49@

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

Artwork/Incoming/DustTheme (last edited 2010-08-31 11:06:31 by 115)