]> git.sur5r.net Git - i3/i3.github.io/blobdiff - docs/userguide.html
Mention the default shortcut for "focus parent" in the user's guide.
[i3/i3.github.io] / docs / userguide.html
index 1985111c4a630acc73001c0b3add81765ba8a99c..d2e4c3a8fa1a701b642ece3bbb532686fa859c0c 100644 (file)
@@ -22,7 +22,7 @@ document.addEventListener("DOMContentLoaded", function(){asciidoc.footnotes(); a
                         <ul id="nav">\r
                                 <li><a style="border-bottom: 2px solid #fff" href="/docs">Docs</a></li>\r
                                 <li><a href="/screenshots">Screens</a></li>\r
-                                <li><a href="https://faq.i3wm.org/">FAQ</a></li>\r
+                                <li><a href="https://www.reddit.com/r/i3wm/">FAQ</a></li>\r
                                 <li><a href="/contact">Contact</a></li>\r
                                 <li><a href="https://github.com/i3/i3/issues">Bugs</a></li>\r
                         </ul>\r
@@ -41,8 +41,9 @@ document.addEventListener("DOMContentLoaded", function(){asciidoc.footnotes(); a
 <div id="preamble">\r
 <div class="sectionbody">\r
 <div class="paragraph"><p>This document contains all the information you need to configure and use the i3\r
-window manager. If it does not, please check <a href="http://faq.i3wm.org/">http://faq.i3wm.org/</a> first, then\r
-contact us on IRC (preferred) or post your question(s) on the mailing list.</p></div>\r
+window manager. If it does not, please check <a href="https://www.reddit.com/r/i3wm/">https://www.reddit.com/r/i3wm/</a>\r
+first, then contact us on IRC (preferred) or post your question(s) on the\r
+mailing list.</p></div>\r
 </div>\r
 </div>\r
 <div class="sect1">\r
@@ -76,14 +77,14 @@ above, just decline i3-config-wizard’s offer and base your config on
 <h2 id="_using_i3">2. Using i3</h2>\r
 <div class="sectionbody">\r
 <div class="paragraph"><p>Throughout this guide, the keyword <tt>$mod</tt> will be used to refer to the\r
-configured modifier. This is the Alt key (Mod1) by default, with the Windows\r
-key (Mod4) being a popular alternative.</p></div>\r
+configured modifier. This is the Alt key (<tt>Mod1</tt>) by default, with the Windows\r
+key (<tt>Mod4</tt>) being a popular alternative.</p></div>\r
 <div class="sect2">\r
 <h3 id="_opening_terminals_and_moving_around">2.1. Opening terminals and moving around</h3>\r
 <div class="paragraph"><p>One very basic operation is opening a new terminal. By default, the keybinding\r
-for this is $mod+Enter, that is Alt+Enter in the default configuration. By\r
-pressing $mod+Enter, a new terminal will be opened.  It will fill the whole\r
-space available on your screen.</p></div>\r
+for this is <tt>$mod+Enter</tt>, that is Alt+Enter (<tt>Mod1+Enter</tt>) in the default\r
+configuration. By pressing <tt>$mod+Enter</tt>, a new terminal will be opened.  It\r
+will fill the whole space available on your screen.</p></div>\r
 <div class="paragraph"><p><span class="image">\r
 <img src="single_terminal.png" alt="Single terminal" />\r
 </span></p></div>\r
@@ -97,9 +98,9 @@ existing window (rotated displays).</p></div>
 <div class="paragraph"><p>To move the focus between the two terminals, you can use the direction keys\r
 which you may know from the editor <tt>vi</tt>. However, in i3, your homerow is used\r
 for these keys (in <tt>vi</tt>, the keys are shifted to the left by one for\r
-compatibility with most keyboard layouts). Therefore, <tt>$mod+J</tt> is left, <tt>$mod+K</tt>\r
-is down, <tt>$mod+L</tt> is up and <tt>$mod+;</tt> is right. So, to switch between the\r
-terminals, use <tt>$mod+K</tt> or <tt>$mod+L</tt>. Of course, you can also use the arrow keys.</p></div>\r
+compatibility with most keyboard layouts). Therefore, <tt>$mod+j</tt> is left, <tt>$mod+k</tt>\r
+is down, <tt>$mod+l</tt> is up and <tt>$mod+;</tt> is right. So, to switch between the\r
+terminals, use <tt>$mod+k</tt> or <tt>$mod+l</tt>. Of course, you can also use the arrow keys.</p></div>\r
 <div class="paragraph"><p>At the moment, your workspace is split (it contains two terminals) in a\r
 specific direction (horizontal by default). Every window can be split\r
 horizontally or vertically again, just like the workspace. The terminology is\r
@@ -170,7 +171,7 @@ create a keybinding for starting the application directly. See the section
 <div class="sect2">\r
 <h3 id="_closing_windows">2.5. Closing windows</h3>\r
 <div class="paragraph"><p>If an application does not provide a mechanism for closing (most applications\r
-provide a menu, the escape key or a shortcut like <tt>Control+W</tt> to close), you\r
+provide a menu, the escape key or a shortcut like <tt>Control+w</tt> to close), you\r
 can press <tt>$mod+Shift+q</tt> to kill a window. For applications which support\r
 the WM_DELETE protocol, this will correctly close the application (saving\r
 any modifications or doing other cleanup). If the application doesn’t support\r
@@ -202,8 +203,10 @@ it does not yet exist.</p></div>
 <h3 id="_resizing">2.8. Resizing</h3>\r
 <div class="paragraph"><p>The easiest way to resize a container is by using the mouse: Grab the border\r
 and move it to the wanted size.</p></div>\r
-<div class="paragraph"><p>See <a href="#resizingconfig">[resizingconfig]</a> for how to configure i3 to be able to resize\r
-columns/rows with your keyboard.</p></div>\r
+<div class="paragraph"><p>You can also use <a href="#binding_modes">[binding_modes]</a> to define a mode for resizing via the\r
+keyboard. To see an example for this, look at the\r
+<a href="https://github.com/i3/i3/blob/next/etc/config.keycodes">default config</a> provided\r
+by i3.</p></div>\r
 </div>\r
 <div class="sect2">\r
 <h3 id="_restarting_i3_inplace">2.9. Restarting i3 inplace</h3>\r
@@ -228,7 +231,8 @@ dragging the window’s titlebar with your mouse you can move the window
 around. By grabbing the borders and moving them you can resize the window. You\r
 can also do that by using the <a href="#floating_modifier">[floating_modifier]</a>. Another way to resize\r
 floating windows using the mouse is to right-click on the titlebar and drag.</p></div>\r
-<div class="paragraph"><p>For resizing floating windows with your keyboard, see <a href="#resizingconfig">[resizingconfig]</a>.</p></div>\r
+<div class="paragraph"><p>For resizing floating windows with your keyboard, see the resizing binding mode\r
+provided by the i3 <a href="https://github.com/i3/i3/blob/next/etc/config.keycodes">default config</a>.</p></div>\r
 <div class="paragraph"><p>Floating windows are always on top of tiling windows.</p></div>\r
 </div>\r
 </div>\r
@@ -263,8 +267,8 @@ like this:</p></div>
 </div>\r
 </div>\r
 <div class="sect2">\r
-<h3 id="_orientation_and_split_containers">3.2. Orientation and Split Containers</h3>\r
-<div class="paragraph" id="OrientationSplit"><p>It is only natural to use so-called <tt>Split Containers</tt> in order to build a\r
+<h3 id="OrientationSplit">3.2. Orientation and Split Containers</h3>\r
+<div class="paragraph"><p>It is only natural to use so-called <tt>Split Containers</tt> in order to build a\r
 layout when using a tree as data structure. In i3, every <tt>Container</tt> has an\r
 orientation (horizontal, vertical or unspecified) and the orientation depends\r
 on the layout the container is in (vertical for splitv and stacking, horizontal\r
@@ -307,7 +311,7 @@ of splits can be.</p></div>
 vertically split terminals on the right, focus is on the bottom right one. When\r
 you open a new terminal, it will open below the current one.</p></div>\r
 <div class="paragraph"><p>So, how can you open a new terminal window to the <strong>right</strong> of the current one?\r
-The solution is to use <tt>focus parent</tt>, which will focus the <tt>Parent Container</tt> of\r
+The solution is to use <tt>focus parent</tt> (<tt>$mod+a</tt> by default), which will focus the <tt>Parent Container</tt> of\r
 the current <tt>Container</tt>. In this case, you would focus the <tt>Vertical Split\r
 Container</tt> which is <strong>inside</strong> the horizontally oriented workspace. Thus, now new\r
 windows will be opened to the right of the <tt>Vertical Split Container</tt>:</p></div>\r
@@ -354,11 +358,19 @@ can bind your keys to do useful things.</p></div>
 with a text editor.</p></div>\r
 <div class="paragraph"><p>On first start (and on all following starts, unless you have a configuration\r
 file), i3 will offer you to create a configuration file. You can tell the\r
-wizard to use either Alt (Mod1) or Windows (Mod4) as modifier in the config\r
+wizard to use either Alt (<tt>Mod1</tt>) or Windows (<tt>Mod4</tt>) as modifier in the config\r
 file. Also, the created config file will use the key symbols of your current\r
 keyboard layout. To start the wizard, use the command <tt>i3-config-wizard</tt>.\r
 Please note that you must not have <tt>~/.i3/config</tt>, otherwise the wizard will\r
 exit.</p></div>\r
+<div class="paragraph"><p>Since i3 4.0, a new configuration format is used. i3 will try to automatically\r
+detect the format version of a config file based on a few different keywords,\r
+but if you want to make sure that your config is read with the new format,\r
+include the following line in your config file:</p></div>\r
+<div class="listingblock">\r
+<div class="content">\r
+<pre><tt># i3 config file (v4)</tt></pre>\r
+</div></div>\r
 <div class="sect2">\r
 <h3 id="_comments">4.1. Comments</h3>\r
 <div class="paragraph"><p>It is possible and recommended to use comments in your configuration file to\r
@@ -486,7 +498,7 @@ can configure mouse bindings in a similar way to key bindings.</p></div>
 <div class="paragraph"><p><strong>Syntax</strong>:</p></div>\r
 <div class="listingblock">\r
 <div class="content">\r
-<pre><tt>bindsym [--release] [--border] [--whole-window] [&lt;Modifiers&gt;+]button&lt;n&gt; command</tt></pre>\r
+<pre><tt>bindsym [--release] [--border] [--whole-window] [--exclude-titlebar] [&lt;Modifiers&gt;+]button&lt;n&gt; command</tt></pre>\r
 </div></div>\r
 <div class="paragraph"><p>By default, the binding will only run when you click on the titlebar of the\r
 window. If the <tt>--release</tt> flag is given, it will run when the mouse button\r
@@ -494,6 +506,8 @@ is released.</p></div>
 <div class="paragraph"><p>If the <tt>--whole-window</tt> flag is given, the binding will also run when any part\r
 of the window is clicked, with the exception of the border. To have a bind run\r
 when the border is clicked, specify the <tt>--border</tt> flag.</p></div>\r
+<div class="paragraph"><p>If the <tt>--exclude-titlebar</tt> flag is given, the titlebar will not be considered\r
+for the keybinding.</p></div>\r
 <div class="paragraph"><p><strong>Examples</strong>:</p></div>\r
 <div class="listingblock">\r
 <div class="content">\r
@@ -513,7 +527,54 @@ bindsym button8 move right</tt></pre>
 </div></div>\r
 </div>\r
 <div class="sect2">\r
-<h3 id="floating_modifier">4.5. The floating modifier</h3>\r
+<h3 id="binding_modes">4.5. Binding modes</h3>\r
+<div class="paragraph"><p>You can have multiple sets of bindings by using different binding modes. When\r
+you switch to another binding mode, all bindings from the current mode are\r
+released and only the bindings defined in the new mode are valid for as long as\r
+you stay in that binding mode. The only predefined binding mode is <tt>default</tt>,\r
+which is the mode i3 starts out with and to which all bindings not defined in a\r
+specific binding mode belong.</p></div>\r
+<div class="paragraph"><p>Working with binding modes consists of two parts: defining a binding mode and\r
+switching to it. For these purposes, there are one config directive and one\r
+command, both of which are called <tt>mode</tt>. The directive is used to define the\r
+bindings belonging to a certain binding mode, while the command will switch to\r
+the specified mode.</p></div>\r
+<div class="paragraph"><p>It is recommended to use binding modes in combination with <a href="#variables">[variables]</a> in\r
+order to make maintenance easier. Below is an example of how to use a binding\r
+mode.</p></div>\r
+<div class="paragraph"><p>Note that it is advisable to define bindings for switching back to the default\r
+mode.</p></div>\r
+<div class="paragraph"><p>Note that it is possible to use <a href="#pango_markup">[pango_markup]</a> for binding modes, but you\r
+need to enable it explicitly by passing the <tt>--pango_markup</tt> flag to the mode\r
+definition.</p></div>\r
+<div class="paragraph"><p><strong>Syntax</strong>:</p></div>\r
+<div class="listingblock">\r
+<div class="content">\r
+<pre><tt># config directive\r
+mode [--pango_markup] &lt;name&gt;\r
+\r
+# command\r
+mode &lt;name&gt;</tt></pre>\r
+</div></div>\r
+<div class="paragraph"><p><strong>Example</strong>:</p></div>\r
+<div class="listingblock">\r
+<div class="content">\r
+<pre><tt># Press $mod+o followed by either f, t, Escape or Return to launch firefox,\r
+# thunderbird or return to the default mode, respectively.\r
+set $mode_launcher Launch: [f]irefox [t]hunderbird\r
+bindsym $mod+o mode "$mode_launcher"\r
+\r
+mode "$mode_launcher" {\r
+    bindsym f exec firefox\r
+    bindsym t exec thunderbird\r
+\r
+    bindsym Escape mode "default"\r
+    bindsym Return mode "default"\r
+}</tt></pre>\r
+</div></div>\r
+</div>\r
+<div class="sect2">\r
+<h3 id="floating_modifier">4.6. The floating modifier</h3>\r
 <div class="paragraph"><p>To move floating windows with your mouse, you can either grab their titlebar\r
 or configure the so called floating modifier which you can then press and\r
 click anywhere in the window itself to move it. The most common setup is to\r
@@ -536,7 +597,7 @@ ratio will be preserved).</p></div>
 </div></div>\r
 </div>\r
 <div class="sect2">\r
-<h3 id="_constraining_floating_window_size">4.6. Constraining floating window size</h3>\r
+<h3 id="_constraining_floating_window_size">4.7. Constraining floating window size</h3>\r
 <div class="paragraph"><p>The maximum and minimum dimensions of floating windows can be specified. If\r
 either dimension of <tt>floating_maximum_size</tt> is specified as -1, that dimension\r
 will be unconstrained with respect to its maximum value. If either dimension of\r
@@ -557,7 +618,7 @@ floating_maximum_size -1 x -1</tt></pre>
 </div></div>\r
 </div>\r
 <div class="sect2">\r
-<h3 id="_orientation_for_new_workspaces">4.7. Orientation for new workspaces</h3>\r
+<h3 id="_orientation_for_new_workspaces">4.8. Orientation for new workspaces</h3>\r
 <div class="paragraph"><p>New workspaces get a reasonable default orientation: Wide-screen monitors\r
 (anything wider than high) get horizontal orientation, rotated monitors\r
 (anything higher than wide) get vertical orientation.</p></div>\r
@@ -575,7 +636,7 @@ behavior.</p></div>
 </div></div>\r
 </div>\r
 <div class="sect2">\r
-<h3 id="_layout_mode_for_new_containers">4.8. Layout mode for new containers</h3>\r
+<h3 id="_layout_mode_for_new_containers">4.9. Layout mode for new containers</h3>\r
 <div class="paragraph"><p>This option determines in which mode new containers on workspace level will\r
 start.</p></div>\r
 <div class="paragraph"><p><strong>Syntax</strong>:</p></div>\r
@@ -590,7 +651,7 @@ start.</p></div>
 </div></div>\r
 </div>\r
 <div class="sect2">\r
-<h3 id="_border_style_for_new_windows">4.9. Border style for new windows</h3>\r
+<h3 id="_border_style_for_new_windows">4.10. Border style for new windows</h3>\r
 <div class="paragraph"><p>This option determines which border style new windows will have. The default is\r
 <tt>normal</tt>. Note that new_float applies only to windows which are starting out as\r
 floating windows, e.g., dialog windows, but not windows that are floated later on.</p></div>\r
@@ -620,14 +681,16 @@ new_window pixel 3</tt></pre>
 </div></div>\r
 </div>\r
 <div class="sect2">\r
-<h3 id="_hiding_vertical_borders">4.10. Hiding vertical borders</h3>\r
-<div class="paragraph"><p>You can hide vertical borders adjacent to the screen edges using\r
+<h3 id="_hiding_vertical_borders">4.11. Hiding borders adjacent to the screen edges</h3>\r
+<div class="paragraph"><p>You can hide container borders adjacent to the screen edges using\r
 <tt>hide_edge_borders</tt>. This is useful if you are using scrollbars, or do not want\r
-to waste even two pixels in displayspace. Default is none.</p></div>\r
+to waste even two pixels in displayspace. The "smart" setting hides borders on\r
+workspaces with only one window visible, but keeps them on workspaces with\r
+multiple windows visible. Default is none.</p></div>\r
 <div class="paragraph"><p><strong>Syntax</strong>:</p></div>\r
 <div class="listingblock">\r
 <div class="content">\r
-<pre><tt>hide_edge_borders none|vertical|horizontal|both</tt></pre>\r
+<pre><tt>hide_edge_borders none|vertical|horizontal|both|smart</tt></pre>\r
 </div></div>\r
 <div class="paragraph"><p><strong>Example</strong>:</p></div>\r
 <div class="listingblock">\r
@@ -636,8 +699,8 @@ to waste even two pixels in displayspace. Default is none.</p></div>
 </div></div>\r
 </div>\r
 <div class="sect2">\r
-<h3 id="_arbitrary_commands_for_specific_windows_for_window">4.11. Arbitrary commands for specific windows (for_window)</h3>\r
-<div class="paragraph" id="for_window"><p>With the <tt>for_window</tt> command, you can let i3 execute any command when it\r
+<h3 id="for_window">4.12. Arbitrary commands for specific windows (for_window)</h3>\r
+<div class="paragraph"><p>With the <tt>for_window</tt> command, you can let i3 execute any command when it\r
 encounters a specific window. This can be used to set windows to floating or to\r
 change their border style, for example.</p></div>\r
 <div class="paragraph"><p><strong>Syntax</strong>:</p></div>\r
@@ -662,12 +725,15 @@ for_window [title="x200: ~/work"] floating enable</tt></pre>
 <div class="paragraph"><p>The valid criteria are the same as those for commands, see <a href="#command_criteria">[command_criteria]</a>.</p></div>\r
 </div>\r
 <div class="sect2">\r
-<h3 id="_don_8217_t_focus_window_upon_opening">4.12. Don&#8217;t focus window upon opening</h3>\r
-<div class="paragraph" id="no_focus"><p>When a new window appears, it will be focused. The <tt>no_focus</tt> directive allows preventing\r
-this from happening and can be used in combination with <a href="#command_criteria">[command_criteria]</a>.</p></div>\r
+<h3 id="no_focus">4.13. Don&#8217;t focus window upon opening</h3>\r
+<div class="paragraph"><p>When a new window appears, it will be focused. The <tt>no_focus</tt> directive allows preventing\r
+this from happening and must be used in combination with <a href="#command_criteria">[command_criteria]</a>.</p></div>\r
 <div class="paragraph"><p>Note that this does not apply to all cases, e.g., when feeding data into a running application\r
 causing it to request being focused. To configure the behavior in such cases, refer to\r
 <a href="#focus_on_window_activation">[focus_on_window_activation]</a>.</p></div>\r
+<div class="paragraph"><p><tt>no_focus</tt> will also be ignored for the first window on a workspace as there shouldn&#8217;t be\r
+a reason to not focus the window in this case. This allows for better usability in\r
+combination with <tt>workspace_layout</tt>.</p></div>\r
 <div class="paragraph"><p><strong>Syntax</strong>:</p></div>\r
 <div class="listingblock">\r
 <div class="content">\r
@@ -680,7 +746,7 @@ causing it to request being focused. To configure the behavior in such cases, re
 </div></div>\r
 </div>\r
 <div class="sect2">\r
-<h3 id="_variables">4.13. Variables</h3>\r
+<h3 id="variables">4.14. Variables</h3>\r
 <div class="paragraph"><p>As you learned in the section about keyboard bindings, you will have\r
 to configure lots of bindings containing modifier keys. If you want to save\r
 yourself some typing and be able to change the modifier you use later,\r
@@ -702,10 +768,39 @@ containing another variable. There is no fancy handling and there are
 absolutely no plans to change this. If you need a more dynamic configuration\r
 you should create a little script which generates a configuration file and run\r
 it before starting i3 (for example in your <tt>~/.xsession</tt> file).</p></div>\r
+<div class="paragraph"><p>Also see <a href="#xresources">[xresources]</a> to learn how to create variables based on resources\r
+loaded from the X resource database.</p></div>\r
+</div>\r
+<div class="sect2">\r
+<h3 id="xresources">4.15. X resources</h3>\r
+<div class="paragraph"><p><a href="#variables">[variables]</a> can also be created using a value configured in the X resource\r
+database. This is useful, for example, to avoid configuring color values within\r
+the i3 configuration. Instead, the values can be configured, once, in the X\r
+resource database to achieve an easily maintainable, consistent color theme\r
+across many X applications.</p></div>\r
+<div class="paragraph"><p>Defining a resource will load this resource from the resource database and\r
+assign its value to the specified variable. A fallback must be specified in\r
+case the resource cannot be loaded from the database.</p></div>\r
+<div class="paragraph"><p><strong>Syntax</strong>:</p></div>\r
+<div class="listingblock">\r
+<div class="content">\r
+<pre><tt>set_from_resource $&lt;name&gt; &lt;resource_name&gt; &lt;fallback&gt;</tt></pre>\r
+</div></div>\r
+<div class="paragraph"><p><strong>Example</strong>:</p></div>\r
+<div class="listingblock">\r
+<div class="content">\r
+<pre><tt># The ~/.Xresources should contain a line such as\r
+#     *color0: #121212\r
+# and must be loaded properly, e.g., by using\r
+#     xrdb ~/.Xresources\r
+# This value is picked up on by other applications (e.g., the URxvt terminal\r
+# emulator) and can be used in i3 like this:\r
+set_from_resource $black i3wm.color0 #000000</tt></pre>\r
+</div></div>\r
 </div>\r
 <div class="sect2">\r
-<h3 id="_automatically_putting_clients_on_specific_workspaces">4.14. Automatically putting clients on specific workspaces</h3>\r
-<div class="paragraph" id="assign_workspace"><p>To automatically make a specific window show up on a specific workspace, you\r
+<h3 id="assign_workspace">4.16. Automatically putting clients on specific workspaces</h3>\r
+<div class="paragraph"><p>To automatically make a specific window show up on a specific workspace, you\r
 can use an <strong>assignment</strong>. You can match windows by using any criteria,\r
 see <a href="#command_criteria">[command_criteria]</a>. It is recommended that you match on window classes\r
 (and instances, when appropriate) instead of window titles whenever possible\r
@@ -753,7 +848,7 @@ window, you will see the following output:</p></div>
 <div class="paragraph"><p>The first part of the WM_CLASS is the instance ("irssi" in this example), the\r
 second part is the class ("URxvt" in this example).</p></div>\r
 <div class="paragraph"><p>Should you have any problems with assignments, make sure to check the i3\r
-logfile first (see <a href="http://i3wm.org/docs/debugging.html">http://i3wm.org/docs/debugging.html</a>). It includes more\r
+logfile first (see <a href="https://i3wm.org/docs/debugging.html">https://i3wm.org/docs/debugging.html</a>). It includes more\r
 details about the matching process and the window’s actual class, instance and\r
 title when starting up.</p></div>\r
 <div class="paragraph"><p>Note that if you want to start an application just once on a specific\r
@@ -773,7 +868,7 @@ exec --no-startup-id i3-msg 'workspace 3; exec iceweasel; workspace 1'</tt></pre
 </div></div>\r
 </div>\r
 <div class="sect2">\r
-<h3 id="_automatically_starting_applications_on_i3_startup">4.15. Automatically starting applications on i3 startup</h3>\r
+<h3 id="_automatically_starting_applications_on_i3_startup">4.17. Automatically starting applications on i3 startup</h3>\r
 <div class="paragraph"><p>By using the <tt>exec</tt> keyword outside a keybinding, you can configure\r
 which commands will be performed by i3 on initial startup. <tt>exec</tt>\r
 commands will not run when restarting i3, if you need a command to run\r
@@ -781,7 +876,7 @@ also when restarting i3 you should use the <tt>exec_always</tt>
 keyword. These commands will be run in order.</p></div>\r
 <div class="paragraph"><p>See <a href="#command_chaining">[command_chaining]</a> for details on the special meaning of <tt>;</tt> (semicolon)\r
 and <tt>,</tt> (comma): they chain commands together in i3, so you need to use quoted\r
-strings if they appear in your command.</p></div>\r
+strings (as shown in <a href="#exec_quoting">[exec_quoting]</a>) if they appear in your command.</p></div>\r
 <div class="paragraph"><p><strong>Syntax</strong>:</p></div>\r
 <div class="listingblock">\r
 <div class="content">\r
@@ -800,7 +895,7 @@ exec --no-startup-id urxvt</tt></pre>
 <div class="paragraph"><p>The flag --no-startup-id is explained in <a href="#exec">[exec]</a>.</p></div>\r
 </div>\r
 <div class="sect2">\r
-<h3 id="workspace_screen">4.16. Automatically putting workspaces on specific screens</h3>\r
+<h3 id="workspace_screen">4.18. Automatically putting workspaces on specific screens</h3>\r
 <div class="paragraph"><p>If you assign clients to workspaces, it might be handy to put the\r
 workspaces on specific screens. Also, the assignment of workspaces to screens\r
 will determine which workspace i3 uses for a new screen when adding screens\r
@@ -814,6 +909,16 @@ the second screen and so on).</p></div>
 <div class="paragraph"><p>The <em>output</em> is the name of the RandR output you attach your screen to. On a\r
 laptop, you might have VGA1 and LVDS1 as output names. You can see the\r
 available outputs by running <tt>xrandr --current</tt>.</p></div>\r
+<div class="paragraph"><p>If your X server supports RandR 1.5 or newer, i3 will use RandR monitor objects\r
+instead of output objects. Run <tt>xrandr --listmonitors</tt> to see a list. Usually,\r
+a monitor object contains exactly one output, and has the same name as the\r
+output; but should that not be the case, you may specify the name of either the\r
+monitor or the output in i3&#8217;s configuration. For example, the Dell UP2414Q uses\r
+two scalers internally, so its output names might be “DP1” and “DP2”, but the\r
+monitor name is “Dell UP2414Q”.</p></div>\r
+<div class="paragraph"><p>(Note that even if you specify the name of an output which doesn&#8217;t span the\r
+entire monitor, i3 will still use the entire area of the containing monitor\r
+rather than that of just the output&#8217;s.)</p></div>\r
 <div class="paragraph"><p>If you use named workspaces, they must be quoted:</p></div>\r
 <div class="paragraph"><p><strong>Examples</strong>:</p></div>\r
 <div class="listingblock">\r
@@ -824,12 +929,12 @@ workspace "2: vim" output VGA1</tt></pre>
 </div></div>\r
 </div>\r
 <div class="sect2">\r
-<h3 id="_changing_colors">4.17. Changing colors</h3>\r
+<h3 id="_changing_colors">4.19. Changing colors</h3>\r
 <div class="paragraph"><p>You can change all colors which i3 uses to draw the window decorations.</p></div>\r
 <div class="paragraph"><p><strong>Syntax</strong>:</p></div>\r
 <div class="listingblock">\r
 <div class="content">\r
-<pre><tt>&lt;colorclass&gt; &lt;border&gt; &lt;background&gt; &lt;text&gt; &lt;indicator&gt;</tt></pre>\r
+<pre><tt>&lt;colorclass&gt; &lt;border&gt; &lt;background&gt; &lt;text&gt; &lt;indicator&gt; &lt;child_border&gt;</tt></pre>\r
 </div></div>\r
 <div class="paragraph"><p>Where colorclass can be one of:</p></div>\r
 <div class="dlist"><dl>\r
@@ -891,18 +996,18 @@ client.background
 <div class="paragraph"><p><strong>Examples (default colors)</strong>:</p></div>\r
 <div class="listingblock">\r
 <div class="content">\r
-<pre><tt># class                 border  backgr. text    indicator\r
-client.focused          #4c7899 #285577 #ffffff #2e9ef4\r
-client.focused_inactive #333333 #5f676a #ffffff #484e50\r
-client.unfocused        #333333 #222222 #888888 #292d2e\r
-client.urgent           #2f343a #900000 #ffffff #900000\r
-client.placeholder      #000000 #0c0c0c #ffffff #000000\r
+<pre><tt># class                 border  backgr. text    indicator child_border\r
+client.focused          #4c7899 #285577 #ffffff #2e9ef4   #285577\r
+client.focused_inactive #333333 #5f676a #ffffff #484e50   #5f676a\r
+client.unfocused        #333333 #222222 #888888 #292d2e   #222222\r
+client.urgent           #2f343a #900000 #ffffff #900000   #900000\r
+client.placeholder      #000000 #0c0c0c #ffffff #000000   #0c0c0c\r
 \r
 client.background       #ffffff</tt></pre>\r
 </div></div>\r
 <div class="paragraph"><p>Note that for the window decorations, the color around the child window is the\r
-background color, and the border color is only the two thin lines at the top of\r
-the window.</p></div>\r
+"child_border", and "border" color is only the two thin lines around the\r
+titlebar.</p></div>\r
 <div class="paragraph"><p>The indicator color is used for indicating where a new window will be opened.\r
 For horizontal split containers, the right border will be painted in indicator\r
 color, for vertical split containers, the bottom border. This only applies to\r
@@ -910,7 +1015,7 @@ single windows within a split container, which are otherwise indistinguishable
 from single windows outside of a split container.</p></div>\r
 </div>\r
 <div class="sect2">\r
-<h3 id="_interprocess_communication">4.18. Interprocess communication</h3>\r
+<h3 id="_interprocess_communication">4.20. Interprocess communication</h3>\r
 <div class="paragraph"><p>i3 uses Unix sockets to provide an IPC interface. This allows third-party\r
 programs to get information from i3, such as the current workspaces\r
 (to display a workspace bar), and to control i3.</p></div>\r
@@ -932,13 +1037,13 @@ user can create that directory.</p></div>
 the next section.</p></div>\r
 </div>\r
 <div class="sect2">\r
-<h3 id="_focus_follows_mouse">4.19. Focus follows mouse</h3>\r
-<div class="paragraph"><p>By default, window focus follows your mouse movements. However, if you have a\r
-setup where your mouse usually is in your way (like a touchpad on your laptop\r
-which you do not want to disable completely), you might want to disable <em>focus\r
-follows mouse</em> and control focus only by using your keyboard.  The mouse will\r
-still be useful inside the currently active window (for example to click on\r
-links in your browser window).</p></div>\r
+<h3 id="_focus_follows_mouse">4.21. Focus follows mouse</h3>\r
+<div class="paragraph"><p>By default, window focus follows your mouse movements as the mouse crosses\r
+window borders. However, if you have a setup where your mouse usually is in your\r
+way (like a touchpad on your laptop which you do not want to disable\r
+completely), you might want to disable <em>focus follows mouse</em> and control focus\r
+only by using your keyboard.  The mouse will still be useful inside the\r
+currently active window (for example to click on links in your browser window).</p></div>\r
 <div class="paragraph"><p><strong>Syntax</strong>:</p></div>\r
 <div class="listingblock">\r
 <div class="content">\r
@@ -951,7 +1056,7 @@ links in your browser window).</p></div>
 </div></div>\r
 </div>\r
 <div class="sect2">\r
-<h3 id="_mouse_warping">4.20. Mouse warping</h3>\r
+<h3 id="_mouse_warping">4.22. Mouse warping</h3>\r
 <div class="paragraph"><p>By default, when switching focus to a window on a different output (e.g.\r
 focusing a window on workspace 3 on output VGA-1, coming from workspace 2 on\r
 LVDS-1), the mouse cursor is warped to the center of that window.</p></div>\r
@@ -970,7 +1075,7 @@ behavior described above.</p></div>
 </div></div>\r
 </div>\r
 <div class="sect2">\r
-<h3 id="_popups_during_fullscreen_mode">4.21. Popups during fullscreen mode</h3>\r
+<h3 id="_popups_during_fullscreen_mode">4.23. Popups during fullscreen mode</h3>\r
 <div class="paragraph"><p>When you are in fullscreen mode, some applications still open popup windows\r
 (take Xpdf for example). This is because these applications may not be aware\r
 that they are in fullscreen mode (they do not check the corresponding hint).\r
@@ -1007,7 +1112,7 @@ Leave fullscreen mode.
 </div></div>\r
 </div>\r
 <div class="sect2">\r
-<h3 id="_focus_wrapping">4.22. Focus wrapping</h3>\r
+<h3 id="_focus_wrapping">4.24. Focus wrapping</h3>\r
 <div class="paragraph"><p>When being in a tabbed or stacked container, the first container will be\r
 focused when you use <tt>focus down</tt> on the last container&#8201;&#8212;&#8201;the focus wraps. If\r
 however there is another stacked/tabbed container in that direction, focus will\r
@@ -1029,8 +1134,8 @@ will always wrap.</p></div>
 </div></div>\r
 </div>\r
 <div class="sect2">\r
-<h3 id="_forcing_xinerama">4.23. Forcing Xinerama</h3>\r
-<div class="paragraph"><p>As explained in-depth in <a href="http://i3wm.org/docs/multi-monitor.html">http://i3wm.org/docs/multi-monitor.html</a>, some X11\r
+<h3 id="_forcing_xinerama">4.25. Forcing Xinerama</h3>\r
+<div class="paragraph"><p>As explained in-depth in <a href="https://i3wm.org/docs/multi-monitor.html">https://i3wm.org/docs/multi-monitor.html</a>, some X11\r
 video drivers (especially the nVidia binary driver) only provide support for\r
 Xinerama instead of RandR. In such a situation, i3 must be told to use the\r
 inferior Xinerama API explicitly and therefore don’t provide support for\r
@@ -1052,7 +1157,7 @@ that’s it).</p></div>
 Xinerama, instead they are counted up, starting at 0: <tt>xinerama-0</tt>, <tt>xinerama-1</tt>, …</p></div>\r
 </div>\r
 <div class="sect2">\r
-<h3 id="_automatic_back_and_forth_when_switching_to_the_current_workspace">4.24. Automatic back-and-forth when switching to the current workspace</h3>\r
+<h3 id="_automatic_back_and_forth_when_switching_to_the_current_workspace">4.26. Automatic back-and-forth when switching to the current workspace</h3>\r
 <div class="paragraph"><p>This configuration directive enables automatic <tt>workspace back_and_forth</tt> (see\r
 <a href="#back_and_forth">[back_and_forth]</a>) when switching to the workspace that is currently focused.</p></div>\r
 <div class="paragraph"><p>For instance: Assume you are on workspace "1: www" and switch to "2: IM" using\r
@@ -1070,7 +1175,7 @@ came from now, you can just press $mod+2 again to switch back to "1: www".</p></
 </div></div>\r
 </div>\r
 <div class="sect2">\r
-<h3 id="_delaying_urgency_hint_reset_on_workspace_change">4.25. Delaying urgency hint reset on workspace change</h3>\r
+<h3 id="_delaying_urgency_hint_reset_on_workspace_change">4.27. Delaying urgency hint reset on workspace change</h3>\r
 <div class="paragraph"><p>If an application on another workspace sets an urgency hint, switching to this\r
 workspace may lead to immediate focus of the application, which also means the\r
 window decoration color would be immediately reset to <tt>client.focused</tt>. This\r
@@ -1092,8 +1197,8 @@ value to 0 disables this feature.</p></div>
 </div></div>\r
 </div>\r
 <div class="sect2">\r
-<h3 id="_focus_on_window_activation">4.26. Focus on window activation</h3>\r
-<div class="paragraph" id="focus_on_window_activation"><p>If a window is activated, e.g., via <tt>google-chrome www.google.com</tt>, it may request\r
+<h3 id="focus_on_window_activation">4.28. Focus on window activation</h3>\r
+<div class="paragraph"><p>If a window is activated, e.g., via <tt>google-chrome www.google.com</tt>, it may request\r
 to take focus. Since this may not preferable, different reactions can be configured.</p></div>\r
 <div class="paragraph"><p>Note that this may not affect windows that are being opened. To prevent new windows\r
 from being focused, see <a href="#no_focus">[no_focus]</a>.</p></div>\r
@@ -1140,10 +1245,10 @@ none
 </dl></div>\r
 </div>\r
 <div class="sect2">\r
-<h3 id="_drawing_marks_on_window_decoration">4.27. Drawing marks on window decoration</h3>\r
-<div class="paragraph"><p>If activated, marks on windows are drawn in their window decoration. However,\r
-any mark starting with an underscore in its name (<tt>_</tt>) will not be drawn even if\r
-this option is activated.</p></div>\r
+<h3 id="show_marks">4.29. Drawing marks on window decoration</h3>\r
+<div class="paragraph"><p>If activated, marks (see <a href="#vim_like_marks">[vim_like_marks]</a>) on windows are drawn in their window\r
+decoration. However, any mark starting with an underscore in its name (<tt>_</tt>) will\r
+not be drawn even if this option is activated.</p></div>\r
 <div class="paragraph"><p>The default for this option is <tt>yes</tt>.</p></div>\r
 <div class="paragraph"><p><strong>Syntax</strong>:</p></div>\r
 <div class="listingblock">\r
@@ -1157,15 +1262,19 @@ this option is activated.</p></div>
 </div></div>\r
 </div>\r
 <div class="sect2">\r
-<h3 id="line_continuation">4.28. Line continuation</h3>\r
+<h3 id="line_continuation">4.30. Line continuation</h3>\r
 <div class="paragraph"><p>Config files support line continuation, meaning when you end a line in a\r
 backslash character (<tt>\</tt>), the line-break will be ignored by the parser. This\r
-feature can be used to create more readable configuration files.</p></div>\r
+feature can be used to create more readable configuration files.\r
+Commented lines are not continued.</p></div>\r
 <div class="paragraph"><p><strong>Examples</strong>:</p></div>\r
 <div class="listingblock">\r
 <div class="content">\r
 <pre><tt>bindsym Mod1+f \\r
-fullscreen toggle</tt></pre>\r
+fullscreen toggle\r
+\r
+# this line is not continued \\r
+bindsym Mod1+F fullscreen toggle</tt></pre>\r
 </div></div>\r
 </div>\r
 </div>\r
@@ -1288,7 +1397,7 @@ the windows key). The default value for the hidden_state is hide.</p></div>
 <div class="content">\r
 <pre><tt>mode dock|hide|invisible\r
 hidden_state hide|show\r
-modifier &lt;Modifier&gt;</tt></pre>\r
+modifier &lt;Modifier&gt;|none</tt></pre>\r
 </div></div>\r
 <div class="paragraph"><p><strong>Example</strong>:</p></div>\r
 <div class="listingblock">\r
@@ -1299,7 +1408,8 @@ modifier &lt;Modifier&gt;</tt></pre>
     modifier Mod1\r
 }</tt></pre>\r
 </div></div>\r
