Couleurs des DevTools

Ne changez aucune des ces valeurs sans l’approbation de l'UX. Si une des valeurs doit être changée, il sera alors nécessaire de modifier du code CSS dans /browser/themes/*/devtools/. Remplissez un bug Devtools si besoin.

Ce tableau liste les couleurs et les variables CSS tels qu'implémentées dans le thème sombre et clair de des outils de développement.

  Thème sombre Thème lumineux Variable CSS

Couleurs Chrome

 
Onglets de barre d'outils
 

#252c33
rgba(37, 44, 51, 1)

 
#ebeced
rgba(235, 236, 237, 1)
--theme-tab-toolbar-background
Barre d'outils
 
#343c45
rgba(52, 60, 69, 1)
 
#f0f1f2
rgba(240, 241, 242, 1)
--theme-toolbar-background
Fond de sélection
 
#1d4f73
rgba(29, 79, 115, 1)
 
#4c9ed9
rgba(76, 158, 217, 1)
--theme-selection-background
Couleur du texte de sélection
 
#f5f7fa
rgba(245, 247, 250, 1)
 
#f5f7fa
rgba(245, 247, 250, 1)
--theme-selection-color
Séparateurs
 
#000000
rgba(0, 0, 0, 1)
 
#aaaaaa
rgba(170, 170, 170, 1)
--theme-splitter-color
Commentaires
 

#5c6773
rgba(92, 103, 115, 1)

 

#747573
rgba(116, 117, 115, 1)

--theme-comment

Couleurs de contenu

 
Fond du "Body"
 
#14171a
rgba(17, 19, 21, 1)
 
#fcfcfc
rgba(252, 252, 252, 1)
--theme-body-background
Fond de la "Sidebar"
 
#181d20
rgba(24, 29, 32, 1)
 
#f7f7f7
rgba(247, 247, 247, 1)
--theme-sidebar-background
Fond de l'Attention
 
#b28025
rgba(178, 128, 37, 1)
 
#e6b064
rgba(230, 176, 100, 1)
--theme-contrast-background

Couleurs de texte

 
Texte du "Body"
 
#8fa1b2
rgba(143, 161, 178, 1)
 
#18191a
rgba(24, 25, 26, 1)
--theme-body-color
Texte de premier plan gris
 
#b6babf
rgba(182, 186, 191, 1)
 
#585959
rgba(88, 89, 89, 1)
--theme-body-color-alt
Texte de contenu de haut contraste
 
#a9bacb
rgba(169, 186, 203, 1)
 
#292e33
rgba(41, 46, 51, 1)
--theme-content-color1
Texte de contenu gris
 
#8fa1b2
rgba(143, 161, 178, 1)
 
#8fa1b2
rgba(143, 161, 178, 1)
--theme-content-color2
Texte de contenu gris sombre
 
#667380
rgba(102, 115, 128, 1)
 
#667380
rgba(102, 115, 128, 1)
--theme-content-color3

Couleurs de surbrillance

 
Bleu
 
#46afe3
rgba(70, 175, 227, 1)
 
#0088cc
rgba(0, 136, 204, 1)
--theme-highlight-blue
Violet
 
#6b7abb
rgba(107, 122, 187, 1)
 
#5b5fff
rgba(91, 95, 255, 1)
--theme-highlight-purple
Rose
 
#df80ff
rgba(223, 128, 255, 1)
 
#b82ee5
rgba(184, 46, 229, 1)
--theme-highlight-pink
Rouge
 
#eb5368
rgba(235, 83, 104, 1)
 
#ed2655
rgba(237, 38, 85, 1)
--theme-highlight-red
Orange
 
#d96629
rgba(217, 102, 41, 1)
 
#f13c00
rgba(241, 60, 0, 1)
--theme-highlight-orange
Orange clair
 
#d99b28
rgba(217, 155, 40, 1)
 
#d97e00
rgba(217, 126, 0, 1)
--theme-highlight-lightorange
Vert
 
#70bf53
rgba(112, 191, 83, 1)
 
#2cbb0f
rgba(44, 187, 15, 1)
--theme-highlight-green
Gris-bleu
 
#5e88b0
rgba(94, 136, 176, 1)
 
#0072ab
rgba(0, 114, 171, 1)
--theme-highlight-bluegrey

Non finalisé. voir le bug 916766.

Étiquettes et contributeurs liés au document

Étiquettes : 
 Dernière mise à jour par : maximelore,