` da página. Se o estilo tiver uma prioridade maior, ele deve ser capaz de substituir. Por exemplo, se você quiser dar à sua página de login um ar da **_Night City_**, experimente este CSS: <details> <summary> <b>Clique para expandir CSS e visualizar</b> </summary> ```css @font-face { font-family: 'Rock Salt'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/rocksalt/v18/MwQ0bhv11fWD6QsAVOZrt0M6p7NGrQ.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'Share Tech'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/sharetech/v17/7cHtv4Uyi5K0OeZ7bohU8H0JmBUhfrE.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } #app * { font-family: 'Share Tech'; letter-spacing: 0.5px; } #app > div[class$='viewBox'] { background-image: url(https://silverhand.io/assets/v-in-nc.jpg); background-size: cover; } #app main[class$='main'] { background-image: url(https://silverhand.io/assets/gentle-universe.png); background-size: cover; opacity: 0.98; min-height: initial; padding: 24px; padding-bottom: 72px; border-radius: 12px; } #app main[class$='main'] img[class$='logo'] { content: url(https://silverhand.io/assets/cyberpunk-2077.png); margin: -20px 0 -12px; height: 160px; } #app main[class$='main'] div[class$='headline'] { visibility: hidden; height: 60px; } #app main[class$='main'] div[class$='headline']:before { content: 'Welcome to Night City'; visibility: visible; display: block; font-family: 'Rock Salt'; font-style: italic; line-height: 60px; font-size: 20px; color: rgba(245, 250, 255, 0.6); padding: 0 20px; } #app form div[class$='inputField'] > div { outline: none; border: none; border-radius: 4px; } #app form div[class$='inputField'] > div > input, #app form div[class$='inputField'] div[class$='countryCodeSelector'] { background: initial; background-color: #453f67; font-family: 'Share Tech'; letter-spacing: 0.5px; font-size: 16px; font-weight: 600; } #app button { font-weight: 600; font-size: 16px; border-radius: 4px; } #app button[type='submit'] { background: linear-gradient(270.84deg, #2fd6fb -24.55%, #6369fc 44.33%, #a741eb 119.2%), #5d34f2; } ``` ![custom-css-preview](https://user-images.githubusercontent.com/14722250/221394786-4ae77638-8f35-4791-afae-8ab6a314dbf8.jpg) _"Temos uma cidade para queimar!"_ </details> <Note> Como o Logto usa Módulos CSS, você pode ver um valor hash na propriedade `class` dos elementos do DOM (por exemplo, um `<div>` com `vUugRG_container`). Para substituir esses, você pode usar o seletor CSS `$=` para corresponder a elementos que terminam com um valor especificado. Nesse caso, deve ser `div[class$=container]`. </Note> ### 🔗 Conectores de padrão aberto com interface de configuração melhor O Logto agora suporta protocolos padrão (SAML, OIDC e OAuth 2.0) para criar conectores sociais para integrar provedores de identidade externos. Cada protocolo pode criar múltiplos conectores sociais, dando a você mais controle sobre suas necessidades de acesso. Além disso, otimizamos a interface de configuração para conectores SAML. Experimente e nos diga o que achou! ### 📄 Novo idioma Adicionada tradução para o russo. (crédito [@evist0](https://github.com/evist0)) ## 🎉 Novos Colaboradores - [@Alanimdeo](https://github.com/Alanimdeo) fez sua primeira contribuição em [#3064](https://github.com/logto-io/logto/pull/3064) - [@gadkins](https://github.com/gadkins) fez sua primeira contribuição em [#3032](https://github.com/logto-io/logto/pull/3032) - [@evist0](https://github.com/evist0) fez sua primeira contribuição em [#3158](https://github.com/logto-io/logto/pull/3158) - [@muratgozel](https://github.com/muratgozel) fez sua primeira contribuição em [#3203](https://github.com/logto-io/logto/pull/3203) Obrigado! </article></body></html>

