Articles avec le tag :
Fermer
Changelog
Fermer
Essayer dans le cloud
Essayer dans le cloud
Centre d'aide
ONLYOFFICE Docs

Modifier le thème de l'interface ONLYOFFICE Docs

ONLYOFFICE Docs v8.2 ONLYOFFICE Docs changelog

Version 8.2.1

Release date: 11/12/2024

Version 8.2.0

Release date: 10/17/2024

Version 8.1.1

Release date: 07/15/2024

Version 8.1.0

Release date: 06/19/2024

Version 8.0.1

Release date: 02/26/2024

Version 8.0.0

Release date: 01/30/2024

Version 7.5.1

Release date: 11/08/2023

Version 7.5.0

Release date: 10/17/2023

Version 7.4.1

Release date: 07/31/2023

Version 7.4.0

Release date: 06/13/2023

Version 7.3.3

Release date: 03/15/2023

Version 7.3.2

Release date: 02/14/2023

Version 7.3.0

Release date: 01/31/2023

Version 7.2.2

Release date: 12/20/2022

Version 7.2.1

Release date: 10/21/2022

Version 7.2.0

Release date: 09/22/2022

Version 7.1.1

Release date: 06/02/2022

Version 7.1.0

Release date: 05/12/2022

Version 7.0.1

Release date: 02/22/2022

Version 7.0.0

Release date: 01/18/2022

Version 6.4.2

Release date: 10/14/2021

Version 6.4.1

Release date: 09/28/2021

Version 6.4.0

Release date: 08/26/2021

Version 6.3.2

Release date: 08/10/2021

Version 6.3.1

Release date: 06/08/2021

Version 6.3.0

Release date: 05/20/2021

Version 6.2.2

Release date: 04/19/2021

Version 6.2.1

Release date: 03/31/2021

Version 6.2.0

Release date: 03/01/2021

Version 6.1.1

Release date: 01/28/2021

Version 6.1.0

Release date: 12/02/2020

Version 6.0.2

Release date: 11/12/2020

Version 6.0.1

Release date: 10/28/2020

Version 6.0.0

Release date: 10/14/2020

Version 5.6.5

Release date: 09/21/2020

Version 5.6.4

Release date: 09/08/2020

Version 5.6.3

Release date: 08/17/2020

Version 5.6.2

Release date: 08/07/2020

Version 5.6.1

Release date: 08/05/2020

Version 5.6.0

Release date: 07/29/2020

Version 5.5.3

Release date: 05/22/2020

Version 5.5.1

Release date: 04/09/2020

Version 5.5.0

Release date: 03/05/2020

Version 5.4.2

Release date: 11/27/2019

Version 5.4.1

Release date: 10/02/2019

Version 5.4.0

Release date: 09/03/2019

Version 5.3.4

Release date: 07/16/2019

Version 5.3.2

Release date: 06/24/2019

Version 5.3.1

Release date: 06/06/2019

Version 5.3.0

Release date: 05/28/2019

Version 5.2.8

Release date: 02/05/2019

Version 5.2.7

Release date: 01/16/2019

Version 5.2.6

Release date: 12/25/2018

Version 5.2.4

Release date: 12/12/2018

Version 5.2.3

Release date: 10/31/2018

Version 5.2.2

Release date: 10/05/2018

Version 5.2.0

Release date: 09/28/2018

Version 5.1.5

Release date: 07/18/2018

Version 5.1.4

Release date: 05/24/2018

Version 5.1.3

Release date: 04/27/2018

Version 5.1.2

Release date: 04/11/2018

Version 5.1.1

Release date: 04/05/2018

Version 5.1.0

Release date: 03/28/2018

Version 5.0.7

Release date: 01/16/2018

Version 5.0.6

Release date: 12/11/2017

Version 5.0.5

Release date: 11/28/2017

Version 5.0.4

Release date: 11/14/2017

Version 5.0.3

Release date: 11/02/2017

Version 5.0.2 SaaS only

Release date: 10/13/2017

Version 5.0.1 SaaS only

Release date: 10/05/2017

Version 5.0.0 SaaS only

Release date: 09/23/2017

Version 4.4.4

Release date: 09/13/2017

Windows-only release

See changelog on GitHub

Version 4.4.3

