Skip to content

CSS: ai-gradient

.--background-ai-horizontal — Trợ giúp gradient điểm nhấn AI dành cho các bề mặt tuỳ chỉnh, không thuộc hợp đồng chung InstUI.

Source: index.ts

Sử dụng

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

Bộ sửa

Bộ sửaMô tả
.--background-aiSơn nền phần tử bằng gradient AI dùng chung.
.--background-ai-horizontalinstructure logo ngang (tối).
.--border-color-aiMột viền trong suốt được viền bởi gradient AI dùng chung.
.--border-color-ai-horizontalinstructure logo ngang (tối).

Token tiêu thụ

TokenKiểuGiá trị
--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)