| <!DOCTYPE html> |
| <html lang="pt-BR"> |
| <head> |
| <meta charset="UTF-8"> |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| <title>ZappVisualizer - Visualizador de Conversas do WhatsApp</title> |
| <script src="https://cdn.tailwindcss.com"></script> |
| <script src="https://unpkg.com/feather-icons"></script> |
| <script> |
| tailwind.config = { |
| darkMode: 'class', |
| theme: { |
| extend: { |
| colors: { |
| whatsapp: { |
| dark: '#0c1317', |
| darker: '#111b21', |
| bubbleSent: '#005c4b', |
| bubbleReceived: '#202c33', |
| textLight: '#e9edef', |
| textSecondary: '#8696a0', |
| systemMessage: '#182229', |
| } |
| }, |
| fontFamily: { |
| 'segoe': ['Segoe UI', 'Roboto', 'sans-serif'] |
| } |
| } |
| } |
| } |
| </script> |
| <style> |
| body { |
| font-family: 'Segoe UI', Roboto, sans-serif; |
| -webkit-font-smoothing: antialiased; |
| } |
| .chat-bubble-sent { |
| background-color: theme('colors.whatsapp.bubbleSent'); |
| border-radius: 7.5px 0 7.5px 7.5px; |
| } |
| .chat-bubble-received { |
| background-color: theme('colors.whatsapp.bubbleReceived'); |
| border-radius: 0 7.5px 7.5px 7.5px; |
| } |
| .system-message { |
| background-color: theme('colors.whatsapp.systemMessage'); |
| border-radius: 7.5px; |
| max-width: 80%; |
| margin: 0 auto; |
| } |
| |
| ::-webkit-scrollbar { |
| width: 6px; |
| } |
| ::-webkit-scrollbar-track { |
| background: theme('colors.whatsapp.darker'); |
| } |
| ::-webkit-scrollbar-thumb { |
| background: theme('colors.whatsapp.bubbleReceived'); |
| border-radius: 3px; |
| } |
| </style> |
| </head> |
| <body class="bg-whatsapp-dark text-whatsapp-textLight font-segoe"> |
| <div id="root"></div> |
| <script type="module" src="/src/main.jsx"></script> |
| <script> |
| feather.replace(); |
| </script> |
| </body> |
| </html> |
|
|
