Couldn't make it run

[davejack1]

I put the dat-gui-light-theme.css file in my root folder and then added the following line into my html file

<link href="dat-gui-light-theme.css" rel="stylesheet" type="text/css">

However, I still see the default theme of datGUI.

Is there any thing extra that I have to do?

[liabru]

Hmm you can see it working on my fractal gears where I seemed to have prepended body to every selector, I guess this might actually be necessary then, try using this css file instead and see if it works.

[davejack1]

Thank you. That worked well.

[mauro1998]

Great, thank you. If anybody wants grey folder arrows instead of white just add:

// search and replace
body .dg li.title {
  background: #e8e8e8 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIUlEQVQI12NgIBYw5ufn/8cQZGBgYECWmDhxIiNcFlkCABvVCJsuKGBHAAAAAElFTkSuQmCC) 6px 10px no-repeat;
}

// add
body .dg .closed li.title {
  background: #e8e8e8 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAJUlEQVQI12NggIL8/Pz/MDYTAxKASTASVMnAwMAwceJERgZsKgEwpArqRfAIRAAAAABJRU5ErkJggg==) 6px 10px no-repeat;
}