fr1nge.xyz/themes/after-dark/docs/content/feature/skin-styles.md

+++ title = "Skin Styles" description = "Choose one of eight customizable skin styles." categories = ["customizing"] tags = ["color", "style", "branding"] features = ["code highlighter", "snippets", "related content"] aliases = [ "/feature/display-variants/" ] copyright owner = "Josh Habdas" date = "2019" license = "agpl-3.0-or-later" +++

After Dark uses {{< external href="https://hackcss.egoist.moe" text="hackcss" />}} to provide four color palettes and two display modes. Toggle between them from your {{< external href="https://gohugo.io/getting-started/configuration/" text="site configuration" />}} for 8 possible combinations:

Palette	Mode
	Hack	Standard
Dark	None required.	[params.hackcss] mode = "standard"
Dark Grey	[params.hackcss] palette = "dark-grey"	[params.hackcss] mode = "standard" palette = "dark-grey"
Solarized Dark	[params.hackcss] palette = "solarized-dark"	[params.hackcss] mode = "standard" palette = "solarized-dark"
Light	[params.hackcss] palette = "light"	[params.hackcss] mode = "standard" palette = "light"

The default skin uses the dark color palette with the hack display mode. No configuration is necessary to use the default skin.

Choose a skin style from your site configuration. For example, to set a dark grey color without the stylistic markdown treatment update your config like:

{{< hackcss-card header="config.toml" >}} {{< highlight toml "linenos=inline" >}} baseurl = "https://letterboxd.com/" languageCode = "en-US" title = "A Scanner Darkly"

[params] description = "An undercover cop in a not-too-distant future becomes involved with a dangerous new drug and begins to lose his own identity as a result." images = ["https://a.ltrbxd.com/resized/sm/upload/e3/kt/un/fi/nZuqo9yQpEo447sH0w0MFBgdT6J-1200-1200-675-675-crop-000000.jpg"]

[params.hackcss] mode = "standard" palette = "dark-grey" {{< /highlight >}} {{< /hackcss-card >}}

Disable skin styles by setting the disabled flag:

[params.hackcss]
  disabled = true # disable skin styles entirely

When changing colors review Custom Styles, Trim Color and Error Page, making any adjustments necessary to achieve the desired look-and-feel.