MoI dark theme problem

Next
 From:  Yuan
9209.1 
Hi Michael,
I really like MoI and try to beautify it. I am exploring the dark theme. I have encountered some problems that I have been unable to solve and I hope to get your help.
> Where can I change the text color of the file export dialog?



> Where can I set the SidePane command option text size?



Best regards,

- Yuan

EDITED: 12 Jan 2019 by YUAN


  Reply Reply More Options
Post Options
Reply as PM Reply as PM
Print Print
Mark as unread Mark as unread
Relationship Relationship
IP Logged

Previous
Next
 From:  Michael Gibson
9209.2 In reply to 9209.1 
Hi Yuan, what version of MoI are you using?

- Michael
  Reply Reply More Options
Post Options
Reply as PM Reply as PM
Print Print
Mark as unread Mark as unread
Relationship Relationship
IP Logged

Previous
Next
 From:  Yuan
9209.3 In reply to 9209.2 
Hi Michael,
I am still using MoI V3

- Yuan
  Reply Reply More Options
Post Options
Reply as PM Reply as PM
Print Print
Mark as unread Mark as unread
Relationship Relationship
IP Logged

Previous
Next
 From:  Michael Gibson
9209.4 In reply to 9209.1 
Hi Yuan,

re:
> Where can I change the text color of the file export dialog?

You mean for the drop-down controls, right? Those are <select> controls and it looks like WebKit makes those have color:black by default, so you'll need to override that. You should be able to do that by finding the rule in moi.css for
code:
    moi\:Select, select {
        ...
    }


and add in a color:inherit; property to it, like:
code:
    moi\:Select, select {
        ...
        color:inherit;
    }


Then the text color for the main page should go down into those controls too. V4 has this added already.


> Where can I set theSidePane command option text size?

The command options are in a page that has <body class="commandbody"> but MoI itself sets the default font-size (that you can set in Options dialog) directly on the <body> for every page that is loaded. So it won't work to apply it directly to the body (unless you use !important) but you can add a rule targeting the children of <body class="commandbody"> which should work. For example add this below the .commandbody rule in moi.css:

code:
.commandbody > * {
	font-size:80%;
}

The above would make the text in command options to be 80% of the standard UI text size.

Hope that helps! - Michael
  Reply Reply More Options
Post Options
Reply as PM Reply as PM
Print Print
Mark as unread Mark as unread
Relationship Relationship
IP Logged

Previous
Next
 From:  Yuan
9209.5 In reply to 9209.4 
Hi Michael,
thank you very much for your helps.

- Yuan
Image Attachments:
Size: 17.1 KB, Downloaded: 30 times, Dimensions: 357x129px
  Reply Reply More Options
Post Options
Reply as PM Reply as PM
Print Print
Mark as unread Mark as unread
Relationship Relationship
IP Logged

Previous
 From:  Michael Gibson
9209.6 In reply to 9209.5 
You're welcome Yuan!

- Michael
  Reply Reply More Options
Post Options
Reply as PM Reply as PM
Print Print
Mark as unread Mark as unread
Relationship Relationship
IP Logged
 

Reply to All Reply to All