Release date: 08/14/2017

Version 4.4.2

Release date: 07/24/2017

Version 4.4.1

Release date: 07/05/2017

Version 4.3.6

Release date: 06/14/2017

Version 4.3.5

Release date: 06/05/2017

Version 4.3.4

Release date: 05/16/2017

Version 4.3.3

Release date: 04/28/2017

Version 4.3.2

Release date: 04/17/2017

Version 4.3.1

Release date: 04/06/2017

Version 4.3.0

Release date: 04/03/2017

Version 4.2.11

Release date: 03/13/2017

Version 4.2.10

Release date: 02/20/2017

Version 4.2.9

Release date: 02/14/2017

Version 4.2.8

Release date: 02/06/2017

Version 4.2.7

Release date: 02/01/2017

Version 4.2.5

Release date: 01/16/2017

Version 4.2.4

Release date: 01/09/2017

Version 4.2.3

Release date: 12/23/2016

Version 4.2.2

Release date: 12/21/2016

Version 4.2.1

Release date: 12/06/2016

Version 4.2.0

Release date: 12/01/2016

Version 4.1.8

Release date: 11/03/2016

Version 4.1.7

Release date: 11/01/2016

Version 4.1.6

Release date: 10/26/2016

Version 4.1.5

Release date: 10/13/2016

Version 4.1.4

Release date: 10/07/2016

Version 4.1.3

Release date: 09/28/2016

Version 4.1.2

Release date: 09/22/2016

Version 4.0.3

Release date: 08/04/2016

Version 4.0.2

Release date: 08/03/2016

Outre les thèmes d'interface claire, classique claire et sombre, il est possible de personnaliser le thème de vos éditeurs ONLYOFFICE. Veuillez suivre les étapes ci-dessous pour apprendre à personnaliser les thèmes.

Le thème d'interface personnalisé n'est disponible que sur ONLYOFFICE Docs v7.0 et versions supérieures.
  1. Créez le fichier .json qui et doit ressembler à ceci:
    {
        "name": "Amazing theme",
        "l10n": {
            "fr": "Thème incroyable",
            "de": "Geweldig thema"
          },
        "id" : "theme-amazing",
        "type" : "light",
        "colors" : {
            "toolbar-header-document" :  "#446995",
            "toolbar-header-spreadsheet" : "#40865c",
            "toolbar-header-presentation" : "#aa5252",
            "border-color-shading" : "rgba(0, 0, 0, 0.15)"
            ...
        }
    }
                    

    où il faut configurer les paramètres suivants:

    • nom: Pour définir le nom du thème qui s'affichera dans le sélecteur de thèmes des paramètres avancés.
    • l10n: Pour définir la localisation du nom de thème. Les clés d'objet sont le code de langue à deux lettres (ru, de, it, etc.), mais la traduction du nom de thème représente les valeurs.
    • id: Pour définir l'identifiant unique du thème qui doit commencer par theme-. L'identifiant peut comporter les caractères a-Z, 1-9, -, _.
    • type: Pour définir le type du thème soit sombre, soit claire.
    • colors: Pour définir le jeu de couleurs du thème. Les couleurs sont utilisés au format hexadécimal ou RGBA. Veuillez consulter couleurs, pour en savoir plus sur les variables de couleurs qu'on objet peut contenir.
  2. Placez le fichier créé dans le répertoire:

    • Windows: %ProgramFiles%\ONLYOFFICE\DocumentServer\web-apps\apps\common\main\resources\themes
    • Linux: /var/www/onlyoffice/documentserver/web-apps/apps/common/main/resources/themes
    • Docker: Copiez le fichier dans le conteneur Docs: sudo docker cp /home/username/folder_name/file_name {container_id}:/var/www/onlyoffice/documentserver/web-apps/apps/common/main/resources/themes
  3. La durée de vie de mise en cache du serveur est 5 minutes, alors le thème deviendra disponible dans 5 minutes. Il faudra actualiser la page de l'éditeur.

    Parfois, il faudra également réinitialiser les services et vider le cache. Pour savoir comment vider le cache du serveur, veuillez consulter la section Résolution des problèmes pour Linux, ou Docker.
  4. Le thème s'affichera désormais dans la liste Thème d'interface de Paramètres avancés et vous pourrez l'appliquer à votre interface.

