The chromedotfiles from hbt

chromedotfiles's People

Contributors

Stargazers

Watchers

chromedotfiles's Issues

Add hostname-specific css to chrome:// pages

This would be really useful to me, and I managed to add it with the following change to frontend.js

line 26 onwards:

document.addEventListener('DOMContentLoaded', function () {

  // load chrome.css if applicable
  if (window.location.href.startsWith('chrome://')) {
	addCssFile(getUrl('chromedotfiles/chrome.css'));
	
	// Load specific files
	var url, url2, chromeUrl = window.location.href.replace('chrome://','').split('/')[0];
	switch(chromeUrl) {
		case 'extensions-frame': case 'uber-frame': 
			url   = getUrl('chromedotfiles/extensions.css');  break;
		case 'version': 
			url   = getUrl('chromedotfiles/about.css'); 
			url2  = getUrl('chromedotfiles/version.css');     break;
		case 'chrome-url': 
			url   = getUrl('chromedotfiles/chrome-url.css');  break;
			url2  = getUrl('chromedotfiles/vivaldi-url.css'); break; 
		default: 
			url   = getUrl('chromedotfiles/'+chromeUrl+'.css');
	}
	addCssFile(url);
	addCssFile(url2);
  }
 
}, false);

function addCssFile(url){
	var head = document.getElementsByTagName('head')[0];  
	var link = document.createElement('link');
	link.rel = 'stylesheet';
    link.type = 'text/css';
    link.href = url;
    link.media = 'all';
    head.appendChild(link);
}

function getUrl(url){
	return chrome.runtime.getURL(url);
}

Recommend Projects