This commit is contained in:
2025-03-26 20:57:41 +01:00
commit e74b0e7640
8 changed files with 11951 additions and 0 deletions

9
.gitignore vendored Normal file
View File

@@ -0,0 +1,9 @@
.idea
.idea/*
.idea/**/*
node_modules
node_modules/*
node_modules/**/*
package-lock.json

59
README.md Normal file
View File

@@ -0,0 +1,59 @@
# 🎨 Custom Bootstrap Theme Generator
A simple tool to generate custom Bootstrap styles using your own color palette and configuration. Perfect for quickly prototyping or creating consistent themes for your web projects.
## 🚀 Features
- Customize Bootstrap's SCSS variables (colors, fonts, spacing, etc.)
- Outputs a single CSS file ready to use
- Built with simplicity and flexibility in mind
## 📦 Installation
Clone the repository:
```bash
git clone https://github.com/yourusername/bootstrap-theme-generator.git
cd bootstrap-theme-generator
```
Install dependencies:
```bash
npm install
```
## ⚙️ Usage
You can edit the SCSS variables in the `./scss/custom.scss` file.
To build your custom Bootstrap CSS:
```bash
npm run sass
```
The output CSS will be in `./css/custom.css`.
To build a minified custom Bootstrap CSS:
```bash
npm run sass-minify
```
The output CSS will be in `./css/custom.min.css`.
### 🧪 Example
```scss
// ./scss/custom.scss
// ----------------------------
$primary: #e63946;
$secondary: #457b9d;
$success: #2a9d8f;
$font-family-base: 'Inter', sans-serif;
$border-radius: 0.5rem;
// ----------------------------
```

11848
css/custom.css Normal file

File diff suppressed because it is too large Load Diff

1
css/custom.css.map Normal file

File diff suppressed because one or more lines are too long

5
css/custom.min.css vendored Normal file

File diff suppressed because one or more lines are too long

1
css/custom.min.css.map Normal file

File diff suppressed because one or more lines are too long

18
package.json Normal file
View File

@@ -0,0 +1,18 @@
{
"name": "custom-bootstrap",
"version": "1.0.0",
"description": "",
"main": "index.js",
"scripts": {
"sass": "sass --watch ./scss/custom.scss ./css/custom.css",
"sass-minify": "sass --watch ./scss/custom.scss ./css/custom.min.css --style compressed"
},
"keywords": [],
"author": "",
"license": "ISC",
"type": "commonjs",
"dependencies": {
"bootstrap": "^5.3.3",
"sass": "^1.86.0"
}
}

10
scss/custom.scss Normal file
View File

@@ -0,0 +1,10 @@
// Custom.scss
// Custom variables go here
// ----------------------------
//$primary: #c8a2c8;
//$secondary: #f0e68c;
// ----------------------------
// Required import of bootstrap
@import "../node_modules/bootstrap/scss/bootstrap";