npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2026 – Pkg Stats / Ryan Hefner

pelagic-bootswatch

v1.0.0

Published

A Bootswatch theme derived from Flatly and the Pelagic colorscheme.

Downloads

143

Vulnerabilities

Powered byPowered by Snyk
  • 0High
  • 0Medium
  • 0Low

Links

Git

Maintainers

bab014bab014

Keywords

bootstrapbootswatchthemecsspelagic

Readme

Pelagic Bootswatch

Pelagic is a Bootstrap 5.3.8 theme derived from Bootswatch Flatly and remapped to the palette in colorscheme.md.

It ships compiled LTR/RTL CSS, minified CSS, and the SCSS source needed to rebuild or customize the theme.

Install

npm install pelagic-bootswatch

CDN

Use jsDelivr with a pinned version in production:

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/pelagic/bootstrap.min.css">

For RTL:

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/pelagic/bootstrap.rtl.min.css">

The package also defines a jsDelivr default file, so this works:

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]">

Prefer the explicit file URL when documenting production usage.

Theme Modes

Pelagic supports Bootstrap's data-bs-theme color-mode API.

Set the whole page:

<html lang="en" data-bs-theme="dark">

Or scope a mode to a component subtree:

<section data-bs-theme="light">
  <div class="card">
    <div class="card-body">Light themed component</div>
  </div>
</section>

Build

npm install
npm run build:all

The compiled CSS is written to dist/pelagic/.

Demo

Open demo.html in a browser to review the theme across navbars, buttons, forms, tables, alerts, cards, tabs, pagination, list groups, accordions, modals, toasts, and dark/light modes.

Open demo-rtl.html to review the generated RTL CSS with dir="rtl" across directional components.

Files

  • scss/pelagic/_variables.scss: Bootstrap variable overrides and the Pelagic color mapping.
  • scss/pelagic/_bootswatch.scss: Flatly-derived component polish and light/dark mode support.
  • scss/pelagic/bootstrap.scss: Theme entrypoint.
  • dist/pelagic/bootstrap.css: Expanded compiled theme CSS.
  • dist/pelagic/bootstrap.min.css: Minified compiled theme CSS.
  • dist/pelagic/bootstrap.rtl.css: Expanded RTL compiled theme CSS.
  • dist/pelagic/bootstrap.rtl.min.css: Minified RTL compiled theme CSS.

Publishing

Before publishing:

npm run release:check

Preview the publish step without uploading:

npm run publish:dry-run

Publish to npm:

npm run release:publish

If npm asks for two-factor authentication, pass your current authenticator code:

npm run release:publish -- --otp=123456

After npm publish completes, jsDelivr can serve the new version immediately from:

https://cdn.jsdelivr.net/npm/pelagic-bootswatch@VERSION/dist/pelagic/bootstrap.min.css

License

MIT