Wer das CSS Framework YAML verwendet und EXTJS 3.0 einbindet wird sofort CSS-Konflikte sehen.

Buttons werden nicht richtig angezeigt und die Hovereffekte sind auch verunglückt.

Ich habe mir mal die Arbeit gemacht und die CSS Klassen gesucht und gefunden.

In YAML sind im file content.css im jeweiligen Layout tables mit Borders in Farbe 888 definiert. Hier einfach die Border auf 0 setzen.

content.css

table { width: auto; border-collapse:collapse; margin-bottom: 0.5em; border-top: 0px #888 solid; border-bottom: 2px #888 solid; }

habe ich mit

table { width: auto; border-collapse:collapse; margin-bottom: 0.5em; border-top: 0px #888 solid; border-bottom: 0px #888 solid; }

ersetzt

und

tbody tr:hover th[scope="row"],
 tbody tr:hover tbody th.sub { background: #f0e8e8; }
 tbody tr:hover td { background: #fff8f8; }

mit

tbody tr:hover th[scope="row"],
 tbody tr:hover tbody th.sub {;}
 tbody tr:hover td { ;}

Das löst das Problem in den Forms von EXTJS

Des weiteren ist im Hauptfile eine Klasse Topnav definiert
die hat standardmässig color : ccc.

Das überschreibt eventuell die Color der Labels im Formular.

#topnav, #footer { background: #888; color: #ccc; }

ersetzen mit

#topnav, #footer { background: #888; ; }