tripoli.cloud/app/tailwind.config.js
Adam Belkacemi ddd0fbc0cb
All checks were successful
CI / build-and-test (push) Successful in 2m14s
CI / deploy (push) Successful in 3m15s
Refonte page de connexion : vraies photos Unsplash, thème unique
- Fond de connexion : diaporama de photos Unsplash hotlinkées (jamais
  réhébergées) avec attribution photographe + Unsplash toujours visible,
  conforme aux règles d'usage de l'API (download tracking déclenché).
- Suppression complète du switch thème clair/sombre : plus qu'un seul
  thème assumé (ThemeContext, darkMode Tailwind et .dark CSS retirés).
- Nouveau favicon minimaliste (l'ancien logo violet dégradé remplacé
  par un mark plat noir/citron vert cohérent avec la nouvelle DA).
- Suppression des doodles décoratifs, devenus superflus sur une vraie
  photo, pour un rendu plus sobre.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
2026-09-22 15:48:55 +02:00

62 lines
1.9 KiB
JavaScript

/**
* Design tokens for Tripoli Cloud, centralized here so components never
* hardcode colors, radii or spacing inline.
*
* Surface/text colors resolve through CSS variables (see src/index.css) -
* a single theme, deliberately: no dark/light toggle to maintain.
* @type {import('tailwindcss').Config}
*/
export default {
content: ['./index.html', './src/**/*.{js,ts,jsx,tsx}'],
theme: {
extend: {
fontFamily: {
sans: ['Manrope', 'system-ui', 'sans-serif'],
// Titres uniquement (voir `.font-display`) - jamais le corps de
// texte ni l'UI, pour garder l'interface lisible et rapide à
// scanner ; le serif est réservé à l'effet éditorial des titres.
display: ['Fraunces', 'Georgia', 'serif'],
},
colors: {
brand: {
from: '#5b8cff',
to: '#7c5cff',
DEFAULT: '#5b8cff',
soft: '#7ba4ff',
},
// Citron vert - l'unique accent vif, utilisé avec parcimonie
// (surlignage, badge, détail) plutôt que comme couleur dominante.
accent: '#c8ff52',
success: '#4ade80',
danger: '#ff8f7a',
violet: '#b39dff',
bg: 'var(--tc-bg)',
panel: 'var(--tc-panel)',
panel2: 'var(--tc-panel-2)',
line: 'var(--tc-line)',
field: 'var(--tc-field)',
selected: 'var(--tc-selected)',
ink: {
DEFAULT: 'var(--tc-ink)',
soft: 'var(--tc-ink-2)',
},
},
backgroundImage: {
'brand-gradient': 'linear-gradient(135deg, #5b8cff 0%, #7c5cff 100%)',
},
borderRadius: {
card: '16px',
panel: '18px',
modal: '14px',
},
boxShadow: {
tc: 'var(--tc-shadow)',
},
screens: {
// Explicit alias for the prototype's documented breakpoint.
mobile: { max: '767px' },
},
},
},
plugins: [],
}