Skin Styles

After Dark uses hackcss to provide four color palettes and two display modes. Toggle between them from your site configuration for 8 possible combinations:

[params.hackcss]
  mode = "standard"

[params.hackcss]
  palette = "dark-grey"

[params.hackcss]
  mode = "standard"
  palette = "dark-grey"

[params.hackcss]
  palette = "solarized-dark"

[params.hackcss]
  mode = "standard"
  palette = "solarized-dark"

[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:

 1baseurl = "https://letterboxd.com/"
 2languageCode = "en-US"
 3title = "A Scanner Darkly"
 4
 5[params]
 6  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."
 7  images = ["https://a.ltrbxd.com/resized/sm/upload/e3/kt/un/fi/nZuqo9yQpEo447sH0w0MFBgdT6J-1200-1200-675-675-crop-000000.jpg"]
 8
 9[params.hackcss]
10  mode = "standard"
11  palette = "dark-grey"

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.