Skip to content

Commit

Permalink
Updated other standards
Browse files Browse the repository at this point in the history
  • Loading branch information
vanvianen committed Jan 4, 2024
1 parent 94a308d commit 6b4757a
Show file tree
Hide file tree
Showing 11 changed files with 2,611 additions and 1,151 deletions.
34 changes: 34 additions & 0 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -65,6 +65,9 @@ npm i hue.gl

## Colours

Here's a glimpse of the colors available:


| | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 |
| ---- | ---- | ---- | ---- | ---- | ---- | ---- | ---- | ---- | ---- |
| **Grey** | <img src="https://raw.githubusercontent.com/scape-agency/hue.gl/main/dist/png/swatch/N0001.png" alt="N0001"><small>N0001</small> | <img src="https://raw.githubusercontent.com/scape-agency/hue.gl/main/dist/png/swatch/N0002.png" alt="N0002"><small>N0002</small> | <img src="https://raw.githubusercontent.com/scape-agency/hue.gl/main/dist/png/swatch/N0003.png" alt="N0003"><small>N0003</small> | <img src="https://raw.githubusercontent.com/scape-agency/hue.gl/main/dist/png/swatch/N0004.png" alt="N0004"><small>N0004</small> | <img src="https://raw.githubusercontent.com/scape-agency/hue.gl/main/dist/png/swatch/N0005.png" alt="N0005"><small>N0005</small> | <img src="https://raw.githubusercontent.com/scape-agency/hue.gl/main/dist/png/swatch/N0006.png" alt="N0006"><small>N0006</small> | <img src="https://raw.githubusercontent.com/scape-agency/hue.gl/main/dist/png/swatch/N0007.png" alt="N0007"><small>N0007</small> | <img src="https://raw.githubusercontent.com/scape-agency/hue.gl/main/dist/png/swatch/N0008.png" alt="N0008"><small>N0008</small> | <img src="https://raw.githubusercontent.com/scape-agency/hue.gl/main/dist/png/swatch/N0009.png" alt="N0009"><small>N0009</small> |
Expand Down Expand Up @@ -164,6 +167,37 @@ npm i hue.gl
| `.gdiagramstyle` | OmniGraffle Diagram Style |
| `.pal` | Painter Custom Palettes |

## Other Standards

`hue.gl` supports a variety of color standards. Below is a list of these standards along with their corresponding SCSS map files:

| Standard | SCSS Map File | Description |
| ------------------ | --------------------------------------- | ----------- |
| AS2700 | `_as2700_hex_map.scss` | Australian Standard for Colors |
| BS381 | `_bs381_hex_map.scss` | British Standard 381C for Colours for Specific Purposes |
| Copic | `_copic_hex_map.scss` | Copic marker color system |
| Flat Design | `_flat_design_hex_map.scss` | Popular color palette for flat UI design |
| FS595 | `_fs595_hex_map.scss` | Federal Standard 595 color system used by the US government |
| Material Design | `_material_design_hex_map.scss` | Google's Material Design color palette |
| NBS | `_nbs_hex_map.scss` | National Bureau of Standards color names |
| NCS | `_ncs_hex_map.scss` | Natural Color System, a perceptual color model |
| RAL | `_ral_hex_map.scss` | RAL classic color system used in Europe |
| Tailwind | `_tailwind_hex_map.scss` | Tailwind CSS framework's color palette |
| X11 | `_x11_hex_map.scss` | X11 color names used in web colors |

### Sample Usage

Here's an example of how to use a color from the RAL standard in your SCSS:

``` scss
@import 'path/to/hue.gl/scss/standards/_ral_hex_map.scss';

.my-element {
background-color: map-get($ral, RAL 5002); // Ultramarine Blue
}

```

---

## Colophon
Expand Down
72 changes: 0 additions & 72 deletions src/scss/standards/_flat_design_colors.scss

This file was deleted.

Loading

0 comments on commit 6b4757a

Please sign in to comment.