Themes

Stork is completely customizable: if you want to write your own CSS to seamlessly integrate the search interface within your site, you can do so. Stork also comes with several "batteries-included" themes, which you can use freely by adding a single CSS file.

To use a first-party theme, include the specified CSS file somewhere in your <head> tag, then wrap the input and output elements with a div of the specified class.

Basic

<link rel="stylesheet" href="https://files.stork-search.net/releases/v1.6.0/basic.css" />
<div class="stork-wrapper">
  <input data-stork="federalist-basic" class="stork-input" />
  <div data-stork="federalist-basic-output" class="stork-output"></div>
</div>

Dark

<link rel="stylesheet" href="https://files.stork-search.net/releases/v1.6.0/dark.css" />
<div class="stork-wrapper-dark">
  <input data-stork="federalist-dark" class="stork-input" />
  <div data-stork="federalist-dark-output" class="stork-output"></div>
</div>

Flat

<link rel="stylesheet" href="https://files.stork-search.net/releases/v1.6.0/flat.css" />
<div class="stork-wrapper-flat">
  <input data-stork="federalist-flat" class="stork-input" />
  <div data-stork="federalist-flat-output" class="stork-output"></div>
</div>

Edible

Authored by easrng.

<link rel="stylesheet" href="https://files.stork-search.net/releases/v1.6.0/edible.css" />
<div class="stork-wrapper-edible">
  <input data-stork="federalist-edible" class="stork-input" />
  <div data-stork="federalist-edible-output" class="stork-output"></div>
</div>

Edible Dark

Authored by easrng.

<link rel="stylesheet" href="https://files.stork-search.net/releases/v1.6.0/edible-dark.css" />
<div class="stork-wrapper-edible-dark">
  <input data-stork="federalist-edible-dark" class="stork-input" />
  <div data-stork="federalist-edible-dark-output" class="stork-output"></div>
</div>