🧛🏻♂️ Dark theme for GitHub Pages
A dark theme for GitHub Pages, full preview at preview the theme to see what it looks like.
All instructions can be found at draculatheme.com/github-pages.
Dracula will respect the following variables, if set in your site's _config.yml
:
title: [The title of your site]
description: [A short description of your site's purpose]
Additionally, you may choose to set the following optional variables:
show_downloads: ["true" or "false" to indicate whether to provide a download URL]
google_analytics: [Your Google Analytics tracking ID]
show_header: ["true" or "false" to indicate whether to show the top header]
There are also currently the following optional page variables:
icon: [path to file including extension]
colorspace: [primary page color cyan/green/orange/pink/purple/red/yellow]
If you'd like to add your own custom styles:
Create a file called /assets/css/style.scss
in your site
Add the following content to the top of the file, exactly as shown:
---
---
@import "{{ site.theme }}";
Add any custom CSS (or Sass, including imports) you'd like immediately after the @import
line
Note: If you'd like to change the theme's Sass variables, you must set new values before the @import
line in your stylesheet.
If you'd like to change the theme's HTML layout:
/_layouts/default.html
in your siteTemplates often rely on URLs supplied by GitHub such as links to your repository or links to download your project. If you'd like to override one or more default URLs:
{{ site.github.zip_url }}
._config.yml
. For example, if the variable was site.github.url
, you'd add the following:
github:
zip_url: http://example.com/download.zip
another_url: another value
Note: You must remove the site.
prefix, and each variable name (after the github.
) should be indent with two space below github:
.
For more information, see the Jekyll variables documentation.
If you'd like to preview the theme locally (for example, in the process of proposing a change):
git clone https://github.com/dracula/gh-pages
)cd
into the theme's directoryscript/bootstrap
to install the necessary dependenciesbundle exec jekyll serve
to start the preview serverlocalhost:4000
in your browser to preview the themeThe theme contains a minimal test suite, to ensure a site with the theme would build successfully. To run the tests, simply run script/cibuild
. You'll need to run script/bootstrap
one before the test script will work.
This theme is maintained by the following person(s) and a bunch of awesome contributors.
backlands |