blog/themes/chameleon
Ming Di Leom 132f0eb30b
Initial microblog
2024-09-28 07:16:29 +00:00
..
build Initial microblog 2024-09-28 07:16:29 +00:00
languages Initial microblog 2024-09-28 07:16:29 +00:00
layout Initial microblog 2024-09-28 07:16:29 +00:00
preview Initial microblog 2024-09-28 07:16:29 +00:00
scripts Initial microblog 2024-09-28 07:16:29 +00:00
source Initial microblog 2024-09-28 07:16:29 +00:00
.npmrc Initial microblog 2024-09-28 07:16:29 +00:00
README.md Initial microblog 2024-09-28 07:16:29 +00:00
package.json Initial microblog 2024-09-28 07:16:29 +00:00

README.md

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