seriph

A theme with serif fonts and a blue-grey accent. Install it with npm i -D @slide-ng/theme-seriph and use it with theme: seriph.

Original design: @slidev/theme-seriph by Anthony Fu, MIT License. The layout, CSS values and font settings are ported to Angular; see the MIT notice in the NOTICE file at the root of this repository.

What is ported

• Fonts (theme.json, loaded from the font provider like Slidev): PT Serif for text and headings, PT Mono for code, italic, weights 400 and 700.
• Colour: --slidev-theme-primary: #5d8392, used for headings (h1), links on hover and the quote bar.
• Layout cover: centered title over a dimmed background (a picture address or a colour), as in the original.
• intro, section, statement, fact, quote and default are the built-in layouts; the original does not change them either, only the heading colour.

What is different

• The original's default cover is a random photo from an online collection. That photo is a licensed asset and is not used. A cover without background gets a blue-grey gradient drawn in CSS (.seriph-cover-plain in styles/index.css). Set background: to use your own picture.
• themeConfig.primary is not read (slide.ng has no themeConfig yet): set --slidev-theme-primary in a <style> block or in your own CSS instead.
• Code colours come from Shiki, not from the original's Prism style sheet.

No image or other asset of the original theme is part of this folder.