Themes¶
Defaults¶
Springheel comes equipped with a whopping 33 default themes, in order to match a wide variety of comic genres. Several of them contain alternate “sub-themes”, bringing the practical total to 44. They’re all written with Sass, then compiled to a Cascading Style Sheet. (This is done separately from the comic generation process; Springheel does not contain a Sass parser.)
To use any of these themes, just enter its name as site_style
in
conf.ini
. Plain is the default.
If your site contains multiple comic series, you can even set individual
styles for each one; just set “theme” in that comic’s .conf
to the
theme name you want.
These are the themes available by default:
- plain
An extremely simple theme. Uses no images.
- dark
A simple dark theme. Uses no images.
- beach
A relaxed and fun theme inspired by the blue ocean.
- berryheart
A cozy “country” theme with check prints and strawberries.
- blacktea
A refined and dainty theme with lace and black tea as the main motifs.
- book
An elegant theme inspired by hardbound books.
- brandy
A hard-boiled noir theme of stark light and darkness.
- cherry
A girly pink theme for shoujo dreamers.
- city
A dreamy, twinkly theme.
- crystal
A glittering, lovely, strange, and dark theme.
- cute
A cute, candy-themed pink and brown theme. Might be good for comics about sweets or children.
- cyber
A theme inspired by 90s cyberpunk.
- elemental
A theme based on the classical elements. Requires configuration before use.
This theme comes in multiple sub-styles: water, fire, earth, air, spirit, ice, metal, wood, electricity.
To use one, copy the desired substyle’s CSS file to
style.css
. (If you want to change to a different sub-style later, simply remove the currentstyle.css
and make another copy.)- fairy
A fluffy theme with flowers and sparkles.
- fantasy
A lush theme with green, gems, and parchment, perfect for “high fantasy” comics.
- fluff
A fun and fuzzy theme to unleash your wild side.
- garden
A soothing floral theme. Warning: large theme.
- gothic
featuring blood, roses, and bloody roses.
- haunted
A slightly cute, slightly spooky theme inspired by haunted houses. Suited for comedic horror comics.
- magiccircle
A mysterious, fantastical theme. Warning: large theme.
- meikai
An eccentric, eclectic theme combining mysticism with machinery.
- might
A bold theme for comics about heroes who are super.
- note
A striking, modern theme, designed to look “native” on phones. Uses no images.
This theme is specifically designed to be easily customized – check the comments near the top of the CSS file.
- prayers
A peaceful theme in the image of a Shinto shrine. Mostly included because fans of a certain scrolling-shooter game might prefer red-white over black. ^_-
- revolution
A dark theme with hearts, swords, and flowers (specifically roses, and lots of them) for those who want to live nobly and with style. Warning: large theme.
- rock
A theme with plenty of star power, perfect for comics involving three chords and cowboys of the rhinestone variety.
- seasonal
A theme you can change to match the seasons. Requires configuration before use.
This theme comes in four sub-styles. They’re more or less the same, just with different colors and background images. To use one, copy one of the four (
spring.css
,summer.css
,autumn.css
, orwinter.css
) tostyle.css
. (If you want to change to a different sub-style later, simply remove the currentstyle.css
and make another copy.)- showtime
A dramatic theme based on theatrical staging.
- staples
An institutional theme suitable for stories about schools, offices, or similar settings.
- starship
A retro sci-fi theme with stars and metal.
- steam
A “steampunk” theme with plenty of gears.
- sysadmin
A no-nonsense monospaced theme for fighting in the eighties. Uses no images.
- twothousand
A theme inspired by typical comic site designs from the early 2000s. Uses no images.
- western
A rugged theme fit for a cowpoke.
Theme Sizes¶
This table lists the file sizes of each theme. Note that if your theme contains subthemes, Springheel will copy all subthemes’ assets. The figure provided in the Total column assumes that you delete unused theme assets manually.
Theme Name |
CSS/Asset Size |
Arrows Size |
Total Size |
---|---|---|---|
beach |
23.9 KiB |
7.2 KiB |
31.1 KiB |
berryheart |
8.3 KiB |
7.7 KiB |
15.9 KiB |
blacktea |
10.2 KiB |
1.8 KiB |
12 KiB |
book |
13 KiB |
2.8 KiB |
15.8 KiB |
brandy |
6.7 KiB |
23.1 KiB |
29.7 KiB |
cherry |
9.3 KiB |
5.4 KiB |
14.6 KiB |
city |
5.2 KiB |
677 B |
5.9 KiB |
crystal |
8.8 KiB |
4.7 KiB |
13.4 KiB |
cute |
6.6 KiB |
4.5 KiB |
11.2 KiB |
cyber |
6.5 KiB |
7.9 KiB |
14.4 KiB |
dark |
3.6 KiB |
3.4 KiB |
7.1 KiB |
elemental |
6.1–8 KiB each |
2.5 KiB |
8.6–10.4 KiB |
fairy |
12.6 KiB |
14.1 KiB |
26.7 KiB |
fantasy |
18 KiB |
18.2 KiB |
36.2 KiB |
fluff |
6.3 KiB |
5.7 KiB |
11.9 KiB |
garden |
63.3 KiB |
17.7 KiB |
81 KiB |
gothic |
14.6 KiB |
19.2 KiB |
33.8 KiB |
haunted |
18.7 KiB |
22 KiB |
40.7 KiB |
magiccircle |
74.6 KiB |
15 KiB |
89.6 KiB |
meikai |
11.7 KiB |
7.8 KiB |
19.4 KiB |
might |
5.8 KiB |
8.2 KiB |
14 KiB |
note |
7.1 KiB |
3.5 KiB |
10.6 KiB |
plain |
3.1 KiB |
3.6 KiB |
6.6 KiB |
prayers |
6.6 KiB |
27.4 KiB |
34 KiB |
revolution |
18.3 KiB |
5.4 KiB |
23.6 KiB |
rock |
8.6 KiB |
22 KiB |
30.5 KiB |
seasonal |
6.7–7.1 KiB each |
1.6 KiB |
8.3–8.7 KiB |
showtime |
19.4 KiB |
6.7 KiB |
26.2 KiB |
staples |
14.8 KiB |
5.6 KiB |
20.4 KiB |
starship |
8.2 KiB |
684 B |
8.9 KiB |
steam |
17.1 KiB |
7.8 KiB |
24.9 KiB |
sysadmin |
4.4 KiB |
412 B |
4.8 KiB |
twothousand |
7.9 KiB |
4.4 KiB |
12.3 KiB |
western |
9.4 KiB |
15.6 KiB |
25 KiB |
Customizing¶
If you’re OK with a default theme with some tweaks, make a backup copy
of that theme’s style.css
(or its base .scss if you prefer) just in
case, then fiddle around with the CSS as much as you want. Springheel
copies the style.css
file from your selected theme as part of the
generation process, so make sure to run it once you’re done.