Couleurs:

Couleurs de l'en-tête de la barre d'outils

Paramètre Description Défaut

La couleur de l'en-tête de la barre d'outils pour des documents texte.

toolbar-header-document

#446995

La couleur de l'en-tête de la barre d'outils pour des classeurs.

toolbar-header-spreadsheet

#40865c

La couleur de l'en-tête de la barre d'outils pour des présentations.

toolbar-header-presentation

#aa5252

Le couleur des initiales de l'utilisateur sur l'en-tête de la barre d'outils des documents texte.

text-toolbar-header-on-background-document

#38567A

Le couleur des initiales de l'utilisateur sur l'en-tête de la barre d'outils des classeurs.

text-toolbar-header-on-background-spreadsheet

#336B49

La couleur des initiales de l'utilisateur sur l'en-tête de la barre d'outils des présentations.

text-toolbar-header-on-background-presentation

#8D4444

Couleur d'arrière plan

Paramètre Description Défaut

La couleur de l'arrière-plan des fenêtres, des panneaux déroulants, des contrôles standards.

background-normal

#fff

La couleur d'arrière-plan de la barre d'outils, de tous panneaux, de l'en-tête des boîtes de dialogue, des panneaux avec un bouton sur le canevas (des en-têtes des contrôles de contenu, des boutons pour les options d'insertion et de correction automatique).

background-toolbar

#f7f7f7

La couleur additionnelle d'arrière-plan de la barre d'outils. Elle est utilisée pour des feuilles de calcul inactives dans un classeur.

background-toolbar-additional

#efefef

La couleur d'arrière-plan du bouton dans une boîte de dialogue principale.

background-primary-dialog-button

#444

La couleur d'arrière-plan du bouton d'accent dans l'éditeur de documents texte.

background-accent-button

#446995

La couleur d'arrière-plan du soulignement d'un onglet sur la barre d'outils grise.

background-tab-underline

#444

La couleur d'arrière-plan de la fenêtre contextuelle de notification (par exemple, notification de mode révision, de remplissage formulaire, etc.).

background-notification-popover

#fcfed7

La couleur d'arrière-plan des badge d'icône de notification sur l'en-tête de la barre d'outils ou sur le panneau de gauche.

background-notification-badge

#ffd112

La couleur de canevas qui réduit l'intensité de l'arrière-plan des fenêtres modales.

background-scrim

rgba(0, 0, 0, 0.2)

La couleur d'arrière-plan du chargeur.

background-loader

rgba(24, 24, 24, 0.9)

La couleur d'arrière-plan des conseils pour les raccourci clavier lors de la suppression de la clé Alt.

background-alt-key-hint

#FFD938

La couleur d'arrière-plan des conseils d'information.

background-contrast-popover

#fff

La couleur d'arrière-plan de l'ombre des conseils d'information.

shadow-contrast-popover

rgba(0, 0, 0, 0.3)

Couleurs de surbrillance

Paramètre Description Défaut

La couleur de surbrillance des boutons, des éléments de menus contextuels et d'autres listes interactives au passage de la souris.

highlight-button-hover

#e0e0e0

La couleur de surbrillance du bouton qui reste appuyé.

highlight-button-pressed

#cbcbcb

La couleur de surbrillance du bouton qui reste appuyé au passage de la souris.

highlight-button-pressed-hover

#bababa

La couleur de surbrillance du bouton dans une boîte de dialogue principale au passage de la souris.

highlight-primary-dialog-button-hover

#1c1c1c

La couleur de surbrillance du bouton d'accent au passage de la souris.

highlight-accent-button-hover

#375478

La couleur de surbrillance du bouton d'accent qui reste appuyé.

highlight-accent-button-pressed

#293f59

La couleur de surbrillance du bouton d'en-tête au passage de la souris.

highlight-header-button-hover

rgba(255, 255, 255, 0.15)

La couleur de surbrillance du bouton d'en-tête qui reste appuyé.

highlight-header-button-pressed

rgba(255, 255, 255, 0.25)

La couleur de surbrillance du soulignement d'un onglet actif sur la barre d'outils grise.

highlight-toolbar-tab-underline

#444

La couleur de surbrillance du texte sélectionné sur les contrôles standard.

