1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
|
---
title: update
slug: Mozilla/Add-ons/WebExtensions/API/theme/update
tags:
- API
- Add-ons
- Extensions
- Method
- Refernce
- Theme
- Update
- WebExtensions
translation_of: Mozilla/Add-ons/WebExtensions/API/theme/update
---
{{AddonSidebar()}}
Met à jour le thème du navigateur en fonction du contenu de l'objet {{WebExtAPIRef("theme.Theme", "Theme")}} donné.
## Syntaxe
```js
browser.theme.update(
windowId, // integer
theme // object
)
```
### Paramètres
- `windowId` {{optional_inline}}
- : `integer`. L'ID d'une fenêtre. Si cela est prévu, le thème est appliqué uniquement à cette fenêtre. S'il est omis, le thème est appliqué à toutes les fenêtres.
<!---->
- `theme`
- : `object`. Un objet {{WebExtAPIRef("theme.Theme", "Theme")}} spécifiant des valeurs pour les éléments de l'interface utilisateur que vous voulez modifier
## Compatibilité du navigateur
{{Compat("webextensions.api.theme.update", 10)}}
## Exemples
Définit le thème du navigateur pour utiliser un graphique solaire avec une couleur de fond complémentaire:
```js
const suntheme = {
images: {
headerURL: 'sun.jpg',
},
colors: {
accentcolor: '#CF723F',
textcolor: '#111',
}
};
browser.theme.update(suntheme);
```
Définissez le thème uniquement pour la fenêtre actuellement ciblée:
```js
const day = {
images: {
headerURL: 'sun.jpg',
},
colors: {
accentcolor: '#CF723F',
textcolor: '#111',
}
};
browser.menus.create({
id: "set-theme",
title: "set theme",
contexts: ["all"]
});
async function updateThemeForCurrentWindow() {
let currentWindow = await browser.windows.getLastFocused();
browser.theme.update(currentWindow.id, day);
}
browser.menus.onClicked.addListener(updateThemeForCurrentWindow);
```
{{WebExtExamples}}
|
