Jump to content

FM Dark ( Support Topic )


TheJackal84

Recommended Posts

  • 2 weeks later...

Updated to 1.0.1

New Features

Colour Picker

  • Allow members to pick a main colour to use for the site from a choice of 16 different colours
  • Admins can choose what colours to use with a option to revert them to their default values

Members Profile

  • Choose to use a advanced about user block on the members profile
  • Choose to add a members group box
    • This will show a list of the members usergroups as either images ( If uploaded in the groups settings ) or just the user group names ( if no image is uploaded in the groups settings )

spacer.png

spacer.png

spacer.png

Link to comment
Share on other sites

  • 10 months later...
4 hours ago, Gabriel Torres said:

@TheJackal84 I bought your theme and I am loving it. There is one biggie here that needs your attention. The editor toolbar is still grey, and I think it should be in a dark color:

image.png.73f01098c58d0478f5ae041b59788cc2.png

Could you fix that for us?

Thanks.

Add this to your custom.css file

.ipsApp .cke_top {
    background-color: #000 !important;
}

Change color what your want.

Link to comment
Share on other sites

17 hours ago, Gabriel Torres said:

@TheJackal84 Another issue here, in the user's activity stream, when we have a topic that was hidden, the layout gets broken.

image.thumb.png.552a74b49d8cd769baf947238eba3f95.png

To fix this:

core > front > custom > fmdark.css

/* Activity stream overview */
#elProfileActivityOverview .ipsStreamItem, #elUserContent .ipsStreamItem, #elSingleStatusUpdate .ipsStreamItem {

Change:

margin: 0;

To:

margin: 0 13px 0 13px;

 

Edited by Gabriel Torres
Link to comment
Share on other sites

core > custom > fmdark.css

change

.ipsTabs_activeItem {
	color: #fff;
}

to:

.ipsTabs_activeItem {
	color: #fff !important;
}

Add this to custom.css:

/* Logo */
#elLogo {
  z-index: 2001;
}

/* Breadcrumb */
.ipsBreadcrumb {
	color: inherit;
}

/* Mentions */
a[data-mentionid] {
  color: #000;
}
a[data-mentionid]:hover {
 color: rgb(var(--theme-text_color));
}

 

Link to comment
Share on other sites

18 minutes ago, Gabriel Torres said:

core > custom > fmdark.css

change


.ipsTabs_activeItem {
	color: #fff;
}

to:


.ipsTabs_activeItem {
	color: #fff !important;
}

Add this to custom.css:


/* Logo */
#elLogo {
  z-index: 2001;
}

/* Breadcrumb */
.ipsBreadcrumb {
	color: inherit;
}

/* Mentions */
a[data-mentionid] {
  color: #000;
}
a[data-mentionid]:hover {
 color: rgb(var(--theme-text_color));
}

 

What made those changes? have you some screenshoot?

 

Link to comment
Share on other sites

More fixes:

Templates:

core > front > global > fmDarkCustomCSS

Add:

.ipsTabs_activeItem {
    background: {$colour} !important;
}

core > global > global > fmDarkJSBG

Add to the logic:

.ipsTabs_activeItem { background:' + colour + ' !important; }

CSS:

core > front > custom > fmdark.css

REMOVE one intance of the code below because it is duplicated:

.ipsTabs_activeItem {
	color: #fff !important;
}

 

Link to comment
Share on other sites

4 hours ago, Gabriel Torres said:

core > global > global > fmDarkJSBG

Add to the logic:


.ipsTabs_activeItem { background:' + colour + ' !important; }

Can you explain more - what is "logic"? you mean "var styles"?

 

i just made

.ipsTabs_activeItem { background:' + colour + ' !important; }';     put only ! important
       

Edited by bosss
Link to comment
Share on other sites

@bosss that is correct.

Another two bugs that I've just fixed.

Without this, the notifications layout breaks on mobile devices.

CSS

core > front > custom > fmdark.css

Remove the width.

Before:

.ipsMenu_innerContent {
    max-height: 350px;
    overflow: auto;
    width: 450px;
}

After:

.ipsMenu_innerContent {
    max-height: 350px;
    overflow: auto;
}

And without the !important applied to #elFlashMessage, flashmessages ("inline notifications") for reports are always with the default blue background instead of using the color the user selected in the color picker.

Templates

core > front > global > fmDarkCustomCSS

#elFlashMessage {
	background: {$colour} !important;
}

core > global > global > fmDarkJSBG

#elFlashMessage { background:' + colour + ' !important; } 

 

Edited by Gabriel Torres
Link to comment
Share on other sites

  • Recently Browsing   0 members

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