Enquanto o Logto Cloud ainda está em construção, gostaríamos de introduzir algumas novas funcionalidades em nossa fundação, o Logto OSS. Esta será a última versão antes da disponibilidade geral. Atualizações notáveis incluem: - Infraestrutura refatorada e segurança aprimorada - Entrada Inteligente e Personalização de CSS adicionados à Experiência de Login - Conectores de padrão aberto (SAML, OIDC e OAuth 2.0) - Novo suporte de idioma Vamos dar uma olhada no que há dentro! ## 💥 MUDANÇAS SIGNIFICATIVAS 💥 ### Desacoplar usuários normais e administradores O Logto estava usando uma única porta para atender tanto usuários normais quanto administradores, bem como o console web. Enquanto mantemos continuamente um alto nível de segurança, ainda será ótimo desacoplar esses componentes em duas partes separadas para manter os dados isolados e proporcionar uma infraestrutura flexível. ![image1](https://user-images.githubusercontent.com/14722250/221365507-6f20a804-1059-4933-9b88-df1244ab900b.png) A partir desta versão, o Logto agora escuta duas portas por padrão, uma para usuários normais (`3001`) e outra para administradores (`3002`).

‼️ Clique para expandir os detalhes

- Nada mudou para usuários normais. Nenhuma adaptação é necessária. - Para usuários administradores: - O URL padrão do Console Admin foi alterado para `http://localhost:3002/console`. - Para alterar a porta do administrador, defina a variável de ambiente `ADMIN_PORT`. Por exemplo, `ADMIN_PORT=3456`. - Você pode especificar um endpoint personalizado para administradores definindo a variável de ambiente `ADMIN_ENDPOINT`. Por exemplo, `ADMIN_ENDPOINT=https://admin.seu-dominio.com`. - Agora é possível desabilitar completamente os endpoints de administradores definindo `ADMIN_DISABLE_LOCALHOST=1` e deixando `ADMIN_ENDPOINT` não configurado. - Console Admin e dados de usuários administradores não são acessíveis por endpoints de usuários normais, incluindo `localhost` e `ENDPOINT` do ambiente. - O Console Admin não exibe mais logs de auditoria de usuários administradores. No entanto, esses logs ainda existem no banco de dados e o Logto ainda insere logs de usuários administradores. Apenas não há interface conveniente para inspecioná-los. - Devido à isolação de dados, os números no painel podem diminuir ligeiramente (administradores são excluídos). - O Indicador de Recurso para a API de Gerenciamento do Logto mudou de `https://api.logto.io` para `https://default.logto.app/api`.

