Dark Theme Support

[day_]

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. 

[day_]

Quick update: I have just updated the theme to work with all IPS apps 🙂 

[RevengeFNF]

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;
}

 

[day_]

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 🙂 

[Bluto]

Thanks for creating this for the community.  Looks great!

[Paweł Mysłek]

Where to put this?

  Dark Theme Editor.zip

[Dean_]

5 minutes ago, Paweł Mysłek said:

Where to put this?

  Dark Theme Editor.zip

ACP > Themes > Edit Theme > Press the EDITOR tab > check ' Upload a new skin', and selec the file and upload.

[Edjazoli]

hi there 

I just realised that when typing  text in chat box bottom strip it’s showing black and it’s difficult to read and see what I composed , however after accepting and pressing enter it’s showing in white in the main window. 

[Sheffielder]

Heya,

I love this theme!!

Only thing is advertisements don't work/show?

Is that a bug or is there something I need to do to activate them?

[abobader]

Hi @day_

With Chrome browser everything work well, but with Firefox, the editor box all white, how to fix this.

 

[ekforum]

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. 


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? 🙂

 

[abobader]

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

 

On 6/21/2019 at 11:21 PM, Dean_ said:

ACP > Themes > Edit Theme > Press the EDITOR tab > check ' Upload a new skin', and selec the file and upload.

 

[ekforum]

edit

Edited July 6, 2020 by ekforum

[ekforum]

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 😞 

[abobader]

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

[ekforum]

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?

[abobader]

Check in members - groups - Administrators, the content tab:

Viewing (do highlight option enable in this)?

 

Also you can run system - support - then select: something isn't working... and run that., it should correct any skin issue.