highlight-text-select

#3494fb

Couleurs de bordures

Paramètre Description Défaut

La couleur des bordures de la barre d'outils, des panneaux et des fenêtres modales.

border-toolbar

#cbcbcb

La couleur des bordures du panneau actif de la barre d'outils.

border-toolbar-active-panel-top

#f7f7f7

La couleur des bordures qui divisent les éléments de la barre d'outils et du panneau.

border-divider

#dfdfdf

La couleur des bordures de contrôles standards.

border-regular-control

#c0c0c0

La couleur de base de la bordure des boutons sur la barre d'outils qui sont placés ensemble au passage de la souris.

border-toolbar-button-hover

#e0e0e0

La couleur des bordures d'un élément du contrôle aperçu au passage de la souris (aperçu de diapositives, styles de la barre d'outils).

border-preview-hover

#bababa

La couleur des bordures d'un élément du contrôle aperçu qui reste appuyé (aperçu de diapositives, styles de la barre d'outils).

border-preview-select

#888

La couleur des bordures du contrôle standard prioritaire.

border-control-focus

#848484

La couleur des bordures de couleurs de palette.

border-color-shading

rgba(0, 0, 0, 0.15)

La couleurs des bordures de boîtes de saisie lors de la saisie d'une valeur incorrecte.

border-error

#f62211

La couleur des bordures du conseil d'information.

border-contrast-popover

#fff

Couleurs du texte

Paramètre Description Défaut

La couleur du texte par défaut.

text-normal

rgba(0, 0, 0, 0.8)

La couleur de texte de l'élément actif (l'onglet sélectionné, le bouton qui reste appuyé, etc.).

text-normal-pressed

rgba(0, 0, 0, 0.8)

La couleur de texte secondaire (mentions, explications, etc.).

text-secondary

rgba(0, 0, 0, 0.6)

La couleur du texte tertiaire (espaces réservés).

text-tertiary

rgba(0, 0, 0, 0.4)

La couleur du texte de liens et de boutons lien dans des fenêtres contextuelles de notification.

text-link

#445799

La couleur du texte de liens et de boutons lien dans des fenêtres contextuelles de notification au passage de la souris.

text-link-hover

#445799

La couleur du texte de liens et de boutons lien dans qui restent appuyés dans des fenêtres contextuelles de notification.

text-link-active

#445799

La couleur du texte de liens et de boutons lien dans qu'on a déjà visité dans des fenêtres contextuelles de notification.

text-link-visited

#445799

La couleur du texte dans l'arrière-plan inversé de la barre d'outils.

text-inverse

#fff

La couleur du texte de l'en-tête de la barre d'outils.

text-toolbar-header

#fff

La couleur du texte dans l'arrière-plan contrasté (chargeur, titres de cellules dans des options de l'affichage des feuilles de calcul).

text-contrast-background

#fff

La couleur du texte des conseils pour les raccourci clavier lors de la suppression de la clé Alt.

text-alt-key-hint

rgba(0, 0, 0, 0.8)

Couleurs des icônes

Paramètre Description Défaut

Couleur de l'icône.

icon-normal

#444

La couleur de l'icône d'un élément actif (l'onglet sélectionné, le bouton qui reste appuyé, etc.).

icon-normal-pressed

#444

La couleur inversée de l'icône (actuellement, n'est pas implémenté dans l'interface).

#fff

La couleur de l'icône dans l'en-tête de la barre d'outils (par exemple, l'icône avec lettres initiales).

icon-toolbar-header

#fff

La couleur de l'icône des badge de notification dans l'en-tête de la barre d'outils ou sur le panneau de gauche.

icon-notification-badge

#000

La couleur de l'icône des conseils d'information contrastés (actuellement, n'est pas implémenté dans l'interface).

#fff

La couleur des cases à cocher pour des commentaires résolus ou pour d'autres indicateurs de succès.

icon-success

#090

Couleur de canevas

Paramètre Description Défaut

La couleur d'arrière-plan de l'espace de travail derrière la page du document, de la feuille de calcul ou de la diapositive, l'arrière-plan de l'en-tête d'une colonne et de l'arrière-plan de l'interface de regroupement des cellules dans une feuille de calcul.