Se você estiver atualizando de uma versão anterior, simplesmente execute o [comando de alteração de banco de dados](https://docs.logto.io/docs/tutorials/using-cli/database-alteration) como de costume, e nós cuidaremos do resto. No fundo, usamos o poderoso recurso de Segurança de Nível de Linha do Postgres para isolar dados de administradores e usuários. ### Política de CORS - Se `ADMIN_ENDPOINT` não for especificado, `localhost:[admin-port]` será permitido a realizar compartilhamento de recursos entre origens (CORS) no Logto. - Se `ADMIN_ENDPOINT` for especificado, apenas solicitações da origem de `ADMIN_ENDPOINT` serão permitidas. ## 🔐 Atualização de segurança Em versões anteriores, ao registrar ou alterar senhas, todas as novas senhas eram armazenadas em texto plano nos Logs de Auditoria antes de serem criptografadas e inseridas no banco de dados. Nesta versão, atualizamos o processo para mascarar completamente os campos de senha antes de inseri-los nos Logs de Auditoria. Para melhorar a segurança e conformidade, recomendamos fortemente remover todas as senhas dos Logs de Auditoria ou excluir todos os logs que incluem senhas. Se você tiver alguma dúvida em relação a esse problema ou à remoção de dados, não hesite em nos contatar via e-mail ou Discord. ## 🧑‍🚀 Atualização de funcionalidades ### 💡 Entrada Inteligente para Experiência de Login Integramos os campos de entrada tradicionais para nome de usuário, número de telefone e e-mail em uma única caixa de entrada inteligente:

Esta caixa de entrada avançada identifica automaticamente o tipo de caracteres que você está digitando, como um sinal `@` ou números consecutivos, e fornece feedback de erro relevante. Ao simplificar o processo de login, os usuários não precisam mais perder tempo tentando descobrir qual botão clicar para mudar o método de login desejado. Isso reduz o risco de erros e garante uma experiência de login mais suave. ### 🎨 Personalização de CSS na Experiência de Login Dedicamos muito esforço para melhorar a experiência de login do usuário e fornecemos uma opção de cor de marca para a IU. No entanto, sabemos que ajustar os requisitos de IU pode ser imprevisível. Enquanto o Logto ainda explora as melhores opções para personalização, queremos fornecer um método programático para desbloquear seu desenvolvimento. Agora você pode usar a API de Gerenciamento `PATCH /api/sign-in-exp` com o corpo `{ "customCss": "string arbitrário" }` para definir CSS personalizado para a experiência de login. Você deve ver o valor de `customCss` anexado após `` da página. Se o estilo tiver uma prioridade maior, ele deve ser capaz de substituir. Por exemplo, se você quiser dar à sua página de login um ar da **_Night City_**, experimente este CSS: <details> <summary> <b>Clique para expandir CSS e visualizar</b> </summary> ```css @font-face { font-family: 'Rock Salt'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/rocksalt/v18/MwQ0bhv11fWD6QsAVOZrt0M6p7NGrQ.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'Share Tech'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/sharetech/v17/7cHtv4Uyi5K0OeZ7bohU8H0JmBUhfrE.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } #app * { font-family: 'Share Tech'; letter-spacing: 0.5px; } #app > div[class$='viewBox'] { background-image: url(https://silverhand.io/assets/v-in-nc.jpg); background-size: cover; } #app main[class$='main'] { background-image: url(https://silverhand.io/assets/gentle-universe.png); background-size: cover; opacity: 0.98; min-height: initial; padding: 24px; padding-bottom: 72px; border-radius: 12px; } #app main[class$='main'] img[class$='logo'] { content: url(https://silverhand.io/assets/cyberpunk-2077.png); margin: -20px 0 -12px; height: 160px; } #app main[class$='main'] div[class$='headline'] { visibility: hidden; height: 60px; } #app main[class$='main'] div[class$='headline']:before { content: 'Welcome to Night City'; visibility: visible; display: block; font-family: 'Rock Salt'; font-style: italic; line-height: 60px; font-size: 20px; color: rgba(245, 250, 255, 0.6); padding: 0 20px; } #app form div[class$='inputField'] > div { outline: none; border: none; border-radius: 4px; } #app form div[class$='inputField'] > div > input, #app form div[class$='inputField'] div[class$='countryCodeSelector'] { background: initial; background-color: #453f67; font-family: 'Share Tech'; letter-spacing: 0.5px; font-size: 16px; font-weight: 600; } #app button { font-weight: 600; font-size: 16px; border-radius: 4px; } #app button[type='submit'] { background: linear-gradient(270.84deg, #2fd6fb -24.55%, #6369fc 44.33%, #a741eb 119.2%), #5d34f2; } ``` ![custom-css-preview](https://user-images.githubusercontent.com/14722250/221394786-4ae77638-8f35-4791-afae-8ab6a314dbf8.jpg) _"Temos uma cidade para queimar!"_ </details> <Note> Como o Logto usa Módulos CSS, você pode ver um valor hash na propriedade `class` dos elementos do DOM (por exemplo, um `<div>` com `vUugRG_container`). Para substituir esses, você pode usar o seletor CSS `$=` para corresponder a elementos que terminam com um valor especificado. Nesse caso, deve ser `div[class$=container]`. </Note> ### 🔗 Conectores de padrão aberto com interface de configuração melhor O Logto agora suporta protocolos padrão (SAML, OIDC e OAuth 2.0) para criar conectores sociais para integrar provedores de identidade externos. Cada protocolo pode criar múltiplos conectores sociais, dando a você mais controle sobre suas necessidades de acesso. Além disso, otimizamos a interface de configuração para conectores SAML. Experimente e nos diga o que achou! ### 📄 Novo idioma Adicionada tradução para o russo. (crédito [@evist0](https://github.com/evist0)) ## 🎉 Novos Colaboradores - [@Alanimdeo](https://github.com/Alanimdeo) fez sua primeira contribuição em [#3064](https://github.com/logto-io/logto/pull/3064) - [@gadkins](https://github.com/gadkins) fez sua primeira contribuição em [#3032](https://github.com/logto-io/logto/pull/3032) - [@evist0](https://github.com/evist0) fez sua primeira contribuição em [#3158](https://github.com/logto-io/logto/pull/3158) - [@muratgozel](https://github.com/muratgozel) fez sua primeira contribuição em [#3203](https://github.com/logto-io/logto/pull/3203) Obrigado! </article></body></html>