` på sidan. Om stilen har högre prioritet bör den kunna åsidosättas. Till exempel, om du vill ge din inloggningssida en känsla av **_Night City_**, prova den här CSS: <details> <summary> <b>Klicka för att expandera CSS och förhandsgranska</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: 'Välkommen till 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) _"Vi har en stad att bränna!"_ </details> <Note> Eftersom Logto använder CSS-moduler kan du se ett hashvärde i `class`-egenskapen hos DOM-element (t.ex. en `<div>` med `vUugRG_container`). För att åsidosätta dessa kan du använda CSS-selektorn `$=` för att matcha element som slutar med ett specificerat värde. I detta fall bör det vara `div[class$=container]`. </Note> ### 🔗 Öppna standardanslutningar med bättre konfigurationsgränssnitt Logto stöder nu standardprotokoll (SAML, OIDC och OAuth 2.0) för att skapa sociala anslutningar för att integrera externa identitetsleverantörer. Varje protokoll kan skapa flera sociala anslutningar, vilket ger dig mer kontroll över dina åtkomstbehov. Dessutom optimerade vi konfigurationsgränssnittet för SAML-anslutningar. Prova det och låt oss veta vad du tycker! ### 📄 Nytt språk Tillägg av rysk översättning. (kredit [@evist0](https://github.com/evist0)) ## 🎉 Nya bidragsgivare - [@Alanimdeo](https://github.com/Alanimdeo) gjorde deras första bidrag i [#3064](https://github.com/logto-io/logto/pull/3064) - [@gadkins](https://github.com/gadkins) gjorde deras första bidrag i [#3032](https://github.com/logto-io/logto/pull/3032) - [@evist0](https://github.com/evist0) gjorde deras första bidrag i [#3158](https://github.com/logto-io/logto/pull/3158) - [@muratgozel](https://github.com/muratgozel) gjorde deras första bidrag i [#3203](https://github.com/logto-io/logto/pull/3203) Tack! </article></body></html>

Medan Logto Cloud fortfarande är under konstruktion vill vi introducera några nya funktioner till vår grund, Logto OSS. Detta kommer att vara den sista versionen före allmän tillgänglighet. Noterbara uppdateringar inkluderar: - Omdesignerad infrastruktur och förbättrad säkerhet - Smart inmatning och Anpassa CSS tillagd till inloggningsupplevelse - Öppna standardanslutningar (SAML, OIDC och OAuth 2.0) - Nytt språkstöd Låt oss ta en titt på vad som finns inuti! ## 💥 STORA FÖRÄNDRINGAR 💥 ### Avkoppla vanliga användare och administratörer Logto använde en enda port för att betjäna både vanliga användare och administratörer, samt webbkonsolen. Medan vi kontinuerligt upprätthåller en hög säkerhetsnivå, är det ändå bra att avkoppla dessa komponenter till två separata delar för att hålla data isolerade och erbjuda en flexibel infrastruktur. ![image1](https://user-images.githubusercontent.com/14722250/221365507-6f20a804-1059-4933-9b88-df1244ab900b.png) Från och med denna version lyssnar Logto nu till två portar som standard, en för vanliga användare (`3001`), och en för administratörer (`3002`).

‼️ Klicka för att visa detaljer

- Inget har förändrats för vanliga användare. Ingen anpassning behövs. - För administratörer: - Den förvalda Admin Console-URL:en har ändrats till `http://localhost:3002/console`. - För att ändra administratörsporten, ställ in miljövariabeln `ADMIN_PORT`. Till exempel, `ADMIN_PORT=3456`. - Du kan ange en anpassad slutpunkt för administratörer genom att ställa in miljövariabeln `ADMIN_ENDPOINT`. Till exempel, `ADMIN_ENDPOINT=https://admin.your-domain.com`. - Du kan nu helt inaktivera administratörernas slutpunkter genom att ställa in `ADMIN_DISABLE_LOCALHOST=1` och lämna `ADMIN_ENDPOINT` oställd. - Admin Console och administratörers användardata är inte tillgängliga via vanliga användares slutpunkter, inklusive `localhost` och `ENDPOINT` från miljön. - Admin Console visar inte längre granskningsloggar för administratörer. Men dessa loggar finns fortfarande i databasen, och Logto sätter fortfarande in loggar för administratörer. Det finns bara inget bekvämt gränssnitt för att inspektera dem. - På grund av dataisoleringen kan siffrorna på instrumentpanelen minska något (administratörer är exkluderade). - Resursindikator för Logto Management API ändrades från `https://api.logto.io` till `https://default.logto.app/api`.

