Lingye Violet theme
A light palette with accent #7C3AED; six CSS variables restyle the whole site.
Get startedDocs
Overview
The Lingye Violet theme restyles the whole site with six variables: background, text, card, border, secondary text and accent. Copy the CSS into your global stylesheet, or hand the prompt to your model to swap them in everywhere.
Variable
--bgPage background#FFFFFF--fgText#0B0B0F--cardCards and panels#F7F7F8--lineBorder#E8E8EC--mutedSecondary text#6B6B76--accentAccent and primary button#7C3AEDCSS
:root {
--bg: #FFFFFF;
--fg: #0B0B0F;
--card: #F7F7F8;
--line: #E8E8EC;
--muted: #6B6B76;
--accent: #7C3AED;
}Install
Copy the CSS above, or fetch the variables with the 8pt CLI / MCP.
$ npm i -g @8pt-dev/cli && 8pt theme lingye-violet-theme
mcp › Use 8pt MCP to call get_theme("lingye-violet-theme")
Source template
This theme takes its colors, fonts and radii from the full-page template Lingye Design Prompt Library Home.