//LOADING

Initializing terminal interface...

Starting up... 0%

Terminal Theme Styleguide

Color Palette

Theme Colors

.terminal-100

Subtle overlay

.terminal-200

Light accent

.terminal-300

Muted text

.terminal-400

Medium emphasis

.terminal-500

Primary text

.terminal-600

Secondary emphasis

.terminal-700

High emphasis

.terminal-bright

Phosphor glow

Background Colors

.terminal-bg-primary

Main background

.terminal-bg-secondary

Secondary background

.terminal-bg-accent

Accent background

Accent Colors

.theme-accent-500

Primary accent

.theme-accent-600

Secondary accent

.theme-accent-700

High emphasis accent

.theme-accent-bright

Accent glow

Typography

Terminal/Console Fonts

VT323

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890 !@#$%^&*()-=_+[]{}\|;:'",.<>?/ The quick brown fox jumps over the lazy dog

font-vt323

Windows Command Prompt

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890 !@#$%^&*()-=_+[]{}\|;:'",.<>?/ The quick brown fox jumps over the lazy dog

font-cmd

Code/Monospace Fonts

Kode Mono Regular

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890 !@#$%^&*()-=_+[]{}\|;:'",.<>?/ The quick brown fox jumps over the lazy dog

font-kode font-normal

Kode Mono Medium

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890 !@#$%^&*()-=_+[]{}\|;:'",.<>?/ The quick brown fox jumps over the lazy dog

font-kode font-medium

Kode Mono SemiBold

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890 !@#$%^&*()-=_+[]{}\|;:'",.<>?/ The quick brown fox jumps over the lazy dog

font-kode font-semibold

Kode Mono Bold

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890 !@#$%^&*()-=_+[]{}\|;:'",.<>?/ The quick brown fox jumps over the lazy dog

font-kode font-bold

Display/Title Fonts

UAV OSD Mono

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890 !@#$%^&*()-=_+[]{}\|;:'",.<>?/ The quick brown fox jumps over the lazy dog

font-uav-mono

UAV OSD Sans

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890 !@#$%^&*()-=_+[]{}\|;:'",.<>?/ The quick brown fox jumps over the lazy dog

font-uav-sans

Computerfont

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890 !@#$%^&*()-=_+[]{}\|;:'",.<>?/ The quick brown fox jumps over the lazy dog

font-computer

Font Sizes

The quick brown fox (text-xs)

The quick brown fox (text-sm)

The quick brown fox (text-base)

The quick brown fox (text-lg)

The quick brown fox (text-xl)

The quick brown fox (text-2xl)

The quick brown fox (text-3xl)

The quick brown fox (text-4xl)

The quick brown fox (text-5xl)

Component Examples

Buttons

Card Title

This is an example card component using the terminal theme colors.

Text Glow Effects

Default Glow

This text has the default terminal glow effect

Strong Glow

This text has an enhanced glow effect

Subtle Glow

This text has a more subtle glow effect

Mixed Glow Examples

Main Heading

Subheading

This is an example of how different glow effects can be combined in a layout to create visual hierarchy.

Text Highlight Effect

Highlight Text

This paragraph contains highlighted text that uses the new highlight-text class.

Highlight Text in Context

The highlight-text class can be used to emphasize important terms, code snippets, or other elements that need to stand out in your text.

Multiple Line Highlights

You can also use it for multiple words across lines in your content to create visual interest and draw attention to key points in your documentation or website.