Page 1 of 1

Facebook Comment Dark Theme?

Posted: 22 Feb 2012, 17:19
by 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

Re: Facebook Comment Dark Theme?

Posted: 25 Feb 2012, 22:34
by Jan
Hi, then this needs to be customized directly in the code :-(

Jan

Re: Facebook Comment Dark Theme?

Posted: 27 Feb 2012, 04:11
by 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)

Re: Facebook Comment Dark Theme?

Posted: 28 Feb 2012, 21:59
by Jan
Hi, thank you for the guide.

Jan

Re: Facebook Comment Dark Theme?

Posted: 07 May 2018, 12:26
by kevin08
Thanks for the code.

Re: Facebook Comment Dark Theme?

Posted: 09 May 2018, 15:13
by 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.

Re: Facebook Comment Dark Theme?

Posted: 09 May 2018, 15:49
by Jan
Hi, not sure what you exactly mean, in this forum, there is no support for eclipse project.