Simply Cyan is a Jekyll theme dedicated to text and reading. This theme focuses on readability and clarity.
You can visit the demo website of this theme here.
Three main functions are at work to facilitate the reader’s experience : a classic dark/light mode, but also toggles to change the font size and get bigger characters or to change the font-style (by default meant to switch between serif and sans-serif fonts).
The design of Simply Cyan is sober and elegant, yet pop with its bright colorful oblique stripes punctuating the screen.
Symply Cyan can feature a multitude of authors and offers a page to display all of their profiles, as well as an archives page to display all the site’s posts.
Add this line to your Jekyll site’s
Gemfile to add the theme as a dependancy:
bundle install in the root file of your project:
Add this line to your Jekyll site’s
_config.yml to set the theme:
bundle exec jekyll serve to build and serve your site.
You can use the
config.yml to update the configuration of your website and set things such as its title, description, navigation links and a lot more
You can customize many style parameters of the Simply Cyan theme by changing the different variables in the
settings.scss file of the project (
_sass/_settings.scss). You’ll find there such parameters as the colors of the dark and white modes, fonts, line height, font sizes etc.
You can also overwrite the complete theme with your own custom file by matching its filename and path.
Accessing site parameters
Several parameters are also accessible in the
config.yml file. For example, you can choose there whether to display or not the different reading functions (dark mode, big fonts etc.) of the site.
Creating a post
You are now ready to add content to your new jekyll site. You can do so by adding new posts in the
_posts folder. Be sure your new post begins with the same front matter lines than the ones in the example posts (check Jekyll documentation in case you’re not sure how to make your first post):
--- layout: post title: "Example Post" date: 2022-11-15 author: - "Someone" - "Someone else" ---
Managing different authors
Note that if you want to have all of the authors of your site displayed on the authors page, you’ll have to create a new file for each of them in the
_categories folder. The title of this new file must match the way you wrote the author’s name in the category line of the post’s front matter.
You can add a description or bio to each author’s page in its respective file in
Of course, this folder and the category files can be used to display other things than authors. You just have to change the title of the
categories.md page in order to display your posts grouped by any category you choose.
By default, the homepage displays the ten newest posts. This number can be changed in the
The archives page displays the integrality of the posts published on your site.
Bug reports and pull requests are welcome on GitHub at https://github.com/pquod/simply-cyan. This project is intended to be a safe, welcoming space for collaboration, and contributors are expected to adhere to the Contributor Covenant code of conduct.
If you have any idea about improving this theme or if you find any lack in its documentation, feel free to write at firstname.lastname@example.org, I’d be happy to keep on making this theme better and better for your use!
To set up your environment to develop this theme, run
Your theme is setup just like a normal Jekyll site! To test your theme, run
bundle exec jekyll serve and open your browser at
http://localhost:4000. This starts a Jekyll server using your theme. Add pages, documents, data, etc. like normal to test your theme’s contents. As you make modifications to your theme and to your content, your site will regenerate and you should see the changes in the browser after a refresh, just like normal.
When your theme is released, only the files in
assets tracked with Git will be bundled.
To add a custom directory to your theme-gem, please edit the regexp in
The theme is available as open source under the terms of the MIT License.
Thanks a lots to Quentin, Candice and Robinson, the people behind the conception of the original Internet Exploreur website who helped me a lot designing it.