The Omni Group Forums

The Omni Group Forums (
-   OmniFocus Extras (
-   -   Omnifocus theme: Modernize - Make OF1 look like OF2 (

deadsunrise 2013-08-07 08:11 AM

Omnifocus theme: Modernize - Make OF1 look like OF2
I posted this on the omnifocus 2 forum a while ago but I guess that more people will see it here:

After using OF2 for a while, OF1 looks really outdated. I created a theme that copies the colors and some of the icons from OF2 and gives omnifocus a fresh look.

The instructions to install it can be found here: [url][/url]


pvonk 2013-08-07 05:29 PM

I couldn't help but sigh. The other day I had OF 1 and 2 windows side by side and really felt a strong calling to OF 1's appearance. OF2's window looked so washed out and bland. The difference was like night and day for me. Just using the defaults.

RobTrew 2013-08-08 12:10 AM

[QUOTE=pvonk;126785]I couldn't help but sigh.[/QUOTE]

The high-contrast monochrome icons are oddly reminiscent of the unreformed black and white version of the marshalling signals on p63 ([I]Layering and Separation[/I]) of Edward Tufte's [URL=""]Envisioning Information[/URL], now over 20 years old, but still not always full absorbed.

( Jeff Atwood's page shows scans:
[url][/url] )

The deep history of visual design is that technical improvements in the available range of contrast, color and resolution create scope for better cognitive flow (productivity, in fact) by enabling clearer layering and separation better foregrounding of what matters, better visual grouping of subsets, and better muting of what is secondary, or just UI.

All too easy, if one loses track of that central point, to end up misinterpreting visual change as the ebb and flow of zeitgeist, and running around in sensitive pursuit of what one imagines to be decorative fashion the latest 'look'.

RobTrew 2013-08-08 12:25 AM

PS If Omni could just embed a set of design principles which enabled a consistent transition, in all their products and pages, from version 1 of the [URL=""]Marshalling Signals[/URL] to Edward Tufte's layered and separated version 2, then they might well begin to aim again at some prizes for design.

(The "Omni" style for these forum pages, see the Lithographica ⇄ Omni dropdown at bottom left, is a classic candidate for better cognitive design – visual layering and separation that actually matches the layering of the information and interactions – perhaps a good place to initiate an experiment :-)

druido 2013-08-10 04:57 AM

Cool, thanks! Now, if only you could replace the toolbar icons, too... Just out of curiosity, what are the four icons in the middle of your toolbar?

druido 2013-08-10 11:48 AM

1 Attachment(s)
Ok, I have replaced the toolbar icons with icons from [URL=""]Stylistica[/URL]. Maybe they're a bit too dark, but for me they fit very well with your Modernize theme!


spiliog 2013-10-16 01:22 AM

You've done great job. How can I have the stylistic icon?

philrob 2013-10-16 03:29 AM

Click on the link 'stylistica' in Druido's message.

spiliog 2013-10-16 03:36 AM

thanks did that. I was thinking if it was ready somewhere... Thanks again

Bryan 2013-10-17 03:04 AM

[QUOTE=spiliog;127988]thanks did that. I was thinking if it was ready somewhere... Thanks again[/QUOTE]

I would really like the icons...has anyone made them?

druido 2013-12-07 05:02 AM

To change the icons for Inbox, Projects, Contexts, Due, Flagged, Next Actions, Review, Completed, just use the Perspectives inspector.

You have to hack OF to change some of the remaining icons. Here are step-by-step instructions:
[LIST][*]Download [URL=""]Stylistica[/URL] (ICNS for Mac)[*] Create a new folder on the Desktop and drag there the following icons: checkmark.icns, info.icns, like.icns, map_pin.icns, paint_brush.icns, plus.icns, target.icns (these are the ones that I've chosen: you're free to choose different ones). In the following steps you work with this copy of the icons.[*] Duplicate map_pin.icns by selecting it in the Finder and pressing cmd-D.[*] Open info.icns in Preview, choose File > Export..., and save it as a PNG image. Then, delete info.icns.[*] Rename the icons as follows:[LIST][*] checkmark.icns => Completed.icns[*] info.png => ShowInspector.png[*] like.icns => MarkProjectsReviewed.icns[*] map_pin.icns => Filter.icns[*] map_pin copy.icns => FilterInactive.icns[*] paint_brush => CompactCompletedItems.icns[*] plus.icns => AddTask.icns[*] target.icns => HoistWindow.icns[/LIST][*] Select all the icons, press ctrl-c to copy them.[*] Go the /Applications folder and ctrl-click on OmniFocus, then choose Show Package Contents, and open Contents > Resources.[*] Press ctrl-v to paste the icons there.[*] Re-open OF.[/LIST]

All times are GMT -8. The time now is 08:04 AM.

Powered by vBulletin® Version 3.8.7
Copyright ©2000 - 2020, vBulletin Solutions, Inc.