canvas-background

#eee

La couleur d'arrière-plan de la page du document, des cellules ou de la diapositive.

canvas-content-background

#fff

La couleur des bordures de la page du document.

canvas-page-border

#ccc

La couleur d'arrière-plan de la règle.

canvas-ruler-background

#fff

La couleur des bordures de la règle.

canvas-ruler-border

#cbcbcb

La couleur d'arrière-plan des marges de la règle.

canvas-ruler-margins-background

#d9d9d9

La couleur des marques de règle (ciblé et texte)

canvas-ruler-mark

#555

La couleur des bordures de la poignée de règle.

canvas-ruler-handle-border

#555

La couleur des bordures de la poignée de règle désactivée.

canvas-ruler-handle-border-disabled

#aaa

La couleur des éléments à contraste élevé (les taquets de tabulation sur la règle, les symboles de cellules groupées).

canvas-high-contrast

#000

La couleur des éléments à contraste élevé désactivés (les taquets de tabulation sur la règle, les symboles de cellules groupées).

canvas-high-contrast-disabled

#666

La couleur des bordures de cellule.

canvas-cell-border

rgba(0, 0, 0, 0.1)

La couleur du titre de cellule au passage de la souris.

canvas-cell-title-hover

#dfdfdf

La couleur du titre d'une cellule sélectionnée.

canvas-cell-title-selected

#cfcfcf

La couleur des bordures du titre de la cellule.

canvas-cell-title-border

#d8d8d8

La couleur des bordures du titre de la cellule au passage de la souris.

canvas-cell-title-border-hover

#c9c9c9

La couleur des bordures du titre de la cellule sélectionnée.

canvas-cell-title-border-selected

#bbb

La couleur du titre de la cellule dans des options d'affichage de la feuille de calcul.

canvas-dark-cell-title

#444

La couleur du titre de la cellule dans des options d'affichage de la feuille de calcul au passage de la souris.

canvas-dark-cell-title-hover

#666

La couleur du titre de la cellule sélectionnée dans des options d'affichage de la feuille de calcul.

canvas-dark-cell-title-selected

#111

La couleur des bordures du titre de la cellule dans des options d'affichage de la feuille de calcul.

canvas-dark-cell-title-border

#3d3d3d

La couleur des bordures du titre de la cellule dans des options d'affichage de la feuille de calcul au passage de la souris.

canvas-dark-cell-title-border-hover

#5c5c5c

La couleur des bordures du titre de la cellule sélectionnée dans des options d'affichage de la feuille de calcul.

canvas-dark-cell-title-border-selected

#0f0f0f

La couleur d'arrière-plan de la page du document lors de l'activation du mode sombre.

canvas-dark-content-background

#3a3a3a

La couleur des bordures de la page du document lors de l'activation du mode sombre.

canvas-dark-page-border

#2a2a2a

La couleur du curseur de défilement.

canvas-scroll-thumb

#f7f7f7

La couleur du curseur de défilement au passage de la souris.

canvas-scroll-thumb-hover

#c0c0c0

La couleur du curseur de défilement qui reste appuyé.

canvas-scroll-thumb-pressed

#adadad

La couleur des bordures du curseur de défilement.

canvas-scroll-thumb-border

#cbcbcb

La couleur des bordures du curseur de défilement au passage de la souris.

canvas-scroll-thumb-border-hover

#cbcbcb

La couleur des bordures du curseur de défilement qui reste appuyé.

canvas-scroll-thumb-border-pressed

#adadad

La couleur de la flèche de défilement.

canvas-scroll-arrow

#adadad

La couleur de la flèche de défilement au passage de la souris.

canvas-scroll-arrow-hover

#f7f7f7

La couleur de la flèche de défilement qui reste appuyée.

canvas-scroll-arrow-pressed

#f7f7f7

La couleur cible du curseur de défilement.

canvas-scroll-thumb-target

#c0c0c0

La couleur cible du curseur de défilement au passage de la souris.

canvas-scroll-thumb-target-hover

#f7f7f7

La couleur cible du curseur de défilement qui reste appuyé.

canvas-scroll-thumb-target-pressed

#f7f7f7
Download Host on your own server Available for
Docker, Windows and Linux
Cela peut vous aider aussi :
Fermer