Facebook Comment Dark Theme?

[eclipsemedia]

I noticed by default the Facebook comment system is default for light theme. Is there away to either 1) Change it to dark theme or 2) customize the colors?

I have a black color site and the comment system stands out like an eyesore LOL

[Jan]

Hi, then this needs to be customized directly in the code

Jan

[eclipsemedia]

For those willing to edit some small code to have a Dark theme, follow these instructions.


Step 1.

Open
components/com_phocagallery/views/category/tmpl/default_comments-fb.php

Line 45

Replace this

Code: Select all

<fb:comments href="<?php echo $uri->toString(); ?>" simple="1" <?php echo $cCount;?> width="<?php echo (int)$this->tmpl['fb_comment_width'] ?>"></fb:comments>

With

Code: Select all

<fb:comments colorscheme='dark' href="<?php echo $uri->toString(); ?>" simple="1" <?php echo $cCount;?> width="<?php echo (int)$this->tmpl['fb_comment_width'] ?>"></fb:comments>

Note: the additional colorscheme='dark'

Step 2.

Facebook is now dark but the CSS for Phoca Gallery is still light so edit


components/com_phocagallery/assets/phocagallery.css


Line 565
dl.tabs dt
change border-left: 1px solid #ccc; to #000000; (or anything dark)
change border-right: 1px solid #ccc; to #000000; (or anything dark)
change border-top: 1px solid #ccc; to #000000; (or anything dark)

Line 577
dl.tabs dt.open
change background: #ffffff; to #000000; (or anything dark)
chaing color: #000; to #ffffff

Line 585
div.current
change background: #ffffff; to #000000; (or anything dark)
change border: 1px solid #ccc; to #000; (or anything dark)

[Jan]

Hi, thank you for the guide.

Jan

[kevin08]

Thanks for the code.

[david09]

I am using Eclipse Indigo for my JSF project

When I comment something, I want the color of the commented part should be gray (this is a default feature in Netbeans), how can I achieve?

Anyway thanks for the code.

[Jan]

Hi, not sure what you exactly mean, in this forum, there is no support for eclipse project.