Wern Central Interface

A demonstration of the theme system and styling elements crafted for Wern Central.

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

Colors

The color palette is handcrafted with the help of the OKLCH color space.

Text Colors

for use with the current color scheme

Background Colors

for use on the current color scheme

Elements

Buttons

Form Inputs

Switches

Text

Basics

This is a paragraph. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam nec purus eget nunc euismod aliquam. Donec euismod, nisl eget fermentum consectetur, nibh nibh aliquet nunc, eget ultricies diam ipsum vitae sem.

This is a paragraph with a link and some bold and italic text. Others like strikethrough, code, underlined text, small text, big text, ^superscript, _subscript and marked text can be used.

Abbreviations can be used like this: HTML.

This is an image with alt text and hover text:

Blockquote

This is a blockquote. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

List

• List item 1
• List item 2
  • List item 2.1
• List item 3
  • List item 3.1
    • List item 3.1.1
    • List item 3.1.2

Spaced List

• Spaced list item 1

• Spaced list item 2

• Spaced list item 3

Numeric List

1. Numeric list item 1
2. Numeric list item 2
   1. Numeric list item 2.1
3. Numeric list item 3
   1. Numeric list item 3.1
      1. Numeric list item 3.1.1
      2. Numeric list item 3.1.2

Code

This is inline code: console.log("Hello World!");, while this is a code block:

let msg: string = 'Hello World!';
console.log(msg);

Table

Custom

A set of custom components are used in this theme.

App Icon

Artwork Frame

Neumorphic Cards

Remark42 Comemnts

The comments system on this site is powered by Remark42. It is self-hosted and has some custom styling to match the theme of this site.

However, due to differences in the theme system of Remark42, it is not exactly equivalent.

To check it out, go to the comments section.