Luna UI Documentation

Overriding Default Values

Refer to Styling/USS Setup to learn how to apply these styles.

css

:root {
  --font-black: url("/Packages/com.cupkekgames.uitk/Runtime/Fonts/rubik/Rubik-BlackSDF.asset");
  --font-black-italic: url("/Packages/com.cupkekgames.uitk/Runtime/Fonts/rubik/Rubik-BlackItalicSDF.asset");
  --font-bold: url("/Packages/com.cupkekgames.uitk/Runtime/Fonts/rubik/Rubik-BoldSDF.asset");
  --font-bold-italic: url("/Packages/com.cupkekgames.uitk/Runtime/Fonts/rubik/Rubik-BoldItalicSDF.asset");
  --font-light: url("/Packages/com.cupkekgames.uitk/Runtime/Fonts/rubik/Rubik-LightSDF.asset");
  --font-light-italic: url("/Packages/com.cupkekgames.uitk/Runtime/Fonts/rubik/Rubik-LightItalicSDF.asset");
  --font-medium: url("/Packages/com.cupkekgames.uitk/Runtime/Fonts/rubik/Rubik-MediumSDF.asset");
  --font-medium-italic: url("/Packages/com.cupkekgames.uitk/Runtime/Fonts/rubik/Rubik-MediumItalicSDF.asset");
}

:root,
Label {
  -unity-font-definition: var(--font-medium);
  -unity-font-style: normal;
  color: var(--color-neutral-50);
  font-size: var(--length-24);
}

.font-light {
  -unity-font-definition: var(--font-light);
}

.font-light-italic {
  -unity-font-definition: var(--font-light-italic);
}

.font-medium {
  -unity-font-definition: var(--font-medium);
}

.font-medium-italic {
  -unity-font-definition: var(--font-medium-italic);
}

.font-bold {
  -unity-font-definition: var(--font-bold);
}

.font-bold-italic {
  -unity-font-definition: var(--font-bold-italic);
}

.font-black {
  -unity-font-definition: var(--font-black);
}

.font-black-italic {
  -unity-font-definition: var(--font-black-italic);
}

Utility Classes

Text Color

Format: text-{color}-{tone}

html

<engine:Label class="text-black" />
<engine:Label class="text-white" />
<engine:Label class="text-red-500" />
<engine:Label class="text-red-500-half" />

Class	Properties
text-xs	12px
text-s	14x
text-md	16px
text-lg	18px
text-xl	20px
text-2xl	24px
text-3xl	30px
text-4xl	36px
text-5xl	48px
text-6xl	60px
text-7xl	72px
text-8xl	96px
text-9xl	128px

Text

Overriding Default Values

Utility Classes

Text Color

Font Size