CSS: ai-gradient ​

.--background-ai-horizontal — AI-akkentu gradienta dihtii maid leat mii bures surface-ovdalvuođaid, ii dieđe InstUI bargguávdnasis.

Source: index.ts

Buktáhašvuohta ​

css
@import "@pantoken/plugin-custom-components/custom-components.css";

Modifisuvnnat ​

ModifisererDescription
.--background-aiGulahalla elementa váttis dieđe AI-gradienttaga.
.--background-ai-horizontalinstructure horisontála logo (dus).
.--border-color-aiLáhpamin margašmušši mii čohkke dieđe AI-gradienttaga.
.--border-color-ai-horizontalinstructure horisontála logo (dus).

Accessibility ​

Njuolggadusat (axe-core)Ođasmahttin (čuovga)Ođasmahttin (seavdnjat)CanvasCanvas allaid kontrásta
color-contrastWCAG 2.2 1.4.3Dárbbaša geahčadeamiDárbbaša geahčadeamiDárbbaša geahčadeamiDárbbaša geahčadeami

Elemeanttat fertejit deavdit ivdnekontrastaárvvu unnimus ráját

  • .--border-color-ai
  • main > .--border-color-ai-horizontal
  • .--background-ai
  • main > .--background-ai-horizontal
  • div[dir="rtl"] > .--border-color-ai-horizontal
EavttutOđasmahttin (čuovga)Ođasmahttin (seavdnjat)CanvasCanvas allaid kontrásta
more-contrast-respectedWCAG 2.2 1.4.3, 1.4.6Dárbbaša geahčadeamiDárbbaša geahčadeamiDárbbaša geahčadeamiDárbbaša geahčadeami

Siidu rievdá go lea bidjon nalde prefer-contrast: more, muhto ii mihkkege oidnosis lean mihtiduvvon teaksta.

reflow-at-320pxWCAG 2.2 1.4.10PassPassPassPass
text-spacing-no-clippingWCAG 2.2 1.4.12PassPassPassPass
Skearmmaloahkki (simulerejuvvon)Ođasmahttin (čuovga)Ođasmahttin (seavdnjat)CanvasCanvas allaid kontrásta
AnnouncementsPassPassPassPass

Automáhtalaš bohtosat eai duođaš ahte siidu ollašuhttá WCAG gáibádusaid; giehtagieđain geahčadeapmi lea ain dárbbašlaš.

Tokenat gaskkalit ​

TokenTypeVaššun
--instui-border-width-sm<length>0.0625rem
--instui-color-background-base<color>LightDarklight-dark(#ffffff, #10141A)
--instui-color-stroke-ai-bottom-gradient<color>LightDarklight-dark(#00828E, #04A4B7)
--instui-color-stroke-ai-top-gradient<color>LightDarklight-dark(#9E58BD, #B680CC)