Default styling missing in Komodo 10

I’m in the process of upgrading my addons to komodo 10. Only the default styling of the default elements is missing.
I have tried my relative includes addon and the font awesome side pane.
I’m missing styling for almost all elements and have no errors in my error-log.
Relative includes:
K9.*

k10.*

Here I’m missing the default styling for the button element.

Font awesome:
K9.*

k10.*

Here also no default styling is applied to the elements, also the text color renders dark on a dark skin( default k10 ).
I intend not to style the elements to much, so it will blend in with the current skin you are using.
Is this just a bug, or am I missing something?

Just tried the beautify js addon, and it is working create. Only in the options dialog most of the style is missing, and I’m also missing the dialog buttons.
k9


and k10

The screen is resizable but how large i make it, the dialog buttons are not appearing.
I have the same issue with my relative includes dialog.
k9

and k10

You need to add the global style file to your frame:

<?xml-stylesheet href="less://komodo/skin/global/global.less" type="text/css"?>

Thanks, I tried it with my relatives includes and the beautify JS addon. There are some things changing but still missing some style.
The Sans Serif have gone away and the buttons look more styled, but still missing any background or border color.

Added the extra stylesheet, below is how the start of my document now looks like:

<?xml version="1.0"?>
<?xml-stylesheet href="chrome://komodo/skin/" type="text/css"?>
<?xml-stylesheet href="chrome://komodo/skin/global/global.less" type="text/css"?>
<?xml-stylesheet href="chrome://relativeIncludes/skin/relativeIncludes.css" type="text/css"?>

Only when i add the stylesheet, I’m getting errors on the less file:

[2016-05-17 20:27:43,707] [WARNING] console-logger: Expected declaration but found '#filter-error'.  Skipped to next declaration. (1) in chrome://komodo/skin/global/global.less:35
[2016-05-17 20:27:43,707] [WARNING] console-logger: Error in parsing value for 'color'.  Declaration dropped. (1) in chrome://komodo/skin/global/global.less:43
[2016-05-17 20:27:43,707] [WARNING] console-logger: Error in parsing value for 'color'.  Declaration dropped. (1) in chrome://komodo/skin/global/global.less:49
[2016-05-17 20:27:43,707] [WARNING] console-logger: Error in parsing value for 'color'.  Declaration dropped. (1) in chrome://komodo/skin/global/global.less:54
[2016-05-17 20:27:43,707] [WARNING] console-logger: Error in parsing value for 'color'.  Declaration dropped. (1) in chrome://komodo/skin/global/global.less:55
[2016-05-17 20:27:43,707] [WARNING] console-logger: Error in parsing value for 'color'.  Declaration dropped. (1) in chrome://komodo/skin/global/global.less:56
[2016-05-17 20:27:43,707] [WARNING] console-logger: Error in parsing value for 'color'.  Declaration dropped. (1) in chrome://komodo/skin/global/global.less:57
[2016-05-17 20:27:43,707] [WARNING] console-logger: Error in parsing value for 'color'.  Declaration dropped. (1) in chrome://komodo/skin/global/global.less:60
[2016-05-17 20:27:43,707] [WARNING] console-logger: Error in parsing value for 'background-color'.  Declaration dropped. (1) in chrome://komodo/skin/global/global.less:61
[2016-05-17 20:27:43,707] [WARNING] console-logger: Error in parsing value for 'color'.  Declaration dropped. (1) in chrome://komodo/skin/global/global.less:65
[2016-05-17 20:27:43,707] [WARNING] console-logger: Error in parsing value for 'background-color'.  Declaration dropped. (1) in chrome://komodo/skin/global/global.less:66
[2016-05-17 20:27:43,707] [WARNING] console-logger: Error in parsing value for 'color'.  Declaration dropped. (1) in chrome://komodo/skin/global/global.less:70
[2016-05-17 20:27:43,707] [WARNING] console-logger: Error in parsing value for 'background-color'.  Declaration dropped. (1) in chrome://komodo/skin/global/global.less:71
[2016-05-17 20:27:43,707] [WARNING] console-logger: Error in parsing value for 'color'.  Declaration dropped. (1) in chrome://komodo/skin/global/global.less:75
[2016-05-17 20:27:43,707] [WARNING] console-logger: Error in parsing value for 'background-color'.  Declaration dropped. (1) in chrome://komodo/skin/global/global.less:76
[2016-05-17 20:27:43,707] [WARNING] console-logger: Error in parsing value for 'color'.  Declaration dropped. (1) in chrome://komodo/skin/global/global.less:83
[2016-05-17 20:27:43,707] [WARNING] console-logger: Error in parsing value for 'background'.  Declaration dropped. (1) in chrome://komodo/skin/global/global.less:84
[2016-05-17 20:27:43,707] [WARNING] console-logger: Error in parsing value for 'background'.  Declaration dropped. (1) in chrome://komodo/skin/global/global.less:91
[2016-05-17 20:27:43,707] [WARNING] console-logger: Error in parsing value for 'background'.  Declaration dropped. (1) in chrome://komodo/skin/global/global.less:98
[2016-05-17 20:27:43,723] [WARNING] console-logger: Expected declaration but found '.'.  Skipped to next declaration. (1) in chrome://komodo/skin/global/global.less:103
[2016-05-17 20:27:43,723] [WARNING] console-logger: Selector expected.  Ruleset ignored due to bad selector. (1) in chrome://komodo/skin/global/global.less:107
[2016-05-17 20:27:43,944] [WARNING] console-logger: Unrecognized at-rule or error parsing at-rule '@dark'. (1) in chrome://komodo/skin/global/colors.less:1
[2016-05-17 20:27:43,944] [WARNING] console-logger: Unrecognized at-rule or error parsing at-rule '@font'. (1) in chrome://komodo/skin/global/colors.less:4
[2016-05-17 20:27:43,944] [WARNING] console-logger: Unrecognized at-rule or error parsing at-rule '@size'. (1) in chrome://komodo/skin/global/colors.less:5
[2016-05-17 20:27:43,944] [WARNING] console-logger: Unrecognized at-rule or error parsing at-rule '@background'. (1) in chrome://komodo/skin/global/colors.less:8
[2016-05-17 20:27:43,944] [WARNING] console-logger: Unrecognized at-rule or error parsing at-rule '@foreground'. (1) in chrome://komodo/skin/global/colors.less:9
[2016-05-17 20:27:43,944] [WARNING] console-logger: Unrecognized at-rule or error parsing at-rule '@contrast'. (1) in chrome://komodo/skin/global/colors.less:10
[2016-05-17 20:27:43,944] [WARNING] console-logger: Unrecognized at-rule or error parsing at-rule '@border'. (1) in chrome://komodo/skin/global/colors.less:13

And I’m still missing the buttons in the prefwindows and dialogs

You may have to adjust your markup a bit. Can you link me to a file line on github that is having this issue?

I’ve updated the change in the panel to github, the problem occurs here.
With my Beautify JS addon the buttons in the pref window doesn’t show up, not even when i declare the buttons trough the buttons attribute. The same for the relative includes addon

Your protocol is wrong, you used chrome:// but it should be less://.

Ah thanks, the buttons now look good:

Added the stylesheet to the prefwindow to see if it has any effect here. But i still missing the window buttons:

It’s probably missing a binding. Could you report a bug on that one?

You can fix it for now by checking was -moz-binding rule is set on prefwindow when you inspect that element with DOM inspector in Komodo 9, then replicating that rule in your addons CSS.

Ah thanks, found it.
Created the bug report.