jebcolors/src/colors/bootstrap-variables.ts

npm module that contains colors, gradients and a class used to modify the colors or gradients

// In this module I save the bootstrap variables to a better manage
// src = https://getbootstrap.com/docs/5.0/utilities/colors/

// Color variables
const blue = "#0d6efd"
const indigo = "#6610f2"
const purple = "#6f42c1"
const pink = "#d63384"
const red = "#dc3545"
const orange = "#fd7e14"
const yellow = "#ffc107"
const green = "#198754"
const teal = "#20c997"
const cyan = "#0dcaf0"

// Gray variables
const white = "#ffffff"
const gray100 = "#f8f9fa"
const gray200 = "#e9ecef"
const gray300 = "#dee2e6"
const gray400 = "#ced4da"
const gray500 = "#adb5bd"
const gray600 = "#6c757d"
const gray700 = "#495057"
const gray800 = "#343a40"
const gray900 = "#212529"
const black = "#000000"

// Final color variables
const primary = blue
const secondary = gray600
const success = green
const info = cyan
const warning = yellow
const danger = red
const light = gray100
const dark = gray900

// Exports
export const bootstrapMainColors = {
    primary,
    secondary,
    success,
    info,
    warning,
    danger,
    light,
    dark,
}

export const bootstrapUnusedColors = {
    indigo,
    purple,
    pink,
    orange,
    teal,
    white,
    black,
}

export const bootstrapGrayColors = {
    gray100,
    gray200,
    gray300,
    gray400,
    gray500,
    gray600,
    gray700,
    gray800,
    gray900,
}