CSS: ai-gradient ​

.--background-ai-horizontal — Ede pou dégradé aksan AI ki fèt pou sifas koutim, pa pou kontra pataje InstUI a.

Source: index.ts

Itilizasyon ​

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

Modifikatè ​

ModifikatèDeskripsyon
.--background-aiPentire background eleman an ak dégradé AI pataje a.
.--background-ai-horizontallogo orizontal instructure (fonse).
.--border-color-aiYon fwontyè transparan kadre pa dégradé AI pataje a.
.--border-color-ai-horizontallogo orizontal instructure (fonse).

Aksè ​

Règ (axe-core)Chanjman mak (klè)Chanjman mak (fènwa)CanvasCanvas, gwo kontras
color-contrastWCAG 2.2 1.4.3Bezwen revizyonBezwen revizyonBezwen revizyonBezwen revizyon

Eleman yo dwe satisfè nivo minimòm rapò kontras koulè

  • .--border-color-ai
  • main > .--border-color-ai-horizontal
  • .--background-ai
  • main > .--background-ai-horizontal
  • div[dir="rtl"] > .--border-color-ai-horizontal
KondisyonChanjman mak (klè)Chanjman mak (fènwa)CanvasCanvas, gwo kontras
more-contrast-respectedWCAG 2.2 1.4.3, 1.4.6Bezwen revizyonBezwen revizyonBezwen revizyonBezwen revizyon

Paj la chanje lè prefers-contrast: more aktive, men pa t posib mezire okenn tèks vizib.

reflow-at-320pxWCAG 2.2 1.4.10PassPassPassPass
text-spacing-no-clippingWCAG 2.2 1.4.12PassPassPassPass
Lektè ekran (simile)Chanjman mak (klè)Chanjman mak (fènwa)CanvasCanvas, gwo kontras
AnnouncementsPassPassPassPass

Rezilta otomatik sa yo pa pwouve paj la respekte WCAG; toujou gen yon revizyon manyèl ki nesesè.

Tokens konsome ​

TokenTipValè
--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)