implementado tema azul

README.md

@@ -37,6 +37,52 @@ Certifique-se de que seu projeto esteja configurado com Vuetify 3.
 
 ---
 
+## 🎨 Temas da Aplicação (`definirTemaAplicacao`)
+
+O `eli-vue` suporta temas institucionais prontos para os produtos do ecossistema:
+- **`"verde"`** (padrão): Módulos **e-licencie** (paleta institucional Verde Floresta `#688C00`).
+- **`"azul"`**: Módulos **Betha Meio Ambiente** (paleta Azul Betha `#007BFF` / `#0069D9`).
+
+### Uso no `main.ts`
+
+```typescript
+import { createApp } from "vue"
+import EliVue, { definirTemaAplicacao, obterCoresVuetifyTema } from "eli-vue"
+import { createVuetify } from "vuetify"
+import App from "./App.vue"
+
+// 1. Define o tema visual do Design System (tokens CSS no :root)
+definirTemaAplicacao("azul") // ou "verde"
+
+// 2. (Opcional) Configurar cores correspondentes no Vuetify 3
+const vuetify = createVuetify({
+  theme: {
+    defaultTheme: "azul",
+    themes: {
+      azul: {
+        dark: false,
+        colors: {
+          ...obterCoresVuetifyTema("azul"),
+        },
+      },
+      verde: {
+        dark: false,
+        colors: {
+          ...obterCoresVuetifyTema("verde"),
+        },
+      },
+    },
+  },
+})
+
+const app = createApp(App)
+app.use(vuetify)
+app.use(EliVue)
+app.mount("#app")
+```
+
+---
+
 ## 📦 Referência de Componentes
 
 ### 1. EliTabela (Tabela de Dados)