diff --git a/doc/manual.html b/doc/manual.html
index 576d2e0..80a8a55 100644
--- a/doc/manual.html
+++ b/doc/manual.html
@@ -296,25 +296,25 @@ ideally after backgrounds but before all the other options.</p><p>Then gradients
 where <code>*</code> is an element name, for example <code>panel</code>, and <code>INDEX</code> is
 the gradient index, starting from 1. The <code>*_gradient_id</code> option can be repeated
 for the same element, which results in multiple gradients
-being drawn on top of each other in the given order.</p><h1 id="simple-gradients">Simple gradients<a name="simple-gradients" href="#simple-gradients" class="md2man-permalink" title="permalink"></a></h1><p>These are gradients that vary from fixed control points (top-to-bottom, left-to-right
+being drawn on top of each other in the given order.</p><h4 id="simple-gradients">Simple gradients<a name="simple-gradients" href="#simple-gradients" class="md2man-permalink" title="permalink"></a></h4><p>These are gradients that vary from fixed control points (top-to-bottom, left-to-right
 or center-to-corners). The user must specify the start and end colors,
-and can optionally add extra color stops in between.</p><h2 id="vertical-gradient-with-color-varying-from-the-top-edge-to-the-bottom-edge-two-colors">Vertical gradient, with color varying from the top edge to the bottom edge, two colors<a name="vertical-gradient-with-color-varying-from-the-top-edge-to-the-bottom-edge-two-colors" href="#vertical-gradient-with-color-varying-from-the-top-edge-to-the-bottom-edge-two-colors" class="md2man-permalink" title="permalink"></a></h2><pre class="highlight plaintext"><code>gradient = vertical
+and can optionally add extra color stops in between.</p><h5 id="vertical-gradient-with-color-varying-from-the-top-edge-to-the-bottom-edge-two-colors">Vertical gradient, with color varying from the top edge to the bottom edge, two colors<a name="vertical-gradient-with-color-varying-from-the-top-edge-to-the-bottom-edge-two-colors" href="#vertical-gradient-with-color-varying-from-the-top-edge-to-the-bottom-edge-two-colors" class="md2man-permalink" title="permalink"></a></h5><pre class="highlight plaintext"><code>gradient = vertical
 start_color = #rrggbb opacity
 end_color = #rrggbb opacity
 </code></pre>
-<h2 id="horizontal-gradient-with-color-varying-from-the-left-edge-to-the-right-edge-two-colors">Horizontal gradient, with color varying from the left edge to the right edge, two colors<a name="horizontal-gradient-with-color-varying-from-the-left-edge-to-the-right-edge-two-colors" href="#horizontal-gradient-with-color-varying-from-the-left-edge-to-the-right-edge-two-colors" class="md2man-permalink" title="permalink"></a></h2><pre class="highlight plaintext"><code>gradient = horizontal
+<h5 id="horizontal-gradient-with-color-varying-from-the-left-edge-to-the-right-edge-two-colors">Horizontal gradient, with color varying from the left edge to the right edge, two colors<a name="horizontal-gradient-with-color-varying-from-the-left-edge-to-the-right-edge-two-colors" href="#horizontal-gradient-with-color-varying-from-the-left-edge-to-the-right-edge-two-colors" class="md2man-permalink" title="permalink"></a></h5><pre class="highlight plaintext"><code>gradient = horizontal
 start_color = #rrggbb opacity
 end_color = #rrggbb opacity
 </code></pre>
-<h2 id="centered-radial-gradient-with-color-varying-from-the-center-to-the-corner-two-colors">Centered radial gradient, with color varying from the center to the corner, two colors:<a name="centered-radial-gradient-with-color-varying-from-the-center-to-the-corner-two-colors" href="#centered-radial-gradient-with-color-varying-from-the-center-to-the-corner-two-colors" class="md2man-permalink" title="permalink"></a></h2><pre class="highlight plaintext"><code>gradient = centered
+<h5 id="centered-radial-gradient-with-color-varying-from-the-center-to-the-corner-two-colors">Centered radial gradient, with color varying from the center to the corner, two colors:<a name="centered-radial-gradient-with-color-varying-from-the-center-to-the-corner-two-colors" href="#centered-radial-gradient-with-color-varying-from-the-center-to-the-corner-two-colors" class="md2man-permalink" title="permalink"></a></h5><pre class="highlight plaintext"><code>gradient = centered
 start_color = #rrggbb opacity
 end_color = #rrggbb opacity
 </code></pre>
-<h2 id="adding-extra-color-stops-0-and-100-remain-fixed-more-colors-at-x-between-the-start-and-end-control-points">Adding extra color stops (0% and 100% remain fixed, more colors at x% between the start and end control points)<a name="adding-extra-color-stops-0-and-100-remain-fixed-more-colors-at-x-between-the-start-and-end-control-points" href="#adding-extra-color-stops-0-and-100-remain-fixed-more-colors-at-x-between-the-start-and-end-control-points" class="md2man-permalink" title="permalink"></a></h2><pre class="highlight plaintext"><code>color_stop = percentage #rrggbb opacity
+<h5 id="adding-extra-color-stops-0-and-100-remain-fixed-more-colors-at-x-between-the-start-and-end-control-points">Adding extra color stops (0% and 100% remain fixed, more colors at x% between the start and end control points)<a name="adding-extra-color-stops-0-and-100-remain-fixed-more-colors-at-x-between-the-start-and-end-control-points" href="#adding-extra-color-stops-0-and-100-remain-fixed-more-colors-at-x-between-the-start-and-end-control-points" class="md2man-permalink" title="permalink"></a></h5><pre class="highlight plaintext"><code>color_stop = percentage #rrggbb opacity
 </code></pre>
-<h1 id="advanced-gradients">Advanced gradients<a name="advanced-gradients" href="#advanced-gradients" class="md2man-permalink" title="permalink"></a></h1><p>These gradient types allow specifying the control points. This permits, for example,
+<h4 id="advanced-gradients">Advanced gradients<a name="advanced-gradients" href="#advanced-gradients" class="md2man-permalink" title="permalink"></a></h4><p>These gradient types allow specifying the control points. This permits, for example,
 adding off-center radial glow effects, linear gradients with arbitrary angles,
-or using another element&#39;s edge as a control point.</p><p>Note: updates are currently a little buggy for task buttons.</p><h2 id="linear-or-radial-gradients-with-arbitrary-control-points-and-orientation">Linear or radial gradients, with arbitrary control points (and orientation)<a name="linear-or-radial-gradients-with-arbitrary-control-points-and-orientation" href="#linear-or-radial-gradients-with-arbitrary-control-points-and-orientation" class="md2man-permalink" title="permalink"></a></h2><pre class="highlight plaintext"><code>gradient = linear | radial
+or using another element&#39;s edge as a control point.</p><p>Note: updates are currently a little buggy for task buttons.</p><h5 id="linear-or-radial-gradients-with-arbitrary-control-points-and-orientation">Linear or radial gradients, with arbitrary control points (and orientation)<a name="linear-or-radial-gradients-with-arbitrary-control-points-and-orientation" href="#linear-or-radial-gradients-with-arbitrary-control-points-and-orientation" class="md2man-permalink" title="permalink"></a></h5><pre class="highlight plaintext"><code>gradient = linear | radial
 # Geometry
 from_offset_x = SIZE_EXPRESSION
 from_offset_y = SIZE_EXPRESSION
@@ -343,7 +343,7 @@ ELEMENT = self | parent | panel
 <p>All coordinates are computed in the drawn element&#39;s coordinate system,
 with origin in the top-left corner and the vertical axis growing down.</p><p>Numbers are any real numbers. Negative numbers must not have spaces between
 the minus sign and the first digit, for example <code>-1.234</code> is correct,
-while <code>- 1.234</code> is not.</p><p>Multiple <code>*_offset_*</code> can be given, in which case they are added together.</p><h1 id="gradient-examples">Gradient examples<a name="gradient-examples" href="#gradient-examples" class="md2man-permalink" title="permalink"></a></h1><pre class="highlight plaintext"><code># Gradient 1: thin film effect
+while <code>- 1.234</code> is not.</p><p>Multiple <code>*_offset_*</code> can be given, in which case they are added together.</p><h4 id="gradient-examples">Gradient examples<a name="gradient-examples" href="#gradient-examples" class="md2man-permalink" title="permalink"></a></h4><pre class="highlight plaintext"><code># Gradient 1: thin film effect
 gradient = horizontal
 start_color = #111122 30
 end_color = #112211 30
diff --git a/doc/tint2.1 b/doc/tint2.1
index 5e14c13..768af63 100644
--- a/doc/tint2.1
+++ b/doc/tint2.1
@@ -192,12 +192,12 @@ where \fB\fC*\fR is an element name, for example \fB\fCpanel\fR, and \fB\fCINDEX
 the gradient index, starting from 1. The \fB\fC*_gradient_id\fR option can be repeated
 for the same element, which results in multiple gradients
 being drawn on top of each other in the given order.
-.SH Simple gradients
+.SS Simple gradients
 .PP
 These are gradients that vary from fixed control points (top\-to\-bottom, left\-to\-right
 or center\-to\-corners). The user must specify the start and end colors,
 and can optionally add extra color stops in between.
-.SH Vertical gradient, with color varying from the top edge to the bottom edge, two colors
+.SS Vertical gradient, with color varying from the top edge to the bottom edge, two colors
 .PP
 .RS
 .nf
@@ -206,7 +206,7 @@ start_color = #rrggbb opacity
 end_color = #rrggbb opacity
 .fi
 .RE
-.SH Horizontal gradient, with color varying from the left edge to the right edge, two colors
+.SS Horizontal gradient, with color varying from the left edge to the right edge, two colors
 .PP
 .RS
 .nf
@@ -215,7 +215,7 @@ start_color = #rrggbb opacity
 end_color = #rrggbb opacity
 .fi
 .RE
-.SH Centered radial gradient, with color varying from the center to the corner, two colors:
+.SS Centered radial gradient, with color varying from the center to the corner, two colors:
 .PP
 .RS
 .nf
@@ -224,21 +224,21 @@ start_color = #rrggbb opacity
 end_color = #rrggbb opacity
 .fi
 .RE
-.SH Adding extra color stops (0% and 100% remain fixed, more colors at x% between the start and end control points)
+.SS Adding extra color stops (0% and 100% remain fixed, more colors at x% between the start and end control points)
 .PP
 .RS
 .nf
 color_stop = percentage #rrggbb opacity
 .fi
 .RE
-.SH Advanced gradients
+.SS Advanced gradients
 .PP
 These gradient types allow specifying the control points. This permits, for example,
 adding off\-center radial glow effects, linear gradients with arbitrary angles,
 or using another element's edge as a control point.
 .PP
 Note: updates are currently a little buggy for task buttons.
-.SH Linear or radial gradients, with arbitrary control points (and orientation)
+.SS Linear or radial gradients, with arbitrary control points (and orientation)
 .PP
 .RS
 .nf
@@ -284,7 +284,7 @@ the minus sign and the first digit, for example \fB\fC\-1.234\fR is correct,
 while \fB\fC\- 1.234\fR is not.
 .PP
 Multiple \fB\fC*_offset_*\fR can be given, in which case they are added together.
-.SH Gradient examples
+.SS Gradient examples
 .PP
 .RS
 .nf
diff --git a/doc/tint2.md b/doc/tint2.md
index d9f853c..65edfb7 100644
--- a/doc/tint2.md
+++ b/doc/tint2.md
@@ -156,13 +156,13 @@ the gradient index, starting from 1. The `*_gradient_id` option can be repeated
 for the same element, which results in multiple gradients
 being drawn on top of each other in the given order.
 
-# Simple gradients
+#### Simple gradients
 
 These are gradients that vary from fixed control points (top-to-bottom, left-to-right
 or center-to-corners). The user must specify the start and end colors,
 and can optionally add extra color stops in between.
 
-## Vertical gradient, with color varying from the top edge to the bottom edge, two colors
+##### Vertical gradient, with color varying from the top edge to the bottom edge, two colors
 
 ```
 gradient = vertical
@@ -170,7 +170,7 @@ start_color = #rrggbb opacity
 end_color = #rrggbb opacity
 ```
 
-## Horizontal gradient, with color varying from the left edge to the right edge, two colors
+##### Horizontal gradient, with color varying from the left edge to the right edge, two colors
 
 ```
 gradient = horizontal
@@ -178,7 +178,7 @@ start_color = #rrggbb opacity
 end_color = #rrggbb opacity
 ```
 
-## Centered radial gradient, with color varying from the center to the corner, two colors:
+##### Centered radial gradient, with color varying from the center to the corner, two colors:
 
 ```
 gradient = centered
@@ -186,13 +186,13 @@ start_color = #rrggbb opacity
 end_color = #rrggbb opacity
 ```
 
-## Adding extra color stops (0% and 100% remain fixed, more colors at x% between the start and end control points)
+##### Adding extra color stops (0% and 100% remain fixed, more colors at x% between the start and end control points)
 
 ```
 color_stop = percentage #rrggbb opacity
 ```
 
-# Advanced gradients
+#### Advanced gradients
 
 These gradient types allow specifying the control points. This permits, for example,
 adding off-center radial glow effects, linear gradients with arbitrary angles,
@@ -200,7 +200,7 @@ or using another element's edge as a control point.
 
 Note: updates are currently a little buggy for task buttons.
 
-## Linear or radial gradients, with arbitrary control points (and orientation)
+##### Linear or radial gradients, with arbitrary control points (and orientation)
 
 ```
 gradient = linear | radial
@@ -243,7 +243,7 @@ while `- 1.234` is not.
 
 Multiple `*_offset_*` can be given, in which case they are added together.
 
-# Gradient examples
+#### Gradient examples
 
 ```
 # Gradient 1: thin film effect