1
0
Fork 0
mirror of https://github.com/betagouv/mon-entreprise synced 2025-02-09 06:25:12 +00:00
mon-entreprise/source/components/themeColours.js
Mael Thomas 45fcb5f118 [moteur] Premier POC simulateur CDD
L'UI du simulateur de coût d'embauche, conversationnelle, y a été greffée.
Le graphe des dépendance des variable est calaculé pour afficher les bonnes questions, et le résultat.
Seule une variable est prise en compte, le CIF CDD :-D
2017-01-16 19:17:05 +01:00

27 lines
1 KiB
JavaScript

import findContrastedTextColour from './findContrastedTextColour'
export default forcedThemeColour => {
let
scriptColour = () => {
let script = document.currentScript || [ ...document.getElementsByTagName('script') ].pop()
return script && script.getAttribute('couleur')
},
// Use the default theme colour if the host page hasn't made a choice
defaultColour = '#4A89DC',
colour = forcedThemeColour || scriptColour() || defaultColour,
textColour = findContrastedTextColour(colour, true), // the 'simple' version feels better...
inverseTextColour = textColour === '#ffffff' ? '#000' : '#fff',
lightenTextColour = textColour => textColour === '#ffffff' ? 'rgba(255, 255, 255, .85)' : '#333',
lighterTextColour = lightenTextColour(textColour),
lighterInverseTextColour = lightenTextColour(inverseTextColour),
textColourOnWhite = textColour === '#ffffff' ? colour : '#333'
return {
colour,
textColour,
inverseTextColour,
lighterTextColour,
lighterInverseTextColour,
textColourOnWhite
}
}