Skip to main content

I Have Gone Dark

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 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, under name Tridion Dark Grey. You can also contribute to it. I'm not placing any copyright on it...


Nivlong said…
Looks cool--it's even eco-friendly (less electricity lighting up the monitor!).

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]).

Anonymous said…
This page is very useful. But there is a usability issue- when I move my mouse pointer towards right to move the scroll bars, the slider panel on the right side comes to prevent me touch the scroll bar. Being sensitive on colors, how can you ignore this glitch?
Anonymous said…
Thank you for this!
Unknown said…
This is great, Mihai.

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.

Popular posts from this blog

Content Delivery Monitoring in AWS with CloudWatch

This post describes a way of monitoring a Tridion 9 combined Deployer by sending the health checks into a custom metric in CloudWatch in AWS. The same approach can also be used for other Content Delivery services. Once the metric is available in CloudWatch, we can create alarms in case the service errors out or becomes unresponsive. The overall architecture is as follows: Content Delivery service sends heartbeat (or exposes HTTP endpoint) for monitoring Monitoring Agent checks heartbeat (or HTTP health check) regularly and stores health state AWS lambda function: runs regularly reads the health state from Monitoring Agent pushes custom metrics into CloudWatch I am running the Deployer ( installation docs ) and Monitoring Agent ( installation docs ) on a t2.medium EC2 instance running CentOS on which I also installed the Systems Manager Agent (SSM Agent) ( installation docs ). In my case I have a combined Deployer that I want to monitor. This consists of an Endpoint and a

Running sp_updatestats on AWS RDS database

Part of the maintenance tasks that I perform on a MSSQL Content Manager database is to run stored procedure sp_updatestats . exec sp_updatestats However, that is not supported on an AWS RDS instance. The error message below indicates that only the sa  account can perform this: Msg 15247 , Level 16 , State 1 , Procedure sp_updatestats, Line 15 [Batch Start Line 0 ] User does not have permission to perform this action. Instead there are several posts that suggest using UPDATE STATISTICS instead: I stumbled upon the following post from 2008 (!!!), , which describes a way to wrap the call to sp_updatestats and execute it under a different user: create procedure dbo.sp_updstats with execute as 'dbo' as

Event System to Create Mapped Structure Groups for Binary Publish

As a continuation of last week's Publish Binaries to Mapped Structure Group , this week's TBB is in fact the Event System part of that solution. Make sure you do check out the previous post first, which explains why and what this Event System does. To reiterate, the Event System intercepts a Multimedia Component save, take its Folder path and create a 1-to-1 mapping of Structure Groups. The original code was written, again, by my colleague Eric Huiza : [ TcmExtension ( "MyEvents" )] public class EventsManager  : TcmExtension {     private Configuration configuration;     private readonly Regex SAFE_DIRNAME_REGEX = new Regex ( @"[\W_]+" );     public EventsManager() {         ExeConfigurationFileMap fileMap = new ExeConfigurationFileMap ();         fileMap.ExeConfigFilename = Path .GetDirectoryName( Assembly .GetExecutingAssembly().Location) + "\\EventSystem.config" ;         configuration = ConfigurationManager