chameleon

Chameleon theme

Chameleon is a fork of Typing theme, rewrote from scratch with the following changes/features:

• sanitize.css and autoprefixer for consistent cross-browser styling.
• Utilise relative length instead of absolute length in the css.
• prefers-color-scheme to apply light/dark theme according to the OS preference.
• Add a Copy button to each code block.
• Removed jQuery, fancyBox, web analytics, comment plugins, donation links and typo.css.
• Homepage shows index of posts (same as /archives).

Options

Configure this theme from your site's configuration:

# _config.yml
theme_config:
  # Header menu
  menu:
    Home: /
    Archives: /archives/
    Feed: /atom.xml

  # Footer menu
  footer:
    GitLab: https://gitlab.com/curben/blog

  # Load forkawesome icons?
  icons: false

Codeblock highlight

Following configurations need to be updated.

# _config.yml
highlight:
  enable: true
  line_number: false
  hljs: true
  wrap: false

prismjs:
  enable: false

Build

Build "source/css/_source.css" into "source/css/chameleon.css"

$ npm install
$ npm run build