diff --git a/source/components/conversation/conversation.css b/source/components/conversation/conversation.css
index 9fc6a1d3c..76fe5c905 100644
--- a/source/components/conversation/conversation.css
+++ b/source/components/conversation/conversation.css
@@ -371,6 +371,7 @@ for the appearing element to appear without stacking up below the first one */
.step label.userAnswerButton {
border: 1px solid var(--colour);
+ background-color: white;
color: var(--textColourOnWhite);
}
.step label.userAnswerButton.selected {
diff --git a/source/components/ui/index.css b/source/components/ui/index.css
index b862922bb..7438457e9 100644
--- a/source/components/ui/index.css
+++ b/source/components/ui/index.css
@@ -57,6 +57,9 @@ blockquote {
.ui__.light-bg {
background-color: var(--lighterColour) !important;
}
+.ui__.lighter-bg {
+ background-color: var(--lightestColour) !important;
+}
.ui__.center-flex {
display: flex;
diff --git a/source/components/utils/withColours.js b/source/components/utils/withColours.js
index 6d983e3ea..1f7477520 100644
--- a/source/components/utils/withColours.js
+++ b/source/components/utils/withColours.js
@@ -83,7 +83,7 @@ const generateTheme = (themeColour?: ?string): ThemeColours => {
textColour === '#ffffff'
? 'rgba(255, 255, 255, .7)'
: 'rgba(0, 0, 0, .7)',
- lighterTextColour = darkColour + 'bb',
+ lighterTextColour = darkColour + 'cc',
lighterInverseTextColour = lightenTextColour(inverseTextColour),
textColourOnWhite = textColour === '#ffffff' ? colour : '#333',
palettes = deriveAnalogousPalettes(colour)
@@ -124,20 +124,20 @@ export function ThemeColoursProvider({ colour, children }: ProviderProps) {
)
}
-export default function withThemeColours
(
+export default function withThemeColours (
WrappedComponent: React$ComponentType
-): React$ComponentType<$Diff> {
- class WithThemeColours extends Component<
- $Diff
+): React$ComponentType < $Diff < Props, { colours: ThemeColours } >> {
+ class WithThemeColours extends Component <
+ $Diff < Props, { colours: ThemeColours }>
> {
- displayName = `withThemeColours(${WrappedComponent.displayName || ''})`
+ displayName = `withThemeColours(${WrappedComponent.displayName || ''})`
render() {
- return (
-
- {colours => }
-
- )
- }
- }
- return WithThemeColours
+ return (
+
+ {colours => }
+
+ )
+ }
+ }
+return WithThemeColours
}
diff --git a/source/sites/mon-entreprise.fr/pages/Company/CreationChecklist.js b/source/sites/mon-entreprise.fr/pages/Company/CreationChecklist.js
index 814807a7f..7b6b381d6 100644
--- a/source/sites/mon-entreprise.fr/pages/Company/CreationChecklist.js
+++ b/source/sites/mon-entreprise.fr/pages/Company/CreationChecklist.js
@@ -1,8 +1,5 @@
/* @flow */
-import {
- checkCompanyCreationItem,
- initializeCompanyCreationChecklist
-} from 'Actions/companyCreationChecklistActions'
+import { checkCompanyCreationItem, initializeCompanyCreationChecklist } from 'Actions/companyCreationChecklistActions'
import { goToCompanyStatusChoice } from 'Actions/companyStatusActions'
import { React, T } from 'Components'
import Route404 from 'Components/Route404'
@@ -25,11 +22,11 @@ type Props = {
statusChooserCompleted: boolean,
match: Match,
onChecklistInitialization: (string, Array) => void,
- onStatusChange: () => void,
- sitePaths: Object,
- onItemCheck: (name: string, checked: boolean) => void,
- t: TFunction,
- companyCreationChecklist: { [string]: boolean }
+ onStatusChange: () => void,
+ sitePaths: Object,
+ onItemCheck: (name: string, checked: boolean) => void,
+ t: TFunction,
+ companyCreationChecklist: { [string]: boolean }
}
const CreateCompany = ({
@@ -56,23 +53,23 @@ const CreateCompany = ({
}
const titre = isAutoentrepreneur
? t(
- [
- 'entreprise.tâches.page.autoEntrepreneur.titre',
- 'Comment devenir {{autoEntrepreneur}}'
- ],
- {
- autoEntrepreneur: t(companyStatus)
- }
- )
+ [
+ 'entreprise.tâches.page.autoEntrepreneur.titre',
+ 'Comment devenir {{autoEntrepreneur}}'
+ ],
+ {
+ autoEntrepreneur: t(companyStatus)
+ }
+ )
: t(
- [
- 'entreprise.tâches.page.entreprise.titre',
- 'Créer une {{companyStatus}}'
- ],
- {
- companyStatus: t(companyStatus)
- }
- )
+ [
+ 'entreprise.tâches.page.entreprise.titre',
+ 'Créer une {{companyStatus}}'
+ ],
+ {
+ companyStatus: t(companyStatus)
+ }
+ )
return (
@@ -82,44 +79,30 @@ const CreateCompany = ({
content={
isAutoentrepreneur
? t(
- [
- 'entreprise.tâches.page.autoEntrepreneur.description',
- `La liste complète des démarches à faire pour devenir {{autoEntrepreneur}}.`
- ],
- { autoEntrepreneur: t(companyStatus) }
- )
+ [
+ 'entreprise.tâches.page.autoEntrepreneur.description',
+ 'La liste complète des démarches à faire pour devenir {{autoEntrepreneur}}.'
+ ],
+ { autoEntrepreneur: t(companyStatus) }
+ )
: t(
- [
- 'entreprise.tâches.page.description',
- `La liste complète des démarches à faire pour créer une {{companyStatus}} auprès de l'administration française.`
- ],
- { companyStatus: t(companyStatus) }
- )
+ [
+ 'entreprise.tâches.page.description',
+ 'La liste complète des démarches à faire pour créer une {{companyStatus}} auprès de l\'administration française.'
+ ],
+ { companyStatus: t(companyStatus) }
+ )
}
/>
{titre}
- {statusChooserCompleted ? (
-
- ) : (
- <>
-
-
-
-
-
-
-
- )}
+
+
{emoji('📋')}{' '}
diff --git a/source/sites/mon-entreprise.fr/pages/ÉconomieCollaborative/index.js b/source/sites/mon-entreprise.fr/pages/ÉconomieCollaborative/index.js
index d219aac2d..97db824f1 100644
--- a/source/sites/mon-entreprise.fr/pages/ÉconomieCollaborative/index.js
+++ b/source/sites/mon-entreprise.fr/pages/ÉconomieCollaborative/index.js
@@ -15,7 +15,7 @@ export default withSitePaths(function ÉconomieCollaborative({ sitePaths }) {
to={sitePaths.économieCollaborative.index}
className="ui__ notice small simple button"
style={{ position: 'relative', bottom: '-2rem' }}>
- Revenus de plateformes en ligne >
+ Revenus de plateformes en ligne ›