skills.rest
pnp
pnpOFFICIAL
Explore all skills by this author →
Website𝕏@m365pnpGitHub

style-terminal

Applies terminal-style dark theme tokens and rowFormatter JSON to SharePoint list views.

128|50|Updated May 4, 2026
Search Tags:#json#dark mode#sharepoint#list formatting#view formatting#rowformatter#terminal style
One-click install
npx skills add https://github.com/pnp/sharepoint-skills --skill style-terminal-pnp
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: style-terminal
Source: https://github.com/pnp/sharepoint-skills/tree/main/Skills/style-terminal/style-terminal
Command: npx skills add https://github.com/pnp/sharepoint-skills --skill style-terminal-pnp

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Styling SharePoint list views with a consistent terminal or hacker aesthetic requires hand-writing complex view-formatting JSON, choosing accessible dark-mode colors, and handling status badges, progress bars, and overdue states manually. ## Core Features & Use Cases - Ready-made design tokens: Provides badge colors, card backgrounds, borders, and spacing values for a dark terminal look with neon green and cyan accents. - Complete rowFormatter JSON: Ships a full SharePoint view-formatting template with a CLI prompt character, bracketed status flags, neon progress bar, and red glow for overdue items. - Accessibility and responsive guidance: Includes pinned WCAG contrast ratios for neon-on-dark colors and breakpoint rules for mobile layouts. - Use Case: A developer portal team wants their document library to look like CLI output; apply this style so each row renders as a dark card with a > prompt, status flags like [IN REVIEW], and a glowing progress bar. ## Quick Start Ask Copilot to style my document library list view using the terminal style with dark cards and neon status badges.

Frequently Asked Questions about style-terminal

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

FAQPage Schema
How do I style a SharePoint list view with a dark terminal theme?▼

Apply the provided rowFormatter JSON in the list's view formatting settings, replacing placeholder column names like [$Status] and [$Progress] with your actual internal column names. Each row then renders as a dark card with neon text and CLI-style status flags.

How to customize status colors in SharePoint view formatting JSON?▼

Edit the conditional expressions in the status badge element to map your actual Choice values to the token table colors. Each status gets a dark background, neon text color, and matching border defined in the style tokens.

Does SharePoint rowFormatter support conditional styling for overdue dates?▼

Yes, rowFormatter supports expressions comparing a date column to @now. This template uses that to add a red border, subtle red box-shadow glow, and an [OVERDUE] bracket flag when the deadline has passed.

Is dark mode list styling accessible in SharePoint?▼

It can be when contrast ratios are verified. The neon green and cyan tokens on the dark background measure roughly 9:1 and 11:1, meeting WCAG AAA, while muted grey only qualifies for large non-essential text.

When should I avoid using a terminal or hacker list style?▼

Avoid it for general staff sites, HR pages, or external-facing content, since dark neon styling reads as unfinished to non-technical audiences. It is intended for engineering portals, dev rel sites, and ops dashboards.

Related Skills

Explore More Design & Creative Skills→
RorySullivan1RorySullivan1

sharepoint-column-formatting

Generates declarative JSON formatters that style SharePoint list columns and views.

Community
Intermediate
leto-labsleto-labs

obsidian-bases

Create and manage database-like note views with Obsidian Bases.

Official
Intermediate
Wide-MoatWide-Moat
112

theme-factory

Apply curated color palettes and typography to slides, documents, and HTML pages.

Official
Basic
master8848master8848

rspfx

Build and package SharePoint Framework web parts using Vite, Rsbuild, or Rspack.

Community
Intermediate