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
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.