Seit ich häufig mit Chrome/Chromium unterwegs bin und relativ oft die Chrome Developer Tools benötige, war ich schon länger auf der Suche nach einer besseren Anpassbarkeit der Optik. Mir gefällt z.B. das recht helle Standard-Theme nicht besonders, bevorzuge eher dunklere, wie man sie aus Sublime & Co kennt. Darcy Clarke hatte zwar schon letztes Jahr einen Blogpost verfasst, wie man die entsprechende CSS – Datei selbst anpassen kann, jedoch muss man sich hierbei zunächst einarbeiten. Allerdings gibt es wie so oft viele fleißige Helfer, die ihre eigenen Themes veröffentlicht haben, die man sehr leicht einbinden kann.
Die Installation ist sehr einfach. Zunächst müsst ihr das Verzeichnis finden, wo die CSS-Datei abgelegt ist. Die Standardkonfigurationen führe ich euch einmal kurz hier auf:
Ubuntu (Chromium): ~/.config/chromium/Default/User StyleSheets/Custom.css
Mac: ~/Library/Application Support/Google/Chrome/Default/User StyleSheets/Custom.css
PC: C:\Users\YourUsername\AppData\Local\Google\Chrome\UserData\Default\User StyleSheets\Custom.css
Das von mir genutzte Theme nennt sich mnml und wird auf Github gehostet. Dort ladet ihr euch die Custom.css und überschreibt diese mit der Standard-Datei. Anschließend solltet ihr beim Drücken auf F12 eure neue Optik sehen. Es gibt noch eine ganze Reihe weiterer, die ihr euch einfach mal anschauen solltet.
- MNML Theme: https://github.com/frontdevDE/mnml-devtools-theme by +Michael P. Pfeiffer
- Monokai Dark: https://gist.github.com/bc12d6bb85ffb96042e8
- Tomorrow Theme: https://gist.github.com/1163300 +Benjamin Truyman
- IR_Black Theme: https://gist.github.com/1150520
- (and with sidebar colors: https://gist.github.com/1245727)
- Solarized Dark https://gist.github.com/2174604 by +François Robichet
- Ruby Blue: https://github.com/chrisbateman/ChromeDevToolsTheme-RubyBlue/
- Expresso: https://gist.github.com/1207219
- Inversion: https://github.com/mohsen1/Chrome-Dev-tools-dark-theme
- Dark Theme: https://github.com/xajler/chrome-devtools-dark-theme
- Dark Dev: https://github.com/simonsmith/DarkDev
- WebLight Theme: https://gist.github.com/1325072
Update: Pascal Kremp hat mich vorhin angeschrieben, um sein neues Projekt devthemez vorzustellen. Hier könnt ihr selber neue Themes einreichen bzw. im noch recht jungen Archiv für die Chrome Developer Tools und Sublime Text 2 nach guten Themes Ausschau halten. Schaut einfach mal bei ihm vorbei.
[via]