-<div class="paragraph"><p>Available modifiers are Mod1-Mod5, Shift, Control (see <tt>xmodmap(1)</tt>).</p></div>\r
+<div class="paragraph"><p>Available modifiers are Mod1-Mod5, Shift, Control (see <tt>xmodmap(1)</tt>). You can\r
+also use "none" if you don&#8217;t want any modifier to trigger this behavior.</p></div>\r
 </div>\r
 <div class="sect2">\r
 <h3 id="_mouse_button_commands">5.4. Mouse button commands</h3>\r
@@ -1414,7 +1524,7 @@ directive multiple times.</p></div>
 <div class="paragraph"><p><strong>Syntax</strong>:</p></div>\r
 <div class="listingblock">\r
 <div class="content">\r
-<pre><tt>output &lt;output&gt;</tt></pre>\r
+<pre><tt>output primary|&lt;output&gt;</tt></pre>\r
 </div></div>\r
 <div class="paragraph"><p><strong>Example</strong>:</p></div>\r
 <div class="listingblock">\r
@@ -1435,8 +1545,20 @@ bar {
         background #000000\r
         statusline #ffffff\r
     }\r
+}\r
+\r
+# show bar on the primary monitor and on HDMI2\r
+bar {\r
+    output primary\r
+    output HDMI2\r
+    status_command i3status\r
 }</tt></pre>\r
 </div></div>\r
