CSS Injection

app/model/Service.js

@@ -61,5 +61,9 @@ Ext.define('Rambox.model.Service', {
 		 name: 'zoomLevel'
 		,type: 'number'
 		,defaultValue: 0
+	},{
+		 name: 'css'
+		,type: 'string'
+		,defaultValue: ''
 	}]
 });

app/model/ServiceList.js

@@ -51,5 +51,9 @@ Ext.define('Rambox.model.ServiceList', {
 		 name: 'dont_update_unread_from_title'
 		,type: 'boolean'
 		,defaultValue: false
+	},{
+		 name: 'css'
+		,type: 'string'
+		,defaultValue: ''
 	}]
 });

app/ux/WebView.js

@@ -326,6 +326,10 @@ Ext.define('Rambox.ux.WebView',{
 			// Scroll always to top (bug)
 			webview.executeJavaScript('document.body.scrollTop=0;');
 
+			// Inject CSS
+			webview.insertCSS(Ext.getStore('ServicesList').getById(me.record.get('type')).get('css')); // native
+			webview.insertCSS(me.record.get('css')); // custom
+
 			// Handles Certificate Errors
 			webview.getWebContents().on('certificate-error', function(event, url, error, certificate, callback) {
 				if ( me.record.get('trust') ) {

app/view/add/Add.js

@@ -202,6 +202,15 @@ Ext.define('Rambox.view.add.Add',{
 								,anchor: '100%'
 								,height: 120
 							}
+							,{
+								 xtype: 'textarea'
+								,fieldLabel: 'Custom CSS (<a href="https://github.com/saenzramiro/rambox/wiki/Inject-CSS-Code" target="_blank">read more</a>)'
+								,allowBlank: true
+								,name: 'css'
+								,value: me.edit ? me.record.get('css') : ''
+								,anchor: '100%'
+								,height: 120
+							}
 						]
 					}
 					,{

app/view/add/AddController.js

@@ -38,6 +38,7 @@ Ext.define('Rambox.view.add.AddController', {
 				,includeInGlobalUnreadCounter: formValues.includeInGlobalUnreadCounter
 				,trust: formValues.trust
 				,js_unread: formValues.js_unread
+				,css: formValues.css
 			});
 
 			var view = Ext.getCmp('tab_'+win.record.get('id'));
@@ -89,6 +90,7 @@ Ext.define('Rambox.view.add.AddController', {
 				,includeInGlobalUnreadCounter: formValues.includeInGlobalUnreadCounter
 				,trust: formValues.trust
 				,js_unread: formValues.js_unread
+				,css: formValues.css
 			});
 			service.save();
 			Ext.getStore('Services').add(service);