freesewing/sites/shared/config/tailwind-force.html

<!--
  Sometimes class names are added in a way that prevents TailwindCSS
  from detecting them, which means they won't be included in the CSS
  bundle. When you've got one of those, you can simply add them to
  the class list below, as tailwind is configured to include this
  file in it's scans.
-->

<!-- Classes for the Popout component -->
<p class="border-accent bg-accent text-accent" />
<p class="border-secondary bg-secondary text-secondary" />
<p class="border-error bg-error text-error" />
<p class="border-warning bg-warning text-warning" />
<p class="border-info bg-info text-info" />
<p class="border-success bg-success text-success" />
<p class="border-primary bg-primary text-primary" />

<!-- Background opacity for highlighted lines in code -->
<code class="bg-yellow-300 bg-opacity-5" />
<code class="bg-orange-300 bg-opacity-5 opacity-80 line-through decoration-orange-500" />

<!-- Colors for the wordmark -->
<div className="hover:bg-red-400"></div>
<div className="hover:bg-orange-400"></div>
<div className="hover:bg-yellow-400"></div>
<div className="hover:bg-lime-400"></div>
<div className="hover:bg-green-400"></div>
<div className="hover:bg-cyan-400"></div>
<div className="hover:bg-blue-400"></div>
<div className="hover:bg-indigo-400"></div>
<div className="hover:bg-violet-400"></div>
<div className="hover:bg-purple-400"></div>

<!-- Colors for the header -->
<div className="bg-red-400"></div>
<div className="bg-orange-400"></div>
<div className="bg-yellow-400"></div>
<div className="bg-lime-400"></div>
<div className="bg-green-400"></div>
<div className="bg-cyan-400"></div>
<div className="bg-blue-400"></div>
<div className="bg-indigo-400"></div>
<div className="bg-violet-400"></div>
<div className="bg-purple-400"></div>

<!-- Collapse colors -->
<button className="bg-primary text-primary-content">primary</button>
<button className="bg-secondary text-secondary-content">secondary</button>
<button className="bg-accent text-accent-content">accent</button>
<button className="bg-neutral text-neutral-content">neutral</button>
<button className="bg-success text-success-content">success</button>
<button className="bg-info text-info-content">info</button>
<button className="bg-warning text-warning-content">warning</button>
<button className="bg-error text-error-content">error</button>

<!-- colors for the difficulty rating -->
<svg className="text-red-500" />
<svg className="text-orange-500" />
<svg className="text-amber-500" />
<svg className="text-lime-500" />
<svg className="text-green-500" />
<svg className="text-yellow-300" />

<!-- badges for tags -->
<badge class="badge badge-success hover:badge-success" />
<badge class="badge badge-warning hover:badge-warning" />
<badge class="badge badge-error hover:badge-error" />
<badge class="badge badge-info hover:badge-info" />
<badge class="badge badge-ghost hover:badge-ghost" />
<badge class="badge badge-outline hover:badge-outline" />

<!-- choice button colors -->
<div className="hover:bg-accent hover:bg-opacity-20 hover:border-accent"></div>
<div className="hover:bg-error hover:bg-opacity-20 hover:border-error"></div>
<div className="hover:bg-success hover:bg-opacity-20 hover:border-success"></div>