By name: cosmic-metal-theme description: Apply the Cosmic Metal color theme to artifacts, documents, slides, HTML pages, and any visual content. This is a dark, sci-fi metal theme inspired by Megadeth's "Rust in Peace" album aesthetics. Use this skill when the user wants to apply cosmic metal styling, dark space themes, metal/rock aesthetics, or sci-fi color schemes to their content. Features deep space blues (#0A1628), nebula purples (#4A3F8C), rusty oranges (#E85D04), and liquid silver accents (#C0C5CE). Always use this skill for dark-themed technical presentations, gaming content, music-related documents, or futuristic sci-fi materials.
Cosmic Metal Theme
A dark, sci-fi metal theme inspired by Megadeth's "Rust in Peace" album aesthetics.
Design Principles
- Dark Dominance: Always use Deep Space Blue (#0A1628) as the canvas
- Orange Accent: Use Rust Orange (#E85D04) sparingly for maximum impact
- Purple Depth: Nebula Purple (#4A3F8C) adds layers and dimension
- Silver Contrast: Liquid Silver (#C0C5CE) ensures readability
- Metallic Feel: Favor sharp edges and subtle glows over soft shadows
Color Palette
Primary Colors
| Role | Name | Hex | Usage |
|---|---|---|---|
| Background | Deep Space Blue | #0A1628 |
Main background, containers |
| Secondary | Nebula Purple | #4A3F8C |
Section backgrounds, gradients |
| Accent | Rust Orange | #E85D04 |
Buttons, highlights, CTAs |
| Neutral | Liquid Silver | #C0C5CE |
Borders, icons, secondary text |
Text Colors
| Role | Name | Hex | Usage |
|---|---|---|---|
| Primary Text | Star White | #E8E9EB |
Headlines, body text |
| Secondary Text | Liquid Silver | #C0C5CE |
Captions, metadata |
| Link | Electric Blue | #00B4D8 |
Links, interactive elements |
Supporting Colors
| Role | Name | Hex | Usage |
|---|---|---|---|
| Success | Alien Green | #00F5D4 |
Success states, positive indicators |
| Warning | Plasma Yellow | #F4D03F |
Warnings, cautions |
| Error | Reactor Red | #E74C3C |
Errors, critical alerts |
Typography
Font Families
- Headlines:
Rajdhani, Orbitron, sans-serif- Sharp, technological, aggressive - Body:
Inter, Roboto, system-ui- Clean, highly readable
Font Sizes
| Element | Size | Weight | Line Height |
|---|---|---|---|
| H1 | 2.5rem (40px) | 700 | 1.2 |
| H2 | 2rem (32px) | 600 | 1.3 |
| H3 | 1.5rem (24px) | 600 | 1.4 |
| H4 | 1.25rem (20px) | 600 | 1.4 |
| Body | 1rem (16px) | 400 | 1.6 |
| Small | 0.875rem (14px) | 400 | 1.5 |
CSS Variables
:root {
--cm-bg: #0A1628;
--cm-bg-secondary: #4A3F8C;
--cm-accent: #E85D04;
--cm-silver: #C0C5CE;
--cm-text: #E8E9EB;
--cm-link: #00B4D8;
--cm-success: #00F5D4;
--cm-warning: #F4D03F;
--cm-error: #E74C3C;
--cm-bg-dark: #050a12;
}
UI Components
Buttons
Primary Button:
- Background: #E85D04
- Text: #0A1628
- Border: none
- Border-radius: 4px
- Padding: 12px 24px
- Font-weight: 600
- Hover: brightness(1.1), box-shadow: 0 0 20px rgba(232, 93, 4, 0.4)
Secondary Button:
- Background: transparent
- Border: 2px solid #C0C5CE
- Text: #E8E9EB
- Hover: background rgba(192, 197, 206, 0.1)
Cards
- Background: #0A1628
- Border: 1px solid #4A3F8C
- Border-radius: 8px
- Box-shadow: 0 4px 20px rgba(74, 63, 140, 0.3)
- Padding: 24px
Code Blocks
- Background: #050a12
- Border-left: 4px solid #E85D04
- Text: #00F5D4 (syntax highlighting base)
Usage
When the user wants to apply the Cosmic Metal theme to their content:
- Identify the artifact type (slides, document, HTML page, etc.)
- Apply the CSS variables or color values from this skill
- Use the typography recommendations for fonts
- Apply UI component styles as appropriate
- Follow the design principles to maintain the theme's aesthetic
Best For
- Technical documentation with attitude
- Gaming and esports presentations
- Music-related content (especially metal/rock)
- Sci-fi and futuristic topics
- Data visualizations needing high contrast
- Dark mode exclusive content
Inspiration
Megadeth - "Rust in Peace" (1990) Album art by Ed Repka Themes: Space, nuclear war, alien life, metallic coldness