https://github.com/bruegmann/themify-cli

CLI to help customizing Blue Web and Bootstrap CSS
https://github.com/bruegmann/themify-cli

Last synced: 10 days ago
JSON representation

CLI to help customizing Blue Web and Bootstrap CSS

• Host: GitHub
• URL: https://github.com/bruegmann/themify-cli
• Owner: bruegmann
• License: lgpl-3.0
• Created: 2024-10-21T10:25:34.000Z (30 days ago)
• Default Branch: main
• Last Pushed: 2024-10-21T10:46:20.000Z (30 days ago)
• Last Synced: 2024-10-23T09:56:28.061Z (28 days ago)
• Language: TypeScript
• Size: 21.5 KB
• Stars: 0
• Watchers: 0
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Themify

CLI that helps you to add Blue Web or Bootstrap CSS and customize it.

## Install

```

npm i -g themify-cli

```

## Get help

Run this to see all available commands and options:

```

themify help

```

## Blue Web

Run this to create a custom theme CSS file locally:

```

themify blue-web -o my-theme.css

```

Some prompts will guide you through the process.

## `compile` command

`compile` is the base command. For most cases you should use one of the other commands above instead.

### Usage

When your project not already has a full Bootstrap CSS file, run this to add one:

```

themify compile --output bootstrap.min.css --full

```

### Add theme

Choose one of the styles

```

themify compile -o variables.min.css -s new-york

```

### Custom variables

Create a file with custom Sass variables:

```scss

// my-vars.scss

$primary: yellow;

```

Then run this:

```

themify compile -o variables.min.css -s new-york --import-before my-vars.scss

```

To override CSS variables, you set a file that should be imported after Bootstrap:

```css

/* my-css-vars.css */

.btn-primary {

    --bs-btn-color: blue !important;

}

```

```

themify compile -o variables.min.css -s new-york --import-before my-vars.scss --import-after my-css-vars.css

```