@onega-ui/styles NPM

@onega-ui/styles

Guide

Shown here

Installation

  $ yarn add @onega-ui/styles

Use

@import "@onega-ui/styles";

Themes

@import "@onega-ui/styles/themes/rainbow";
@import "@onega-ui/styles/themes/tenderness";
@import "@onega-ui/styles/themes/summer";
@import "@onega-ui/styles/themes/twilight";

Customization variables

:root {
  --ong-color-light-bg: #f6f6f6;
  --ong-color-light-text: #000000;

  --ong-color-secondary-bg: #e2e2e2;
  --ong-color-secondary-text: #000000;

  --ong-color-warning-bg: #F2C46D;
  --ong-color-warning-text: #000000;

  --ong-color-danger-bg: #BF8275;
  --ong-color-danger-text: #FFFFFF;

  --ong-color-success-bg: #46592A;
  --ong-color-success-text: #FFFFFF;

  --ong-color-info-bg: #6997BF;
  --ong-color-info-text: #FFFFFF;

  --ong-color-primary-bg: #0367A6;
  --ong-color-primary-text: #FFFFFF;

  --ong-color-dark-bg: #000000;
  --ong-color-dark-text: #FFFFFF;
}