Créer un thème minimaliste Chromium

Afin de profiter pleinement des performances d’un navigateur de la famille Chromium, une mesure consiste à utiliser un thème minimaliste.
Voici comment fabriquer un thème minimaliste avec les couleurs de son choix.

Créer un fichier manifest.json contenant :

{"version":"1.0",
 "manifest_version":2,
 "name":"My theme",
 "theme":{
  "images":{
   "theme_frame":"images\/theme_frame.png",
   "theme_frame_inactive":"images\/theme_frame_inactive.png"
  },
  "colors":{
   "frame":[1,52,93],
   "frame_inactive":[20,91,147],
   "frame_incognito":[1,52,93],
   "frame_incognito_inactive":[20,91,147],
   "toolbar":[223,223,223],
   "tab_text":[0,0,0],
   "tab_background_text":[64,64,64],
   "bookmark_text":[34,34,34],
   "ntp_background":[255,255,255],
   "ntp_text":[0,0,0],
   "ntp_link":[6,55,116],
   "ntp_header":[34,34,34],
   "ntp_section":[64,64,64],
   "ntp_section_text":[0,0,0],
   "ntp_section_link":[6,55,116],
   "control_background":[0,0,0,0],
   "button_background":[0,0,0,0]},
   "properties":{
   "ntp_background_alignment":"bottom",
   "ntp_background_repeat":"no-repeat"
  },
  "tints":{
   "buttons":[-1,-1,-1],
   "frame":[-1,-1,-1],
   "frame_inactive":[-1,-1,-1],
   "frame_incognito":[-1,-1,-1],
   "frame_incognito_inactive":[-1,-1,-1],
   "background_tab":[-1,0.5,0.75]
  }
 }
}

Changer les couleurs à votre goût

Couleur de fenêtre active :

"frame":[R,V,B],
"frame_incognito":[R,V,B],

Couleur de fenêtre inactive :

"frame_inactive":[R',V',B'],
"frame_incognito_inactive":[R',V',B'],

Conseil : piquer la bonne couleur dans la bordure de fenêtre

Créer dans le sous-répertoire images 2 images png de taille 1 x 24 pixels :
theme_frame.png, peindre avec la couleur R,V,B
theme_frame_inactive.png, peindre avec la couleur R’,V’,B’

Compilation

Aller dans l’écran de gestion des extensions du navigateur
Cocher le Mode développeur
Cliquer le bouton Empaqueter l’extension
Entrer le chemin du fichier manifest.json
Cliquer le bouton Empaqueter l’extension
Le fichier de thème est créé avec l’extension .crx
Un certificat (fichier de clé) est créé à côté avec l’extension de fichier .pem, il peut être réutilisé en cas de nouvelle compilation

Installation

En local, glisser le fichier .crx sur l’écran des extensions, à la façon de Mozilla
ou bien cliquer le lien vers ce fichier préalablement mis dans le Web.
Répondre Oui à l’avertissement de sécurité.

Références

http://developer.chrome.com/extensions

25 novembre 2012 par Admin
Catégories : Tech | Tags: Chrome, Chromium, Thème, UX | 1 commentaire