English commands => French

frontend/src/components/settings/ColorTools.js

@@ -160,11 +160,11 @@ class ColorTool extends React.Component {
       const intentInput = this.state[`${intent}Input`];
       const intentShade = this.state[`${intent}Shade`];
       const color = this.state[`${intent}`];
-
+      const caption = intent == 'primary' ? "Couleur primaire" : "Couleur secondaire";
       return (
         <Grid item xs={12} sm={6} md={4}>
           <Typography gutterBottom variant="title">
-            {capitalize(intent)}
+            {caption}
           </Typography>
           <Input
             id={intent}
@@ -176,7 +176,7 @@ class ColorTool extends React.Component {
             fullWidth
           />
           <div className={classes.sliderContainer}>
-            <Typography id={`${intent}ShadeSliderLabel`}>Shade:</Typography>
+            <Typography id={`${intent}ShadeSliderLabel`}>Nuance :</Typography>
             <Slider
               className={classes.slider}
               value={intentShade}
@@ -227,7 +227,7 @@ class ColorTool extends React.Component {
         </Grid>
         <Grid item xs={12}>
           <Button variant="contained" color="primary" onClick={this.handleChangeDocsColors}>
-            Set Docs Colors
+            Appliquer à tout le site
           </Button>
         </Grid>
       </Grid>