+<div class="paragraph"><p>Note that you might not have a primary output configured yet. To do so, run:</p></div>\r
+<div class="listingblock">\r
+<div class="content">\r
+<pre><tt>xrandr --output &lt;output&gt; --primary</tt></pre>\r
+</div></div>\r
 </div>\r
 <div class="sect2">\r
 <h3 id="_tray_output">5.8. Tray output</h3>\r
@@ -1444,6 +1566,10 @@ bar {
 NetworkManager, VLC, Pidgin, etc. can place little icons.</p></div>\r
 <div class="paragraph"><p>You can configure on which output (monitor) the icons should be displayed or\r
 you can turn off the functionality entirely.</p></div>\r
+<div class="paragraph"><p>You can use multiple <tt>tray_output</tt> directives in your config to specify a list\r
+of outputs on which you want the tray to appear. The first available output in\r
+that list as defined by the order of the directives will be used for the tray\r
+output.</p></div>\r
 <div class="paragraph"><p><strong>Syntax</strong>:</p></div>\r
 <div class="listingblock">\r
 <div class="content">\r
@@ -1573,8 +1699,8 @@ workspaces to "1:I", "2:II", "3:III", "4:IV", &#8230;</p></div>
 <h3 id="_binding_mode_indicator">5.14. Binding Mode indicator</h3>\r
 <div class="paragraph"><p>Specifies whether the current binding mode indicator should be shown or not.\r
 This is useful if you want to hide the workspace buttons but still be able\r
-to see the current binding mode indicator.\r
-For an example of a <tt>mode</tt> definition, see <a href="#resizingconfig">[resizingconfig]</a>.</p></div>\r
+to see the current binding mode indicator. See <a href="#binding_modes">[binding_modes]</a> to learn what\r
+modes are and how to use them.</p></div>\r
 <div class="paragraph"><p>The default is to show the mode indicator.</p></div>\r
 <div class="paragraph"><p><strong>Syntax</strong>:</p></div>\r
 <div class="listingblock">\r
@@ -1619,6 +1745,33 @@ separator
 </p>\r
 </dd>\r
 <dt class="hdlist1">\r
+focused_background\r
+</dt>\r
+<dd>\r
+<p>\r
+        Background color of the bar on the currently focused monitor output. If\r
+        not used, the color will be taken from <tt>background</tt>.\r
+</p>\r
+</dd>\r
+<dt class="hdlist1">\r
+focused_statusline\r
+</dt>\r
+<dd>\r
+<p>\r
+        Text color to be used for the statusline on the currently focused\r
+        monitor output. If not used, the color will be taken from <tt>statusline</tt>.\r
+</p>\r
+</dd>\r
+<dt class="hdlist1">\r
+focused_separator\r
+</dt>\r
+<dd>\r
+<p>\r
+        Text color to be used for the separator on the currently focused\r
+        monitor output. If not used, the color will be taken from <tt>separator</tt>.\r
+</p>\r
+</dd>\r
+<dt class="hdlist1">\r
 focused_workspace\r
 </dt>\r
 <dd>\r
@@ -1739,7 +1892,10 @@ bindsym $mod+x [class="(?i)firefox"] kill
 bindsym $mod+x [class="Firefox" window_role="About"] kill\r
 \r
 # enable floating mode and move container to workspace 4\r
-for_window [class="^evil-app$"] floating enable, move container to workspace 4</tt></pre>\r
+for_window [class="^evil-app$"] floating enable, move container to workspace 4\r
+\r
+# move all floating windows to the scratchpad\r
+bindsym $mod+x [floating] move scratchpad</tt></pre>\r
 </div></div>\r
 <div class="paragraph"><p>The criteria which are currently implemented are:</p></div>\r
 <div class="dlist"><dl>\r
@@ -1749,7 +1905,7 @@ class
 <dd>\r
 <p>\r
         Compares the window class (the second part of WM_CLASS). Use the\r
-        special value <tt><em>focused</em></tt> to match all windows having the same window\r
+        special value <tt>__focused__</tt> to match all windows having the same window\r
         class as the currently focused window.\r
 </p>\r
 </dd>\r
@@ -1759,7 +1915,7 @@ instance
 <dd>\r
 <p>\r
         Compares the window instance (the first part of WM_CLASS). Use the\r
-        special value <tt><em>focused</em></tt> to match all windows having the same window\r
+        special value <tt>__focused__</tt> to match all windows having the same window\r
         instance as the currently focused window.\r
 </p>\r
 </dd>\r
@@ -1769,7 +1925,7 @@ window_role
 <dd>\r
 <p>\r
         Compares the window role (WM_WINDOW_ROLE). Use the special value\r
-        <tt><em>focused</em></tt> to match all windows having the same window role as the\r
+        <tt>__focused__</tt> to match all windows having the same window role as the\r
         currently focused window.\r
 </p>\r
 </dd>\r
@@ -1780,7 +1936,7 @@ window_type
 <p>\r
         Compare the window type (_NET_WM_WINDOW_TYPE). Possible values are\r
         <tt>normal</tt>, <tt>dialog</tt>, <tt>utility</tt>, <tt>toolbar</tt>, <tt>splash</tt>, <tt>menu</tt>, <tt>dropdown_menu</tt>,\r
-        <tt>popup_menu</tt> and <tt>tooltip</tt>.\r
+        <tt>popup_menu</tt>, <tt>tooltip</tt> and <tt>notification</tt>.\r
 </p>\r
 </dd>\r
 <dt class="hdlist1">\r
@@ -1797,7 +1953,7 @@ title
 <dd>\r
 <p>\r
         Compares the X11 window title (_NET_WM_NAME or WM_NAME as fallback).\r
-        Use the special value <tt><em>focused</em></tt> to match all windows having the\r
+        Use the special value <tt>__focused__</tt> to match all windows having the\r
         same window title as the currently focused window.\r
 </p>\r
 </dd>\r
@@ -1817,7 +1973,7 @@ workspace
 <dd>\r
 <p>\r
         Compares the workspace name of the workspace the window belongs to. Use\r
-        the special value <tt><em>focused</em></tt> to match all windows in the currently\r
+        the special value <tt>__focused__</tt> to match all windows in the currently\r
         focused workspace.\r
 </p>\r
 </dd>\r
@@ -1826,7 +1982,9 @@ con_mark
 </dt>\r
 <dd>\r
 <p>\r
-        Compares the mark set for this container, see <a href="#vim_like_marks">[vim_like_marks]</a>.\r
+        Compares the marks set for this container, see <a href="#vim_like_marks">[vim_like_marks]</a>. A\r
+        match is made if any of the container&#8217;s marks matches the specified\r
+        mark.\r
 </p>\r
 </dd>\r
 <dt class="hdlist1">\r
@@ -1835,7 +1993,24 @@ con_id
 <dd>\r
 <p>\r
         Compares the i3-internal container ID, which you can get via the IPC\r
-        interface. Handy for scripting.\r
+        interface. Handy for scripting. Use the special value <tt>__focused__</tt>\r
+        to match only the currently focused window.\r
+</p>\r
+</dd>\r
+<dt class="hdlist1">\r
+floating\r
+</dt>\r
+<dd>\r
+<p>\r
+        Only matches floating windows. This criterion requires no value.\r
+</p>\r
+</dd>\r
+<dt class="hdlist1">\r
+tiling\r
+</dt>\r
+<dd>\r
+<p>\r
+        Only matches tiling windows. This criterion requires no value.\r
 </p>\r
 </dd>\r
 </dl></div>\r
@@ -1850,7 +2025,7 @@ shell. This implies that you can use globbing (wildcards) and programs will be
 searched in your <tt>$PATH</tt>.</p></div>\r
 <div class="paragraph"><p>See <a href="#command_chaining">[command_chaining]</a> for details on the special meaning of <tt>;</tt> (semicolon)\r
 and <tt>,</tt> (comma): they chain commands together in i3, so you need to use quoted\r
-strings if they appear in your command.</p></div>\r
+strings (as shown in <a href="#exec_quoting">[exec_quoting]</a>) if they appear in your command.</p></div>\r
 <div class="paragraph"><p><strong>Syntax</strong>:</p></div>\r
 <div class="listingblock">\r
 <div class="content">\r
@@ -1872,6 +2047,24 @@ will change the X11 cursor to <tt>watch</tt> (a clock) while the application is
 launching. So, if an application is not startup-notification aware (most GTK\r
 and Qt using applications seem to be, though), you will end up with a watch\r
 cursor for 60 seconds.</p></div>\r
+<div class="paragraph" id="exec_quoting"><p>If the command to be executed contains a <tt>;</tt> (semicolon) and/or a <tt>,</tt> (comma),\r
+the entire command must be quoted. For example, to have a keybinding for the\r
+shell command <tt>notify-send Hello, i3</tt>, you would add an entry to your\r
+configuration file like this:</p></div>\r
+<div class="paragraph"><p><strong>Example</strong>:</p></div>\r
+<div class="listingblock">\r
+<div class="content">\r
+<pre><tt># Execute a command with a comma in it\r
+bindsym $mod+p exec "notify-send Hello, i3"</tt></pre>\r
+</div></div>\r
+<div class="paragraph"><p>If however a command with a comma and/or semicolon itself requires quotes, you\r
+must escape the internal quotation marks with double backslashes, like this:</p></div>\r
+<div class="paragraph"><p><strong>Example</strong>:</p></div>\r
+<div class="listingblock">\r
+<div class="content">\r
+<pre><tt># Execute a command with a comma, semicolon and internal quotes\r
+bindsym $mod+p exec "notify-send \\"Hello, i3; from $USER\\""</tt></pre>\r
+</div></div>\r
 </div>\r
 <div class="sect2">\r
 <h3 id="_splitting_containers">6.2. Splitting containers</h3>\r
@@ -1881,19 +2074,24 @@ new windows get placed to the right of the current one (splith) or new windows
 get placed below the current one (splitv).</p></div>\r
 <div class="paragraph"><p>If you apply this command to a split container with the same orientation,\r
 nothing will happen. If you use a different orientation, the split container’s\r
-orientation will be changed (if it does not have more than one window). Use\r
-<tt>layout toggle split</tt> to change the layout of any split container from splitv\r
-to splith or vice-versa.</p></div>\r
+orientation will be changed (if it does not have more than one window).\r
+The <tt>toggle</tt> option will toggle the orientation of the split container if it\r
+contains a single window. Otherwise it makes the current window a split\r
+container with opposite orientation compared to the parent container.\r
+Use <tt>layout toggle split</tt> to change the layout of any split container from\r
+splitv to splith or vice-versa. You can also define a custom sequence of layouts\r
+to cycle through with <tt>layout toggle</tt>, see <a href="#manipulating_layout">[manipulating_layout]</a>.</p></div>\r
 <div class="paragraph"><p><strong>Syntax</strong>:</p></div>\r
 <div class="listingblock">\r
 <div class="content">\r
-<pre><tt>split vertical|horizontal</tt></pre>\r
+<pre><tt>split vertical|horizontal|toggle</tt></pre>\r
 </div></div>\r
 <div class="paragraph"><p><strong>Example</strong>:</p></div>\r
 <div class="listingblock">\r
 <div class="content">\r
 <pre><tt>bindsym $mod+v split vertical\r
-bindsym $mod+h split horizontal</tt></pre>\r
+bindsym $mod+h split horizontal\r
+bindsym $mod+t split toggle</tt></pre>\r
 </div></div>\r
 </div>\r
 <div class="sect2">\r
@@ -1901,6 +2099,10 @@ bindsym $mod+h split horizontal</tt></pre>
 <div class="paragraph"><p>Use <tt>layout toggle split</tt>, <tt>layout stacking</tt>, <tt>layout tabbed</tt>, <tt>layout splitv</tt>\r
 or <tt>layout splith</tt> to change the current container layout to splith/splitv,\r
 stacking, tabbed layout, splitv or splith, respectively.</p></div>\r
+<div class="paragraph"><p>Specify up to four layouts after <tt>layout toggle</tt> to cycle through them. Every\r
+time the command is executed, the layout specified after the currently active\r
+one will be applied. If the currently active layout is not in the list, the\r
+first layout in the list will be activated.</p></div>\r
 <div class="paragraph"><p>To make the current window (!) fullscreen, use <tt>fullscreen enable</tt> (or\r
 <tt>fullscreen enable global</tt> for the global mode), to leave either fullscreen\r
 mode use <tt>fullscreen disable</tt>, and to toggle between these two states use\r
@@ -1911,7 +2113,8 @@ enable</tt> respectively <tt>floating disable</tt> (or <tt>floating toggle</tt>)
 <div class="listingblock">\r
 <div class="content">\r
 <pre><tt>layout default|tabbed|stacking|splitv|splith\r
-layout toggle [split|all]</tt></pre>\r
+layout toggle [split|all]\r
+layout toggle [split|tabbed|stacking|splitv|splith] [split|tabbed|stacking|splitv|splith]…</tt></pre>\r
 </div></div>\r
 <div class="paragraph"><p><strong>Examples</strong>:</p></div>\r
 <div class="listingblock">\r
@@ -1926,6 +2129,15 @@ bindsym $mod+x layout toggle
 # Toggle between stacking/tabbed/splith/splitv:\r
 bindsym $mod+x layout toggle all\r
 \r
+# Toggle between stacking/tabbed/splith:\r
+bindsym $mod+x layout toggle stacking tabbed splith\r
+\r
+# Toggle between splitv/tabbed\r
+bindsym $mod+x layout toggle splitv tabbed\r
+\r
+# Toggle between last split layout/tabbed/stacking\r
+bindsym $mod+x layout toggle split tabbed stacking\r
+\r
 # Toggle fullscreen\r
 bindsym $mod+f fullscreen toggle\r
 \r
@@ -2002,7 +2214,7 @@ output
 <div class="content">\r
 <pre><tt>focus left|right|down|up\r
 focus parent|child|floating|tiling|mode_toggle\r
-focus output left|right|up|down|&lt;output&gt;</tt></pre>\r
+focus output left|right|up|down|primary|&lt;output&gt;</tt></pre>\r
 </div></div>\r
 <div class="paragraph"><p><strong>Examples</strong>:</p></div>\r
 <div class="listingblock">\r
@@ -2023,7 +2235,15 @@ bindsym $mod+g focus mode_toggle
 bindsym $mod+x focus output right\r
 \r
 # Focus the big output\r
-bindsym $mod+x focus output HDMI-2</tt></pre>\r
+bindsym $mod+x focus output HDMI-2\r
+\r
+# Focus the primary output\r
+bindsym $mod+x focus output primary</tt></pre>\r
+</div></div>\r
+<div class="paragraph"><p>Note that you might not have a primary output configured yet. To do so, run:</p></div>\r
+<div class="listingblock">\r
+<div class="content">\r
+<pre><tt>xrandr --output &lt;output&gt; --primary</tt></pre>\r
 </div></div>\r
 </div>\r
 <div class="sect2">\r
@@ -2041,7 +2261,8 @@ move &lt;left|right|down|up&gt; [&lt;px&gt; px]
 # Moves the container either to a specific location\r
 # or to the center of the screen. If 'absolute' is\r
 # used, it is moved to the center of all outputs.\r
-move [absolute] position [[&lt;px&gt; px] [&lt;px&gt; px]|center]\r
+move [absolute] position &lt;pos_x&gt; [px] &lt;pos_y&gt; [px]\r
+move [absolute] position center\r
 \r
 # Moves the container to the current position of the\r
 # mouse cursor. Only affects floating containers.\r
@@ -2068,7 +2289,60 @@ bindsym $mod+m move position mouse</tt></pre>
 </div></div>\r
 </div>\r
 <div class="sect2">\r
-<h3 id="_sticky_floating_windows">6.6. Sticky floating windows</h3>\r
+<h3 id="_swapping_containers">6.6. Swapping containers</h3>\r
+<div class="paragraph"><p>Two containers can be swapped (i.e., move to each other&#8217;s position) by using\r
+the <tt>swap</tt> command. They will assume the position and geometry of the container\r
+they are swapped with.</p></div>\r
+<div class="paragraph"><p>The first container to participate in the swapping can be selected through the\r
+normal command criteria process with the focused window being the usual\r
+fallback if no criteria are specified. The second container can be selected\r
+using one of the following methods:</p></div>\r
+<div class="dlist"><dl>\r
+<dt class="hdlist1">\r
+<tt>id</tt>\r
+</dt>\r
+<dd>\r
+<p>\r
+The X11 window ID of a client window.\r
+</p>\r
+</dd>\r
+<dt class="hdlist1">\r
+<tt>con_id</tt>\r
+</dt>\r
+<dd>\r
+<p>\r
+The i3 container ID of a container.\r
+</p>\r
+</dd>\r
+<dt class="hdlist1">\r
+<tt>mark</tt>\r
+</dt>\r
+<dd>\r
+<p>\r
+A container with the specified mark, see <a href="#vim_like_marks">[vim_like_marks]</a>.\r
+</p>\r
+</dd>\r
+</dl></div>\r
+<div class="paragraph"><p>Note that swapping does not work with all containers. Most notably, swapping\r
+floating containers or containers that have a parent-child relationship to one\r
+another does not work.</p></div>\r
+<div class="paragraph"><p><strong>Syntax</strong>:</p></div>\r
+<div class="listingblock">\r
+<div class="content">\r
+<pre><tt>swap container with id|con_id|mark &lt;arg&gt;</tt></pre>\r
+</div></div>\r
+<div class="paragraph"><p><strong>Examples</strong>:</p></div>\r
+<div class="listingblock">\r
+<div class="content">\r
+<pre><tt># Swaps the focused container with the container marked »swapee«.\r
+swap container with mark swapee\r
+\r
+# Swaps container marked »A« and »B«\r
+[con_mark="^A$"] swap container with mark B</tt></pre>\r
+</div></div>\r
+</div>\r
+<div class="sect2">\r
+<h3 id="_sticky_floating_windows">6.7. Sticky floating windows</h3>\r
 <div class="paragraph"><p>If you want a window to stick to the glass, i.e., have it stay on screen even\r
 if you switch to another workspace, you can use the <tt>sticky</tt> command. For\r
 example, this can be useful for notepads, a media player or a video chat\r
@@ -2088,10 +2362,12 @@ for_window [instance=notepad] sticky enable</tt></pre>
 </div></div>\r
 </div>\r
 <div class="sect2">\r
-<h3 id="_changing_named_workspaces_moving_to_workspaces">6.7. Changing (named) workspaces/moving to workspaces</h3>\r
+<h3 id="_changing_named_workspaces_moving_to_workspaces">6.8. Changing (named) workspaces/moving to workspaces</h3>\r
 <div class="paragraph"><p>To change to a specific workspace, use the <tt>workspace</tt> command, followed by the\r
-number or name of the workspace. To move containers to specific workspaces, use\r
-<tt>move container to workspace</tt>.</p></div>\r
+number or name of the workspace. Pass the optional flag\r
+<tt>--no-auto-back-and-forth</tt> to disable <a href="#back_and_forth">[back_and_forth]</a> for this specific call\r
+only.</p></div>\r
+<div class="paragraph"><p>To move containers to specific workspaces, use <tt>move container to workspace</tt>.</p></div>\r
 <div class="paragraph"><p>You can also switch to the next and previous workspace with the commands\r
 <tt>workspace next</tt> and <tt>workspace prev</tt>, which is handy, for example, if you have\r
 workspace 1, 3, 4 and 9 and you want to cycle through them with a single key\r
@@ -2100,6 +2376,9 @@ next_on_output</tt> and <tt>workspace prev_on_output</tt>. Similarly, you can us
 container to workspace next</tt>, <tt>move container to workspace prev</tt> to move a\r
 container to the next/previous workspace and <tt>move container to workspace current</tt>\r
 (the last one makes sense only when used with criteria).</p></div>\r
+<div class="paragraph"><p><tt>workspace next</tt> cycles through either numbered or named workspaces. But when it\r
+reaches the last numbered/named workspace, it looks for named workspaces after\r
+exhausting numbered ones and looks for numbered ones after exhausting named ones.</p></div>\r
 <div class="paragraph"><p>See <a href="#move_to_outputs">[move_to_outputs]</a> for how to move a container/workspace to a different\r
 RandR output.</p></div>\r
 <div class="paragraph"><p>Workspace names are parsed as\r
@@ -2113,11 +2392,11 @@ workspace using <tt>move container to workspace back_and_forth</tt>.</p></div>
 <div class="content">\r
 <pre><tt>workspace next|prev|next_on_output|prev_on_output\r
 workspace back_and_forth\r
-workspace &lt;name&gt;\r
-workspace number &lt;name&gt;\r
+workspace [--no-auto-back-and-forth] &lt;name&gt;\r
+workspace [--no-auto-back-and-forth] number &lt;name&gt;\r
 \r
-move [window|container] [to] workspace &lt;name&gt;\r
-move [window|container] [to] workspace number &lt;name&gt;\r
+move [--no-auto-back-and-forth] [window|container] [to] workspace &lt;name&gt;\r
+move [--no-auto-back-and-forth] [window|container] [to] workspace number &lt;name&gt;\r
 move [window|container] [to] workspace prev|next|current</tt></pre>\r
 </div></div>\r
 <div class="paragraph"><p><strong>Examples</strong>:</p></div>\r
@@ -2143,7 +2422,7 @@ bindsym $mod+x move workspace to output right
 bindsym $mod+F1 [class="Firefox"] move workspace current</tt></pre>\r
 </div></div>\r
 <div class="sect3">\r
-<h4 id="_named_workspaces">6.7.1. Named workspaces</h4>\r
+<h4 id="_named_workspaces">6.8.1. Named workspaces</h4>\r
 <div class="paragraph"><p>Workspaces are identified by their name. So, instead of using numbers in the\r
 workspace command, you can use an arbitrary name:</p></div>\r
 <div class="paragraph"><p><strong>Example</strong>:</p></div>\r
@@ -2171,7 +2450,7 @@ dynamically. To combine both commands you can use <tt>workspace number 1: mail</
 specify a default name if there&#8217;s currently no workspace starting with a "1".</p></div>\r
 </div>\r
 <div class="sect3">\r
-<h4 id="_renaming_workspaces">6.7.2. Renaming workspaces</h4>\r
+<h4 id="_renaming_workspaces">6.8.2. Renaming workspaces</h4>\r
 <div class="paragraph"><p>You can rename workspaces. This might be useful to start with the default\r
 numbered workspaces, do your work, and rename the workspaces afterwards to\r
 reflect what’s actually on them. You can also omit the old name to rename\r
@@ -2192,23 +2471,37 @@ i3-msg 'rename workspace "1: www" to "10: www"'
 i3-msg 'rename workspace to "2: mail"'\r
 bindsym $mod+r exec i3-input -F 'rename workspace to "%s"' -P 'New name: '</tt></pre>\r
 </div></div>\r
+<div class="paragraph"><p>If you want to rename workspaces on demand while keeping the navigation stable,\r
+you can use a setup like this:</p></div>\r
+<div class="paragraph"><p><strong>Example</strong>:</p></div>\r
+<div class="listingblock">\r
+<div class="content">\r
+<pre><tt>bindsym $mod+1 workspace number "1: www"\r
+bindsym $mod+2 workspace number "2: mail"\r
+...</tt></pre>\r
+</div></div>\r
+<div class="paragraph"><p>If a workspace does not exist, the command <tt>workspace number "1: mail"</tt> will\r
+create workspace "1: mail".</p></div>\r
+<div class="paragraph"><p>If a workspace with number 1 does already exist, the command will switch to this\r
+workspace and ignore the text part. So even when the workspace has been renamed\r
+to "1: web", the above command will still switch to it.</p></div>\r
 </div>\r
 </div>\r
 <div class="sect2">\r
-<h3 id="_moving_workspaces_to_a_different_screen">6.8. Moving workspaces to a different screen</h3>\r
+<h3 id="_moving_workspaces_to_a_different_screen">6.9. Moving workspaces to a different screen</h3>\r
 <div class="paragraph"><p>See <a href="#move_to_outputs">[move_to_outputs]</a> for how to move a container/workspace to a different\r
 RandR output.</p></div>\r
 </div>\r
 <div class="sect2">\r
-<h3 id="_moving_containers_workspaces_to_randr_outputs">6.9. Moving containers/workspaces to RandR outputs</h3>\r
-<div class="paragraph" id="move_to_outputs"><p>To move a container to another RandR output (addressed by names like <tt>LVDS1</tt> or\r
+<h3 id="_moving_containers_workspaces_to_randr_outputs">6.10. Moving containers/workspaces to RandR outputs</h3>\r
+<div class="paragraph"><p>To move a container to another RandR output (addressed by names like <tt>LVDS1</tt> or\r
 <tt>VGA1</tt>) or to a RandR output identified by a specific direction (like <tt>left</tt>,\r
 <tt>right</tt>, <tt>up</tt> or <tt>down</tt>), there are two commands:</p></div>\r
 <div class="paragraph"><p><strong>Syntax</strong>:</p></div>\r
 <div class="listingblock">\r
 <div class="content">\r
-<pre><tt>move container to output left|right|down|up|&lt;output&gt;\r
-move workspace to output left|right|down|up|&lt;output&gt;</tt></pre>\r
+<pre><tt>move container to output left|right|down|up|current|primary|&lt;output&gt;\r
+move workspace to output left|right|down|up|current|primary|&lt;output&gt;</tt></pre>\r
 </div></div>\r
 <div class="paragraph"><p><strong>Examples</strong>:</p></div>\r
 <div class="listingblock">\r
@@ -2218,30 +2511,43 @@ move workspace to output left|right|down|up|&lt;output&gt;</tt></pre>
 bindsym $mod+x move workspace to output right\r
 \r
 # Put this window on the presentation output.\r
-bindsym $mod+x move container to output VGA1</tt></pre>\r
+bindsym $mod+x move container to output VGA1\r
+\r
+# Put this window on the primary output.\r
+bindsym $mod+x move container to output primary</tt></pre>\r
 </div></div>\r
-</div>\r
-<div class="sect2">\r
-<h3 id="_moving_containers_workspaces_to_marks">6.10. Moving containers/workspaces to marks</h3>\r
-<div class="paragraph"><p>To move a container to another container with a specific mark (see <a href="#vim_like_marks">[vim_like_marks]</a>),\r
-you can use the following command.</p></div>\r
-<div class="paragraph"><p>The window will be moved right after the marked container in the tree, i.e., it ends up\r
-in the same position as if you had opened a new window when the marked container was\r
-focused. If the mark is on a split container, the window will appear as a new child\r
-after the currently focused child within that container.</p></div>\r
-<div class="paragraph"><p><strong>Syntax</strong>:</p></div>\r
 <div class="listingblock">\r
 <div class="content">\r
-<pre><tt>move window|container to mark &lt;mark&gt;</tt></pre>\r
+<pre><tt>Note that you might not have a primary output configured yet. To do so, run:</tt></pre>\r
+</div></div>\r
+<div class="paragraph"><p>xrandr --output &lt;output&gt; --primary</p></div>\r
+<div class="listingblock">\r
+<div class="content">\r
+<pre><tt>=== Moving containers/windows to marks\r
+\r
+To move a container to another container with a specific mark (see &lt;&lt;vim_like_marks&gt;&gt;),\r
+you can use the following command.\r
+\r
+The window will be moved right after the marked container in the tree, i.e., it ends up\r
+in the same position as if you had opened a new window when the marked container was\r
+focused. If the mark is on a split container, the window will appear as a new child\r
+after the currently focused child within that container.\r
+\r
+*Syntax*:</tt></pre>\r
 </div></div>\r
+</div>\r
+</div>\r
+</div>\r
+<div class="sect1">\r
+<h2 id="_move_window_container_to_mark_lt_mark_gt">7. move window|container to mark &lt;mark&gt;</h2>\r
+<div class="sectionbody">\r
 <div class="paragraph"><p><strong>Example</strong>:</p></div>\r
 <div class="listingblock">\r
 <div class="content">\r
 <pre><tt>for_window [instance="tabme"] move window to mark target</tt></pre>\r
 </div></div>\r
-</div>\r
 <div class="sect2">\r
-<h3 id="resizingconfig">6.11. Resizing containers/windows</h3>\r
+<h3 id="resizingconfig">7.1. Resizing containers/windows</h3>\r
 <div class="paragraph"><p>If you want to resize containers/windows using your keyboard, you can use the\r
 <tt>resize</tt> command:</p></div>\r
 <div class="paragraph"><p><strong>Syntax</strong>:</p></div>\r
@@ -2258,44 +2564,18 @@ is 10 pixels). The ppt argument means percentage points and specifies by how
 many percentage points a <strong>tiling container</strong> should be grown or shrunk (the\r
 default is 10 percentage points). Note that <tt>resize set</tt> will only work for\r
 floating containers.</p></div>\r
-<div class="paragraph"><p>I recommend using the resize command inside a so called <tt>mode</tt>:</p></div>\r
-<div class="listingblock">\r
-<div class="title">Example: Configuration file, defining a mode for resizing</div>\r
-<div class="content">\r
-<pre><tt>mode "resize" {\r
-        # These bindings trigger as soon as you enter the resize mode\r
-\r
-        # Pressing left will shrink the window’s width.\r
-        # Pressing right will grow the window’s width.\r
-        # Pressing up will shrink the window’s height.\r
-        # Pressing down will grow the window’s height.\r
-        bindsym j           resize shrink width 10 px or 10 ppt\r
-        bindsym k           resize grow height 10 px or 10 ppt\r
-        bindsym l           resize shrink height 10 px or 10 ppt\r
-        bindsym semicolon   resize grow width 10 px or 10 ppt\r
-\r
-        # same bindings, but for the arrow keys\r
-        bindsym Left        resize shrink width 10 px or 10 ppt\r
-        bindsym Down        resize grow height 10 px or 10 ppt\r
-        bindsym Up          resize shrink height 10 px or 10 ppt\r
-        bindsym Right       resize grow width 10 px or 10 ppt\r
-\r
-        # back to normal: Enter or Escape\r
-        bindsym Return mode "default"\r
-        bindsym Escape mode "default"\r
-}\r
-\r
-# Enter resize mode\r
-bindsym $mod+r mode "resize"</tt></pre>\r
-</div></div>\r
-<div class="paragraph"><p><strong>Example 2 - setting urxvt size to 640x480:</strong></p></div>\r
+<div class="paragraph"><p>It is recommended to define bindings for resizing in a dedicated binding mode.\r
+See <a href="#binding_modes">[binding_modes]</a> and the example in the i3\r
+<a href="https://github.com/i3/i3/blob/next/etc/config.keycodes">default config</a> for more\r
+context.</p></div>\r
+<div class="paragraph"><p><strong>Example</strong>:</p></div>\r
 <div class="listingblock">\r
 <div class="content">\r
 <pre><tt>for_window [class="urxvt"] resize set 640 480</tt></pre>\r
 </div></div>\r
 </div>\r
 <div class="sect2">\r
-<h3 id="_jumping_to_specific_windows">6.12. Jumping to specific windows</h3>\r
+<h3 id="_jumping_to_specific_windows">7.2. Jumping to specific windows</h3>\r
 <div class="paragraph"><p>Often when in a multi-monitor environment, you want to quickly jump to a\r
 specific window. For example, while working on workspace 3 you may want to\r
 jump to your mail client to email your boss that you’ve achieved some\r
@@ -2316,8 +2596,8 @@ bindsym $mod+a [class="urxvt" title="VIM"] focus</tt></pre>
 </div></div>\r
 </div>\r
 <div class="sect2">\r
-<h3 id="_vim_like_marks_mark_goto">6.13. VIM-like marks (mark/goto)</h3>\r
-<div class="paragraph" id="vim_like_marks"><p>This feature is like the jump feature: It allows you to directly jump to a\r
+<h3 id="vim_like_marks">7.3. VIM-like marks (mark/goto)</h3>\r
+<div class="paragraph"><p>This feature is like the jump feature: It allows you to directly jump to a\r
 specific window (this means switching to the appropriate workspace and setting\r
 focus to the windows). However, you can directly mark a specific window with\r
 an arbitrary label and use it afterwards. You can unmark the label in the same\r
@@ -2329,26 +2609,37 @@ window, you cannot simply bind it to a key.  <tt>i3-input</tt> is a tool created
 for this purpose: It lets you input a command and sends the command to i3. It\r
 can also prefix this command and display a custom prompt for the input dialog.</p></div>\r
 <div class="paragraph"><p>The additional <tt>--toggle</tt> option will remove the mark if the window already has\r
-this mark, add it if the window has none or replace the current mark if it has\r
-another mark.</p></div>\r
-<div class="paragraph"><p>Refer to <tt>show_marks</tt> if you don&#8217;t want marks to be shown in the window decoration.</p></div>\r
+this mark or add it otherwise. Note that you may need to use this in\r
+combination with <tt>--add</tt> (see below) as any other marks will otherwise be\r
+removed.</p></div>\r
+<div class="paragraph"><p>By default, a window can only have one mark. You can use the <tt>--add</tt> flag to\r
+put more than one mark on a window.</p></div>\r
+<div class="paragraph"><p>Refer to <a href="#show_marks">[show_marks]</a> if you don&#8217;t want marks to be shown in the window decoration.</p></div>\r
 <div class="paragraph"><p><strong>Syntax</strong>:</p></div>\r
 <div class="listingblock">\r
 <div class="content">\r
-<pre><tt>mark [--toggle] &lt;identifier&gt;\r
+<pre><tt>mark [--add|--replace] [--toggle] &lt;identifier&gt;\r
 [con_mark="identifier"] focus\r
 unmark &lt;identifier&gt;</tt></pre>\r
 </div></div>\r
 <div class="paragraph"><p><strong>Example (in a terminal)</strong>:</p></div>\r
 <div class="listingblock">\r
 <div class="content">\r
-<pre><tt>$ i3-msg mark irssi\r
-$ i3-msg '[con_mark="irssi"] focus'\r
-$ i3-msg unmark irssi</tt></pre>\r
+<pre><tt># marks the focused container\r
+mark irssi\r
+\r
+# focus the container with the mark "irssi"\r
+'[con_mark="irssi"] focus'\r
+\r
+# remove the mark "irssi" from whichever container has it\r
+unmark irssi\r
+\r
+# remove all marks on all firefox windows\r
+[class="(?i)firefox"] unmark</tt></pre>\r
 </div></div>\r
 </div>\r
 <div class="sect2">\r
-<h3 id="_window_title_format">6.14. Window title format</h3>\r
+<h3 id="pango_markup">7.4. Window title format</h3>\r
 <div class="paragraph"><p>By default, i3 will simply print the X11 window title. Using <tt>title_format</tt>,\r
 this can be customized by setting the format to the desired output. This\r
 directive supports\r
@@ -2360,11 +2651,26 @@ and the following placeholders which will be replaced:</p></div>
 </dt>\r
 <dd>\r
 <p>\r
-    The X11 window title (_NET_WM_NAME or WM_NAME as fallback).\r
-<tt>%class</tt>:\r
+    For normal windows, this is the X11 window title (_NET_WM_NAME or WM_NAME\r
+    as fallback). When used on containers without a window (e.g., a split\r
+    container inside a tabbed/stacked layout), this will be the tree\r
+    representation of the container (e.g., "H[xterm xterm]").\r
+</p>\r
+</dd>\r
+<dt class="hdlist1">\r
+<tt>%class</tt>\r
+</dt>\r
+<dd>\r
+<p>\r
     The X11 window class (second part of WM_CLASS). This corresponds to the\r
     <tt>class</tt> criterion, see <a href="#command_criteria">[command_criteria]</a>.\r
-<tt>%instance</tt>:\r
+</p>\r
+</dd>\r
+<dt class="hdlist1">\r
+<tt>%instance</tt>\r
+</dt>\r
+<dd>\r
+<p>\r
     The X11 window instance (first part of WM_CLASS). This corresponds to the\r
     <tt>instance</tt> criterion, see <a href="#command_criteria">[command_criteria]</a>.\r
 </p>\r
@@ -2391,11 +2697,14 @@ for_window [class="(?i)firefox"] title_format "&lt;span foreground='red'&gt;%tit
 </div></div>\r
 </div>\r
 <div class="sect2">\r
-<h3 id="_changing_border_style">6.15. Changing border style</h3>\r
+<h3 id="_changing_border_style">7.5. Changing border style</h3>\r
 <div class="paragraph"><p>To change the border of the current client, you can use <tt>border normal</tt> to use the normal\r
 border (including window title), <tt>border pixel 1</tt> to use a 1-pixel border (no window title)\r
 and <tt>border none</tt> to make the client borderless.</p></div>\r
 <div class="paragraph"><p>There is also <tt>border toggle</tt> which will toggle the different border styles.</p></div>\r
+<div class="paragraph"><p>Note that "pixel" refers to logical pixel. On HiDPI displays, a logical pixel\r
+may be represented by multiple physical pixels, so <tt>pixel 1</tt> might not\r
+necessarily translate into a single pixel row wide border.</p></div>\r
 <div class="paragraph"><p><strong>Syntax</strong>:</p></div>\r
 <div class="listingblock">\r
 <div class="content">\r
@@ -2417,8 +2726,8 @@ bindsym $mod+u border none</tt></pre>
 </div></div>\r
 </div>\r
 <div class="sect2">\r
-<h3 id="shmlog">6.16. Enabling shared memory logging</h3>\r
-<div class="paragraph"><p>As described in <a href="http://i3wm.org/docs/debugging.html">http://i3wm.org/docs/debugging.html</a>, i3 can log to a shared\r
+<h3 id="shmlog">7.6. Enabling shared memory logging</h3>\r
+<div class="paragraph"><p>As described in <a href="https://i3wm.org/docs/debugging.html">https://i3wm.org/docs/debugging.html</a>, i3 can log to a shared\r
 memory buffer, which you can dump using <tt>i3-dump-log</tt>. The <tt>shmlog</tt> command\r
 allows you to enable or disable the shared memory logging at runtime.</p></div>\r
 <div class="paragraph"><p>Note that when using <tt>shmlog &lt;size_in_bytes&gt;</tt>, the current log will be\r
@@ -2441,7 +2750,7 @@ i3-msg shmlog $((50*1024*1024))</tt></pre>
 </div></div>\r
 </div>\r
 <div class="sect2">\r
-<h3 id="_enabling_debug_logging">6.17. Enabling debug logging</h3>\r
+<h3 id="_enabling_debug_logging">7.7. Enabling debug logging</h3>\r
 <div class="paragraph"><p>The <tt>debuglog</tt> command allows you to enable or disable debug logging at\r
 runtime. Debug logging is much more verbose than non-debug logging. This\r
 command does not activate shared memory logging (shmlog), and as such is most\r
@@ -2459,7 +2768,7 @@ bindsym $mod+x debuglog toggle</tt></pre>
 </div></div>\r
 </div>\r
 <div class="sect2">\r
-<h3 id="_reloading_restarting_exiting">6.18. Reloading/Restarting/Exiting</h3>\r
+<h3 id="_reloading_restarting_exiting">7.8. Reloading/Restarting/Exiting</h3>\r
 <div class="paragraph"><p>You can make i3 reload its configuration file with <tt>reload</tt>. You can also\r
 restart i3 inplace with the <tt>restart</tt> command to get it out of some weird state\r
 (if that should ever happen) or to perform an upgrade without having to restart\r
@@ -2474,7 +2783,7 @@ bindsym $mod+Shift+e exit</tt></pre>
 </div></div>\r
 </div>\r
 <div class="sect2">\r
-<h3 id="_scratchpad">6.19. Scratchpad</h3>\r
+<h3 id="_scratchpad">7.9. Scratchpad</h3>\r
 <div class="paragraph"><p>There are two commands to use any existing window as scratchpad window. <tt>move\r
 scratchpad</tt> will move a window to the scratchpad workspace. This will make it\r
 invisible until you show it again. There is no way to open that workspace.\r
@@ -2509,7 +2818,7 @@ bindsym mod4+s [title="^Sup ::"] scratchpad show</tt></pre>
 </div></div>\r
 </div>\r
 <div class="sect2">\r
-<h3 id="_nop">6.20. Nop</h3>\r
+<h3 id="_nop">7.10. Nop</h3>\r
 <div class="paragraph"><p>There is a no operation command <tt>nop</tt> which allows you to override default\r
 behavior. This can be useful for, e.g., disabling a focus change on clicks with\r
 the middle mouse button.</p></div>\r
@@ -2529,7 +2838,7 @@ bindsym button2 nop</tt></pre>
 </div></div>\r
 </div>\r
 <div class="sect2">\r
-<h3 id="_i3bar_control">6.21. i3bar control</h3>\r
+<h3 id="_i3bar_control">7.11. i3bar control</h3>\r
 <div class="paragraph"><p>There are two options in the configuration of each i3bar instance that can be\r
 changed during runtime by invoking a command through i3. The commands <tt>bar\r
 hidden_state</tt> and <tt>bar mode</tt> allow setting the current hidden_state\r
@@ -2563,7 +2872,7 @@ bindsym $mod+Shift+b bar mode invisible bar-1</tt></pre>
 </div>\r
 </div>\r
 <div class="sect1">\r
-<h2 id="multi_monitor">7. Multiple monitors</h2>\r
+<h2 id="multi_monitor">8. Multiple monitors</h2>\r
 <div class="sectionbody">\r
 <div class="paragraph"><p>As you can see in the goal list on the website, i3 was specifically developed\r
 with support for multiple monitors in mind. This section will explain how to\r
@@ -2586,7 +2895,7 @@ create an unlimited number of workspaces in i3 and tie them to specific
 screens, you can have the "traditional" approach of having X workspaces per\r
 screen by changing your configuration (using modes, for example).</p></div>\r
 <div class="sect2">\r
-<h3 id="_configuring_your_monitors">7.1. Configuring your monitors</h3>\r
+<h3 id="_configuring_your_monitors">8.1. Configuring your monitors</h3>\r
 <div class="paragraph"><p>To help you get going if you have never used multiple monitors before, here is\r
 a short overview of the xrandr options which will probably be of interest to\r
 you. It is always useful to get an overview of the current screen configuration.\r
@@ -2649,7 +2958,7 @@ only what you can see in xrandr.</p></div>
 <div class="paragraph"><p>See also <a href="#presentations">[presentations]</a> for more examples of multi-monitor setups.</p></div>\r
 </div>\r
 <div class="sect2">\r
-<h3 id="_interesting_configuration_for_multi_monitor_environments">7.2. Interesting configuration for multi-monitor environments</h3>\r
+<h3 id="_interesting_configuration_for_multi_monitor_environments">8.2. Interesting configuration for multi-monitor environments</h3>\r
 <div class="paragraph"><p>There are several things to configure in i3 which may be interesting if you\r
 have more than one monitor:</p></div>\r
 <div class="olist arabic"><ol class="arabic">\r
@@ -2678,7 +2987,7 @@ If you have many workspaces on many monitors, it might get hard to keep
 <li>\r
 <p>\r
 For information on how to move existing workspaces between monitors,\r
-   see <a href="#_moving_containers_workspaces_to_randr_outputs">[_moving_containers_workspaces_to_randr_outputs]</a>.\r
+   see <a href="#move_to_outputs">[move_to_outputs]</a>.\r
 </p>\r
 </li>\r
 </ol></div>\r
@@ -2686,10 +2995,10 @@ For information on how to move existing workspaces between monitors,
 </div>\r
 </div>\r
 <div class="sect1">\r
-<h2 id="_i3_and_the_rest_of_your_software_world">8. i3 and the rest of your software world</h2>\r
+<h2 id="_i3_and_the_rest_of_your_software_world">9. i3 and the rest of your software world</h2>\r
 <div class="sectionbody">\r
 <div class="sect2">\r
-<h3 id="_displaying_a_status_line">8.1. Displaying a status line</h3>\r
+<h3 id="_displaying_a_status_line">9.1. Displaying a status line</h3>\r
 <div class="paragraph"><p>A very common thing amongst users of exotic window managers is a status line at\r
 some corner of the screen. It is an often superior replacement to the widget\r
 approach you have in the task bar of a traditional desktop environment.</p></div>\r
@@ -2706,14 +3015,14 @@ on which hint the application sets. With i3bar, you can configure its position,
 see <a href="#i3bar_position">[i3bar_position]</a>.</p></div>\r
 </div>\r
 <div class="sect2">\r
-<h3 id="_giving_presentations_multi_monitor">8.2. Giving presentations (multi-monitor)</h3>\r
+<h3 id="presentations">9.2. Giving presentations (multi-monitor)</h3>\r
 <div class="paragraph"><p>When giving a presentation, you typically want the audience to see what you see\r
 on your screen and then go through a series of slides (if the presentation is\r
 simple). For more complex presentations, you might want to have some notes\r
 which only you can see on your screen, while the audience can only see the\r
 slides.</p></div>\r
 <div class="sect3">\r
-<h4 id="presentations">8.2.1. Case 1: everybody gets the same output</h4>\r
+<h4 id="_case_1_everybody_gets_the_same_output">9.2.1. Case 1: everybody gets the same output</h4>\r
 <div class="paragraph"><p>This is the simple case. You connect your computer to the video projector,\r
 turn on both (computer and video projector) and configure your X server to\r
 clone the internal flat panel of your computer to the video output:</p></div>\r
@@ -2726,7 +3035,7 @@ your screen will be left untouched (it will show the X background). So, in
 our example, this would be 1024x768 (my notebook has 1280x800).</p></div>\r
 </div>\r
 <div class="sect3">\r
-<h4 id="_case_2_you_can_see_more_than_your_audience">8.2.2. Case 2: you can see more than your audience</h4>\r
+<h4 id="_case_2_you_can_see_more_than_your_audience">9.2.2. Case 2: you can see more than your audience</h4>\r
 <div class="paragraph"><p>This case is a bit harder. First of all, you should configure the VGA output\r
 somewhere near your internal flat panel, say right of it:</p></div>\r
 <div class="listingblock">\r