Back to templates

Template details

accent

A single accent, single column Jekyll theme for minimal blogs and portfolios.

About this template

accent is a minimalist single-column Jekyll theme whose defining feature is a single user-defined accent color, designed for personal blogs and lightweight portfolios.

What is accent?

accent is a Jekyll theme built by Ankit Sultana that renders a single-column blog layout with a customizable accent color. It takes Markdown posts placed in the _posts directory and generates a static site via Jekyll, with support for syntax highlighting through Rouge, Google Analytics integration, and optional author bio sections.

Key Features

  • Single accent color — Change the hex value of the $accent-color variable in _sass/_style.scss to recolor links and highlights across the entire theme.
  • Configurable intro section — Set intro to true in _config.yml to reveal a short bio on the index page.
  • Per-post about footer — Toggle about_footer to show or hide a short about section at the bottom of every post.
  • SEO description — The description variable in _config.yml feeds summaries to Facebook thumbnails, Twitter cards, and Google search results.
  • Rouge syntax highlighting — Default Jekyll 3+ highlighter, so code blocks work without extra plugins.
  • Google Analytics ready — Add a tracking_id in _config.yml to enable analytics.
  • Simple post creation — Save any .markdown file in _posts using year-month-day-name-of-the-file.markdown naming.

Who is it for?

  • Personal bloggers — Write Markdown posts in _posts and get a clean single-column site with minimal setup.
  • Developers starting a portfolio — Use the built-in intro and about sections to showcase a short bio, with code snippets highlighted via Rouge.
  • Jekyll users wanting a customizable theme — Fork the repo and maintain updates via the upstream strategy, or clone and run bundle exec jekyll serve locally.

Use cases

  • Minimalist blogs: Publish long-form writing with a distraction-free single column and a personalized accent color.
  • Developer portfolios: Display code-heavy posts with syntax highlighting and an about section.
  • Quick prototype sites: Use the theme as a starting point and adjust _config.yml variables for content, analytics, and SEO without touching the build settings.

How does accent work?

After forking or cloning the repo, users edit user settings in _config.yml (only the section marked User Settings), optionally change the accent color in the Sass file, and create posts as .markdown files in _posts. Running bundle exec jekyll serve builds and serves the site locally, or users can deploy the generated static files anywhere Jekyll supports.

FAQ

Is accent free?

Yes, accent is released under the MIT license, as stated in the repository license file. It can be freely used, modified, and distributed with attribution.

How do I change the accent color?

Edit the $accent-color variable in _sass/_style.scss to any hex value. This changes the theme's accent color site-wide.

What naming convention do posts need?

Posts must be saved in _posts with the format year-month-day-name-of-the-file.markdown, for example 2025-01-01-hello-world.markdown.

Can I add Google Analytics?

Yes, set the tracking_id variable in _config.yml to your Google Analytics tracking ID. The theme will then include analytics tracking.

Does accent support syntax highlighting?

Yes, it uses Rouge, the default highlighter in Jekyll 3 and above. Code blocks are highlighted according to Jekyll's standard syntax.

screenshot of accent on template0.com