Jump to content

Dark Theme Support


day_
 Share

Recommended Posts

As promised, the Dark Theme I created for my site has now landed in the Marketplace, even got myself a fancy new Contributers badge thing.

The theme has no template changes, only CSS, if you notice any bits I've missed let me know as and I will get them fixed up straight away. 

Please remember this theme has only been tested on the Forums, Calendar and Gallery app as I do not own Blog or Commerce. 

Link to comment
Share on other sites

After some recommendation from my members (one of them being a web designer), i made a few minor changes to your theme.

I just added this at the end of the custom css if you wanna check it.

body {
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

a {
  color: #8d9aa6;
}

.ipsDataItem_unread a {
    font-weight: bold;
    color: white;
}

.ipsRichEmbed {
    border: 1px solid #677585 !important;
    background: #121823;
}

.ipsQuote {
    background: #121823;
}

.ipsQuote_citation {
    background: #121823;
}

.ipsSpoiler, .ipsStyle_spoiler {
    background: #121823;
    border: 1px solid #677585;
}

.ipsSpoiler_header {
    background: #121823;
    color: #677585;
}

.ipsSpoiler .ipsSpoiler_header a, .ipsStyle_spoiler .ipsSpoiler_header a {
    color: #677585;
}

.ipsSpoiler_header.ipsSpoiler_open [data-action='toggleSpoiler']:before {
    color: #677585;
}

 

Link to comment
Share on other sites

10 minutes ago, RevengeFNF said:

After some recommendation from my members (one of them being a web designer), i made a few minor changes to your theme.

I just added this at the end of the custom css if you wanna check it.


body {
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

a {
  color: #8d9aa6;
}

.ipsDataItem_unread a {
    font-weight: bold;
    color: white;
}

.ipsRichEmbed {
    border: 1px solid #677585 !important;
    background: #121823;
}

.ipsQuote {
    background: #121823;
}

.ipsQuote_citation {
    background: #121823;
}

.ipsSpoiler, .ipsStyle_spoiler {
    background: #121823;
    border: 1px solid #677585;
}

.ipsSpoiler_header {
    background: #121823;
    color: #677585;
}

.ipsSpoiler .ipsSpoiler_header a, .ipsStyle_spoiler .ipsSpoiler_header a {
    color: #677585;
}

.ipsSpoiler_header.ipsSpoiler_open [data-action='toggleSpoiler']:before {
    color: #677585;
}

 

Looks fine to me!

I already have spoiler code ready to go in the next update which should be the last.

Currently testing testing and more testing to make sure I catch everything this time 🙂 

Link to comment
Share on other sites

  • 1 month later...
  • 8 months later...
  • 2 months later...
  • 3 weeks later...
  • 3 weeks later...

Hello, thank you for making this!

I have notice though that on 4.4 part of the "message box" (for lack of knowing the correct term) of submitted posts is now showing as white, instead of as dark grey like the rest of the post.

I have used your post above as an example and highlighted in green where this is showing (as I didn't want to publicly post links to my forum) the areas highlighted with green boxes are where they are showing as white, instead of the same dark grey that the rest of the post shows. 

1015664619_Screenshot2020-07-06at20_22_35.thumb.png.31c2bd55604b5d09f5159dd7be1d1cbc.png
Do you know why this is being caused and is it possible to fix? I am guessing that maybe just needs a extra line of CSS? Is there any chance you would be able to help? 🙂

 

Link to comment
Share on other sites

4 minutes ago, abobader said:

You need to upload the Editor.zip as it explain here:

 

 

Thanks, that fixed the editor which I didn't know about so thank you for that. But the other issue shows for posts that have been submitted

The issue with the post background being white instead of grey, this only shows incorrectly for my posts, all other users posts are correct. So I am presuming that users also have this issue and that they see their own posts incorrectly with white instead of a grey background. 

I am guessing that maybe just needs a extra line of CSS somewhere? But I am not a developer 😞 

Link to comment
Share on other sites

On 7/6/2020 at 8:45 PM, abobader said:

Is that on Firefox browser as example? I had that problem before.

Checked in safari, members are reporting the same issue. They are reporting that only the Administrators posts are showing with incorrect white background. And I’m noticing it only on my (Administrators posts) 

Any idea how to fix?

Link to comment
Share on other sites

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.

Guest
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.

Loading...
 Share

  • Recently Browsing   0 members

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