0x-jerry / unocss-preset-brand Goto Github PK

View Code? Open in Web Editor NEW

0.0 1.0 0.0 141 KB

Support use brand color with other preset.

Home Page: https://0x-jerry.github.io/unocss-preset-brand/

License: MIT License

TypeScript 53.61% HTML 3.67% Vue 29.91% CSS 12.80%

theme unocss unocss-preset

unocss-preset-brand's Introduction

Uno Preset Brand

Install

npm i @0x-jerry/unocss-preset-brand -D

import { defineConfig, presetUno } from 'unocss'
import { presetBrand } from '@0x-jerry/unocss-preset-brand'

export default defineConfig({
  presets: [
    presetUno(),
    presetBrand({
      brand: {
        // You can use any color that is defined in other presets, here is `presetUno`,
        // which uses the same colors as `tailwind`, reference: https://tailwindcss.com/docs/customizing-colors
        primary: 'teal',
        gray: 'gray'
      }
    }),
  ],
})

Usage

<div class="text-b-primary">
  Primary Color
</div>

<div class="border-1 border-solid border-b-primary">
  Use primary color with border
</div>

<div class="text-b-gray">
  Gray Color
</div>

Change brand color at runtime

import { changeBrand } from '@0x-jerry/unocss-preset-brand/runtime'

changeBrand({
  primary: 'rose',
  gray: 'zinc'
})

unocss-preset-brand's People

Contributors

Watchers

unocss-preset-brand's Issues

Dependency Dashboard

This issue lists Renovate updates and detected dependencies. Read the Dependency Dashboard docs to learn more.

Open

These updates have all been created already. Click a checkbox below to force a retry/rebase of any.

fix(deps): update unocss monorepo to ^0.61.0 (@unocss/core, unocss)

Detected dependencies

github-actions

.github/workflows/gh-page.yml

actions/checkout v4

pnpm/action-setup v3

actions/setup-node v4

peaceiris/actions-gh-pages v4.0.0

.github/workflows/release.yml

actions/checkout v4

actions/setup-node v4

.github/workflows/test.yml

actions/checkout v4

actions/setup-node v4

codecov/codecov-action v4

npm

example/package.json

vue ^3.4.27

@iconify-json/bxl ^1.1.10

@vitejs/plugin-vue ^5.0.4

typescript ^5.4.5

unocss ^0.60.3

vite ^5.2.12

vue-tsc ^2.0.19

package.json

@0x-jerry/utils ^2.2.7

@unocss/core ^0.60.3

lodash-es ^4.17.21

@0x-jerry/x-release ^2.2.2

@types/lodash-es ^4.17.12

@types/node ^20.12.12

@vitest/coverage-v8 ^1.6.0

tsup ^8.0.2

tsx ^4.11.0

typescript ^5.4.5

vitest ^1.6.0

node >= 18

Check this box to trigger a request for Renovate to run again on this repository

0x-jerry / unocss-preset-brand Goto Github PK

unocss-preset-brand's Introduction

Uno Preset Brand

Install

Usage

Change brand color at runtime

unocss-preset-brand's People

Contributors

Watchers

unocss-preset-brand's Issues

Dependency Dashboard

Open

Detected dependencies

Recommend Projects

React

Vue.js

Typescript

TensorFlow

Django

Laravel

D3

Recommend Topics

javascript

web

server

Machine learning

Visualization

Game

Recommend Org

Facebook

Microsoft

Google

Alibaba

D3

Tencent