Maybe it's the Holidays, but my mood has gone pretty dark. That is, regarding the look and feel of my computer and Tridion CME, of course.
What I did was to dim the lights on the operating system, so I installed Placebo themes for Windows 7. I went for the Ashtray look -- great name :) My VM looks now like this:
But, once you change the theme on Windows, you should 'match' the theme of your applications. Some skin easily, some not. The Office suite has an in-built scheme, which can be set to Black, but it doesn't actually dim the ribbon tool bars -- it looks quite weird. Yahoo Messenger is skinnable, but you can't change the big white panels where you actually 'chat'. Skype is not skinnable at all.
For Chrome, there are plenty of grey themes. Now i'm using Pro Grey. But then I got into changing the theme of websites. While very few offer skinnable interfaces (as GMail does), I had to find a way to darken the websites... Enter Stylish -- a plugin for Firefox (available here) and Chrome (available here) that allows for "user" stylesheets to be applied to websites. The plugin intercepts a website by URL (or part of it) and allows the user to inject CSS into the markup. The user CSS is 'merged' with the existing, original, CSS and the result is displayed in the visitor's browser.
The beauty of Stylish is a huge collection of publicly available styles. Check out http://userstyles.org/. This is where I found dark styles for Google, Google Maps, Google Reader, You Tube, Facebook. Of course, then the idea stroke me -- what about an SDL Tridion CME dark grey theme? There is none, afaik. Let's build one :) Just for the kicks...
It took me a bit to brush up my CSS skills, but I got to an initial phase rather quickly. I love CSS, by the way!
I have so far the main CME screen (with ribbon tool bars, navigation trees, main filtered items list), the Message Center, the Publishing Queue dialog and the Component edit view. It looks pretty neat, but hey... I'm biased :)
A few quirks:
What I did was to dim the lights on the operating system, so I installed Placebo themes for Windows 7. I went for the Ashtray look -- great name :) My VM looks now like this:
But, once you change the theme on Windows, you should 'match' the theme of your applications. Some skin easily, some not. The Office suite has an in-built scheme, which can be set to Black, but it doesn't actually dim the ribbon tool bars -- it looks quite weird. Yahoo Messenger is skinnable, but you can't change the big white panels where you actually 'chat'. Skype is not skinnable at all.
For Chrome, there are plenty of grey themes. Now i'm using Pro Grey. But then I got into changing the theme of websites. While very few offer skinnable interfaces (as GMail does), I had to find a way to darken the websites... Enter Stylish -- a plugin for Firefox (available here) and Chrome (available here) that allows for "user" stylesheets to be applied to websites. The plugin intercepts a website by URL (or part of it) and allows the user to inject CSS into the markup. The user CSS is 'merged' with the existing, original, CSS and the result is displayed in the visitor's browser.
The beauty of Stylish is a huge collection of publicly available styles. Check out http://userstyles.org/. This is where I found dark styles for Google, Google Maps, Google Reader, You Tube, Facebook. Of course, then the idea stroke me -- what about an SDL Tridion CME dark grey theme? There is none, afaik. Let's build one :) Just for the kicks...
It took me a bit to brush up my CSS skills, but I got to an initial phase rather quickly. I love CSS, by the way!
I have so far the main CME screen (with ribbon tool bars, navigation trees, main filtered items list), the Message Center, the Publishing Queue dialog and the Component edit view. It looks pretty neat, but hey... I'm biased :)
A few quirks:
- The theme looks best in Firefox. In Chrome, the theme does not look its best. It seems there is an issue with applying CSS on iframes, namely on dynamically loaded ones (i.e. those that do not have an src attribute). Yes, there is a plethora of those in the CME;
- My skinning work is far from finished. Although now I'm starting to feel the 'cascading' ripples of CSS (i.e. styles are applied to views which I have not specifically styled), I still need to test and work through the remainder of CME views, popups, dialogs, etc...
If you like it, go ahead and use my user-style. It's available on userstyles.org, under name Tridion Dark Grey. You can also contribute to it. I'm not placing any copyright on it...
Comments
I remember asking you how to skin the CME back in 5.3 days. Must have been a popular enough request since SDL Live Content has a guide now.
The original SDL theme is "Carbon," so maybe this is Dark Carbon (directed by Mihai Cădariu [queue sci fi background music]).
I think that this has a lot of potential as a GUI extension. Essentially by using a browser-extension, what happens is a CSS "file" is created that overrides the content-author styles. these styles are just applied later in the cascade, so they overwrite whatever styles Tridion has.
But this has potential as a GUI extension, too.