skills.rest
stevedylandev
stevedylandevCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

darkmatter-styles

Apply the Darkmatter CSS aesthetic to Axum web pages via the andromeda-darkmatter-css crate.

11|Updated Apr 2, 2026
Search Tags:#typography#css#design-system#axum#ui-styling#monospace#darkmatter
One-click install
npx skills add https://github.com/stevedylandev/andromeda --skill darkmatter-styles
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: darkmatter-styles
Source: https://github.com/stevedylandev/andromeda/tree/main/skills/darkmatter-styles
Command: npx skills add https://github.com/stevedylandev/andromeda --skill darkmatter-styles

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill provides a centralized, reusable aesthetic to enforce a dark, minimal UI across apps without duplicating CSS, reducing drift and maintenance.

Core Features & Use Cases

  • Shared CSS from the andromeda-darkmatter-css crate to ensure a consistent look across projects.
  • Typography and color guidance (Commit Mono font, dark background, white borders) to maintain a cohesive brand.
  • Integration scenarios: mount the crate router in Axum apps, reference /assets/darkmatter.css, and reuse across pages and components.

Quick Start

Mount the crate router in your Axum app and link /assets/darkmatter.css to apply the style to your pages.

Frequently Asked Questions about darkmatter-styles

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I apply a consistent dark minimal CSS aesthetic across multiple Axum web apps?▼

To apply a consistent dark minimal CSS aesthetic, mount the andromeda-darkmatter-css crate router in your Axum app and link the stylesheet at /assets/darkmatter.css to reuse the shared styles across all pages.

What is the best way to centralize UI styling and reduce CSS drift in Rust web projects?▼

Centralizing UI styling is best achieved by using a shared CSS crate like andromeda-darkmatter-css, which enforces a consistent dark, minimal look across projects and eliminates duplicated CSS maintenance.

Does the Darkmatter aesthetic specify a particular monospace font and background color for UI styling?▼

Yes, the Darkmatter aesthetic specifies the Commit Mono monospace font, a #121113 dark background, and white borders to enforce a cohesive, no-frills layout across all integrated pages.

Can I use this shared CSS crate with frameworks other than Axum?▼

The shared CSS crate is designed to mount its router specifically in Axum apps. Using it with other frameworks would require manually serving the /assets/darkmatter.css stylesheet without the built-in router integration.

How do I link the Darkmatter stylesheet in an Axum application to ensure consistent UI styling?▼

To link the Darkmatter stylesheet in an Axum application, mount the crate router and reference /assets/darkmatter.css in your HTML templates to apply the minimal dark aesthetic to your components.

Why should I use a shared CSS crate instead of duplicating styles for a dark minimal design system?▼

Using a shared CSS crate prevents visual drift and reduces maintenance by centralizing the dark minimal design system, ensuring every project automatically enforces the same typography and color guidelines.

Related Skills

Explore More Design & Creative Skills→
istota-projectistota-project
10

website

Publish static websites from a Nextcloud user HTML folder.

Official
Basic
looselyorganizedlooselyorganized

stocktaper-design-system

Implements reusable UI components and stylesheets for the branded design system.

Official
Advanced
ev3rlitev3rlit

templ-http

Render templ components in Go net/http handlers to serve dynamic HTML pages.

Community
Intermediate
gouravsingh311gouravsingh311

tailwind-v4

Configure Tailwind v4 design tokens using CSS-first @theme directives.

Community
Advanced