Jump to content

Night Mode Theme


Recommended Posts

  • 3 weeks later...

I am trying to figure out how to get the commenting area black when using the Pages CMS with this theme.  This happens with the commenting section under an article.

I tried adding:

.ipsTabs_panel {
    background: #000;

but that did not work.

Screen Shot 2020-04-24 at 3.38.10 AM.png


Here it the code to fix this issue.

/* Pages Comment Background for Articles */
.ipsWidget.ipsWidget_horizontal .ipsTabs_panel {
  background: #121418;


Edited by JoshB84
Fixed with help from Axen
Link to comment
Share on other sites

These 3 Gallery edits I figured out on my own. 🙂

When you go add an image. The DropZone border is white. This will change it to match the skin.

/* Gallery Add Image DropZone Border */
.cGallerySubmit_uploadImages .ipsAttachment_dropZone:not( .ipsDragging ) {
  border-color: #121418;

When you go to add an Gallery image. The background is white. This will change the color to match the skin.

/* Gallery Image Submit Background */
#elGallerySubmit_imageUploader .ipsAttachment_fileList .ipsImageAttach {
  background-color: #121418;
  border: 5px solid;
  border-color: #121418;

After submitting the Gallery image. This changes the highlight color when you hover over the image from solid white to match the skin.

/* Gallery Image Submit Background Hover */
#elGallerySubmit_imageUploader .ipsAttachment_fileList .ipsImageAttach:hover {
  background-color: #25262a;
  border-color: #25262a;


Link to comment
Share on other sites

  • 3 months later...
  • 7 months later...

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.


  • Recently Browsing   0 members

    • No registered users viewing this page.
  • Create New...