Eigenes Theme

Benutzerdefinierte Themen sind mit AX HUI eine sehr einfache Sache. Du kannst es ändern, kopieren oder teilen.

Colors

basic

accents_1
accents_2
accents_3
accents_9
accents_10
accents_6
accents_11
accents_12
foreground
background

status

success
successLight
successDark
error
errorLight
errorDark
warning
warningLight
warningDark

others

selection
secondary
link
border
code
viridian
purple
alert
violet

Expressiveness

basic

linkStyle
linkHoverStyle
dropdownBoxShadow
shadowSmall
shadowMedium
shadowLarge

Layout

Most layout spacing depends on these variables, unreasonable changes may cause layout imbalance.

basic

pageWidth
pageWidthWithMargin
pageMargin
radius

gaps

gap
gapNegative
gapHalf
gapHalfNegative
gapQuarter
gapQuarterNegative

Preview

Here's a preview of your changes to the Theme. When you set the changes, the entire document site will change with the theme.

You can copy automatically generated codes or share your custom theme with anyone.

Colors

secondary
success
warning
error
dark
alert
purple
violet
viridian
lite

Typography

inline codes

Hyperlink Text

Link Component

Our mission is to help teams to cooperate efficiently, accelerating the speed at which teams can deliver their highly customized solutions.

Heading
Heading

Heading

Heading

Heading

Heading

Basic Components

Option 1

Theme Codes

This is all your changes, click copy to use it in your own project.

const myTheme = {

  "type": "Custom"

}



/***

 *  Usage::

 *

 *  export const App = () => {

 *    return (

 *      <HuiProvider themes={[myTheme]} themeType="Custom">

 *        <CssBaseline />

 *        <YourComponent />

 *      </HuiProvider>

 *    )

 *  }

 **/