Om du uppgraderar från en tidigare version, kör helt enkelt [databasändringskommandot](https://docs.logto.io/docs/tutorials/using-cli/database-alteration) som vanligt så tar vi hand om resten. Under huven använder vi den kraftfulla Postgres-funktionen Row-Level Security för att isolera administratörs- och användardata. ### CORS-policy - Om `ADMIN_ENDPOINT` inte anges, kommer `localhost:[admin-port]` att tillåtas utföra Cross-Origin Resource Sharing (CORS) i Logto. - Om `ADMIN_ENDPOINT` anges, kommer endast förfrågningar från ursprunget `ADMIN_ENDPOINT` att tillåtas. ## 🔐 Säkerhetsuppdatering I tidigare versioner, när man registrerade eller ändrade lösenord, lagrades alla nya lösenord i klartext i granskningsloggarna innan de krypterades och lades in i databasen. I denna version har vi uppdaterat processen för att helt maskera lösenordsfält innan de läggs in i granskningsloggarna. För förbättrad säkerhet och efterlevnad rekommenderar vi starkt att ta bort alla lösenord från granskningsloggarna eller ta bort alla loggar som inkluderar lösenord. Om du har några frågor om detta problem eller borttagningen av data, tveka inte att kontakta oss via e-post eller Discord. ## 🧑‍🚀 Funktionsuppdatering ### 💡 Smart inmatning för inloggningsupplevelse Vi har integrerat de traditionella inmatningsfälten för användarnamn, telefonnummer och e-postadress till en enda intelligent inmatningsruta:

Denna avancerade inmatningsruta identifierar automatiskt vilken typ av tecken du skriver, till exempel ett `@`-tecken eller konsekutiva siffror, och ger relevant felmeddelande. Genom att effektivisera inloggningsprocessen behöver användarna inte längre slösa tid på att lista ut vilken knapp de ska klicka för att byta till önskad inloggningsmetod. Detta minskar risken för fel och säkerställer en smidigare inloggningsupplevelse. ### 🎨 Anpassa CSS i inloggningsupplevelsen Vi har lagt stor ansträngning på att förbättra användarnas inloggningsupplevelse och har tillhandahållit ett alternativ för varumärkesfärg för UI. Vi vet dock att finjusteringen av UI-krav kan vara oförutsägbar. Medan Logto fortfarande utforskar de bästa alternativen för anpassning, vill vi ge en programmatisk metod för att avblockera din utveckling. Du kan nu använda Management API `PATCH /api/sign-in-exp` med kroppen `{ "customCss": "vilken som helst text" }` för att ställa in anpassad CSS för inloggningsupplevelsen. Du bör se värdet av `customCss` fäst efter `` på sidan. Om stilen har högre prioritet bör den kunna åsidosättas. Till exempel, om du vill ge din inloggningssida en känsla av **_Night City_**, prova den här CSS: <details> <summary> <b>Klicka för att expandera CSS och förhandsgranska</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: 'Välkommen till 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) _"Vi har en stad att bränna!"_ </details> <Note> Eftersom Logto använder CSS-moduler kan du se ett hashvärde i `class`-egenskapen hos DOM-element (t.ex. en `<div>` med `vUugRG_container`). För att åsidosätta dessa kan du använda CSS-selektorn `$=` för att matcha element som slutar med ett specificerat värde. I detta fall bör det vara `div[class$=container]`. </Note> ### 🔗 Öppna standardanslutningar med bättre konfigurationsgränssnitt Logto stöder nu standardprotokoll (SAML, OIDC och OAuth 2.0) för att skapa sociala anslutningar för att integrera externa identitetsleverantörer. Varje protokoll kan skapa flera sociala anslutningar, vilket ger dig mer kontroll över dina åtkomstbehov. Dessutom optimerade vi konfigurationsgränssnittet för SAML-anslutningar. Prova det och låt oss veta vad du tycker! ### 📄 Nytt språk Tillägg av rysk översättning. (kredit [@evist0](https://github.com/evist0)) ## 🎉 Nya bidragsgivare - [@Alanimdeo](https://github.com/Alanimdeo) gjorde deras första bidrag i [#3064](https://github.com/logto-io/logto/pull/3064) - [@gadkins](https://github.com/gadkins) gjorde deras första bidrag i [#3032](https://github.com/logto-io/logto/pull/3032) - [@evist0](https://github.com/evist0) gjorde deras första bidrag i [#3158](https://github.com/logto-io/logto/pull/3158) - [@muratgozel](https://github.com/muratgozel) gjorde deras första bidrag i [#3203](https://github.com/logto-io/logto/pull/3203) Tack! </article></body></html>