Half of panel in Source tab is always black in Chrome on Ubuntu

Chrome DevTools always displays half of Source panel black. Why does it happen? Does anybody experience something like that? How to fix it? It is hard to debug code this way.

enter image description here

Brackets.io issue. How to remove out when using Chrome Dev Tools

I’m using Brackets to write HTML/CSS but when I do Live Previews and open Chrome Dev tools(Ctr+Shift+i). It’s always have data-bracket-id=” “ insert into every tag. It make confuse when reading on there. But when I try using Sublime Text then open Chrome Dev Tools, it’s ok, and also same with Editor. Please advise I prefer to using Brackets than Sublime Text. Please see issue below.

Box Model

Lorem ipsum dolor sit amet, consectetur adipisicing elit.