Npm ยท npm

klyft-theme

Klyft Bootstrap theme bundle (CSS, dark mode, skins, and JS helpers).

Install

Install-Kommandos

npm install klyft-theme@0.7.2
pnpm add klyft-theme@0.7.2
yarn add klyft-theme@0.7.2

README

Vorschau

Klyft Theme Consumer Package

This package contains the built Klyft runtime bundle for consumers:

  • dist/theme.css
  • dist/theme.dark.css
  • dist/skins/*
  • dist/palettes/*
  • dist/appearance.config.json
  • dist/theme.js
  • dist/assets/skins/*
  • dist/icons/*
  • dist/fonts/*
  • dist/images/*

Bootstrap 5.3.8 classes remain the compatibility baseline. Shared semantic color roles are bridged globally, while Klyft structure is opt-in through .k-card, .k-input, .k-select, .k-textarea, .k-label, .k-checkbox, .k-switch, .k-modal, .k-carousel, .k-table, .k-accordion, .k-alert, .k-toast, .k-popover, and .k-tooltip.

Cards expose three mutually exclusive frame roles: .k-card--frame-prominent, .k-card--frame-subtle, and .k-card--frame-none. Nested cards become subtle by default, while an explicit role wins. Semantic tones use .k-card--tone-primary, secondary, success, info, warning, danger, light, dark, or accent; tones compose with frame roles and .k-card--panel/.k-card--elevated.

Bootstrap card anatomy is structural only under .card.k-card.k-card--sectioned. A bare .card remains Bootstrap Baseline. Adaptive Sci-Fi and Fantasy frame assets are distributed below dist/assets/skins/; the legacy full Nav masks remain packaged as a 0.7.x fallback.

Every distributed CSS and JavaScript source map uses repository-relative POSIX sources, an empty sourceRoot, embedded sourcesContent, and one colocated relative mapping comment.

Use klyft-theme-source if you need the SCSS, JS sources, or raw assets for theme derivation.