Jump to content

FM Dark ( Support Topic )


TheJackal84
 Share

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

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