From 2f47d75f58160823f2e67c945aea9c6258ac75b4 Mon Sep 17 00:00:00 2001 From: Lars van Vianen Date: Thu, 4 Jan 2024 14:52:49 +0100 Subject: [PATCH] 0.0.8 --- VERSION | 2 +- dist/README.md | 220 +- dist/css/hue.gl.css | 3241 ++++++++++++----- dist/css/hue.gl.min.css | 2 +- dist/js/hue.gl.min.js | 2 +- dist/js/index.d.ts | 1 + dist/js/index.js | 2 + dist/package.json | 2 +- dist/py/hue.gl.py | 2 +- dist/rcpx/hue.gl.rcpx | 2 +- dist/scss/--_niji.scss | 513 --- dist/scss/--_niji_sup.scss | 219 -- dist/scss/_charts.scss | 65 - dist/scss/_fill.scss | 12 - dist/scss/_niji_background.scss | 220 -- dist/scss/_niji_gradients.scss | 101 - dist/scss/_niji_root.scss | 292 -- dist/scss/_niji_var.scss | 288 -- dist/scss/_utils.scss | 182 + dist/scss/hue/_hue.gl-hcl-map.scss | 378 ++ .../{hue.gl.scss => hue/_hue.gl-hcl-var.scss} | 2 +- dist/scss/hue/_hue.gl-hex-map.scss | 378 ++ dist/scss/hue/_hue.gl-hex-var.scss | 350 ++ dist/scss/hue/_hue.gl-rgb-map.scss | 378 ++ dist/scss/hue/_hue.gl-rgb-var.scss | 350 ++ dist/scss/index.scss | 7 +- dist/scss/niji-rgb.scss | 512 --- dist/scss/niji.scss | 445 --- dist/scss/niji/_niji_add.scss | 166 - dist/scss/niji/_niji_background.scss | 220 -- dist/scss/niji/_niji_gradients.scss | 101 - dist/scss/niji/_niji_root.scss | 292 -- dist/scss/niji/_niji_var.scss | 288 -- dist/scss/niji/niji.scss | 7 - dist/scss/palettes.scss | 30 - dist/scss/standards/_flat_design_colors.scss | 72 - .../standards/_flat_design_colors_full.scss | 298 -- dist/scss/standards/_flat_design_hex_map.scss | 342 ++ dist/scss/standards/_flat_design_hex_var.scss | 338 ++ .../standards/_material_design_colors.scss | 93 - .../standards/_material_design_hex_map.scss | 396 ++ ...ull.scss => _material_design_hex_var.scss} | 164 +- dist/scss/standards/_tailwind_hex_map.scss | 765 ++++ dist/scss/standards/_tailwind_hex_var.scss | 1246 +++---- dist/scss/standards/standards.scss | 14 +- dist/styl/hue.gl.styl | 2 +- dist/tex/hue.gl.tex | 2 +- dist/ts/hue.gl.d.ts | 2 +- dist/ts/index.ts | 16 + package.json | 2 +- script/js/hue/color/ColorSwatch.js | 11 +- script/js/index.js | 8 +- script/ts/hue/color/ColorSwatch.ts | 17 +- script/ts/index.ts | 11 +- src/jinja/hue.gl.scss.jinja | 34 - src/scss/_utils.scss | 182 + src/scss/index.scss | 7 +- 57 files changed, 7400 insertions(+), 5894 deletions(-) delete mode 100644 dist/scss/--_niji.scss delete mode 100644 dist/scss/--_niji_sup.scss delete mode 100644 dist/scss/_charts.scss delete mode 100644 dist/scss/_fill.scss delete mode 100644 dist/scss/_niji_background.scss delete mode 100644 dist/scss/_niji_gradients.scss delete mode 100644 dist/scss/_niji_root.scss delete mode 100644 dist/scss/_niji_var.scss create mode 100644 dist/scss/_utils.scss create mode 100644 dist/scss/hue/_hue.gl-hcl-map.scss rename dist/scss/{hue.gl.scss => hue/_hue.gl-hcl-var.scss} (99%) create mode 100644 dist/scss/hue/_hue.gl-hex-map.scss create mode 100644 dist/scss/hue/_hue.gl-hex-var.scss create mode 100644 dist/scss/hue/_hue.gl-rgb-map.scss create mode 100644 dist/scss/hue/_hue.gl-rgb-var.scss delete mode 100644 dist/scss/niji-rgb.scss delete mode 100644 dist/scss/niji.scss delete mode 100644 dist/scss/niji/_niji_add.scss delete mode 100644 dist/scss/niji/_niji_background.scss delete mode 100644 dist/scss/niji/_niji_gradients.scss delete mode 100644 dist/scss/niji/_niji_root.scss delete mode 100644 dist/scss/niji/_niji_var.scss delete mode 100644 dist/scss/niji/niji.scss delete mode 100644 dist/scss/palettes.scss delete mode 100644 dist/scss/standards/_flat_design_colors.scss delete mode 100644 dist/scss/standards/_flat_design_colors_full.scss create mode 100644 dist/scss/standards/_flat_design_hex_map.scss create mode 100644 dist/scss/standards/_flat_design_hex_var.scss delete mode 100644 dist/scss/standards/_material_design_colors.scss create mode 100644 dist/scss/standards/_material_design_hex_map.scss rename dist/scss/standards/{_material_design_colors_full.scss => _material_design_hex_var.scss} (69%) create mode 100644 dist/scss/standards/_tailwind_hex_map.scss delete mode 100644 src/jinja/hue.gl.scss.jinja create mode 100644 src/scss/_utils.scss diff --git a/VERSION b/VERSION index 5c4511c..7d6b3eb 100644 --- a/VERSION +++ b/VERSION @@ -1 +1 @@ -0.0.7 \ No newline at end of file +0.0.8 \ No newline at end of file diff --git a/dist/README.md b/dist/README.md index 67816ca..e8839f7 100644 --- a/dist/README.md +++ b/dist/README.md @@ -10,7 +10,7 @@
hue.gl logo

hue.gl

-

Natural Colour Spectrum

+

Perceptual Colour System

--- @@ -36,14 +36,20 @@ -**Natural Colour Spectrum.** +**Welcome to hue.gl - a Perceptual Colour System designed for the modern age. At its core, hue.gl transcends traditional color systems by focusing on how we perceive colors, ensuring that every hue, shade, and tone is as visually intuitive as it is scientifically precise.** ## Introduction -`hue.gl` is a comprehensive color scheme generator and management tool designed to create and handle color swatches effectively. It provides a range of functionalities including generating color schemes based on various parameters, encoding them into different formats like ASE (Adobe Swatch Exchange), and more. +In a world where colors are more than just aesthetic choices, hue.gl stands out by delivering a color system that aligns with human visual perception. This system is meticulously calibrated to reflect how our eyes and brains understand color, making it an invaluable tool for designers, artists, and anyone looking to communicate with color more effectively. + +hue.gl offers a comprehensive suite of tools and features that cater to a wide range of needs - from generating harmonious color schemes to providing a vast palette of perceptually uniform colors. Whether you're designing a user interface, branding materials, or simply exploring the world of colors, hue.gl is your go-to solution for colors that resonate and communicate clearly. + +Join us in exploring the vivid and perceptually-optimized world of hue.gl, where every color is more than just a hue - it's an experience. ## Features +`hue.gl` features a comprehensive color scheme generator and management tool designed to create and handle color swatches effectively. It provides a range of functionalities including generating color schemes based on various parameters, encoding them into different formats like ASE (Adobe Swatch Exchange), and more. + - Generate color schemes with configurable parameters. - Support for multiple color models such as RGB, HSL, CMYK, etc. - Export color schemes in different formats, including ASE. @@ -63,39 +69,41 @@ npm i hue.gl ``` +## Colours +Explore a glimpse of the vibrant and diverse color palette offered by `hue.gl`. Each color has been carefully crafted to provide a wide range of hues and shades, suitable for various design needs. - -## Colours +
| | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | | ---- | ---- | ---- | ---- | ---- | ---- | ---- | ---- | ---- | ---- | -| **Salmon** | N0151N0151 | N0152N0152 | N0153N0153 | N0154N0154 | N0155N0155 | N0156N0156 | N0157N0157 | N0158N0158 | N0159N0159 | -| **Orange** | N0301N0301 | N0302N0302 | N0303N0303 | N0304N0304 | N0305N0305 | N0306N0306 | N0307N0307 | N0308N0308 | N0309N0309 | -| **Amber** | N0451N0451 | N0452N0452 | N0453N0453 | N0454N0454 | N0455N0455 | N0456N0456 | N0457N0457 | N0458N0458 | N0459N0459 | -| **Yellow** | N0601N0601 | N0602N0602 | N0603N0603 | N0604N0604 | N0605N0605 | N0606N0606 | N0607N0607 | N0608N0608 | N0609N0609 | -| **Lime** | N0751N0751 | N0752N0752 | N0753N0753 | N0754N0754 | N0755N0755 | N0756N0756 | N0757N0757 | N0758N0758 | N0759N0759 | -| **Ecru** | N0901N0901 | N0902N0902 | N0903N0903 | N0904N0904 | N0905N0905 | N0906N0906 | N0907N0907 | N0908N0908 | N0909N0909 | -| **Olive** | N1051N1051 | N1052N1052 | N1053N1053 | N1054N1054 | N1055N1055 | N1056N1056 | N1057N1057 | N1058N1058 | N1059N1059 | -| **Green** | N1201N1201 | N1202N1202 | N1203N1203 | N1204N1204 | N1205N1205 | N1206N1206 | N1207N1207 | N1208N1208 | N1209N1209 | -| **Forest** | N1351N1351 | N1352N1352 | N1353N1353 | N1354N1354 | N1355N1355 | N1356N1356 | N1357N1357 | N1358N1358 | N1359N1359 | -| **Jade** | N1501N1501 | N1502N1502 | N1503N1503 | N1504N1504 | N1505N1505 | N1506N1506 | N1507N1507 | N1508N1508 | N1509N1509 | -| **Mint** | N1651N1651 | N1652N1652 | N1653N1653 | N1654N1654 | N1655N1655 | N1656N1656 | N1657N1657 | N1658N1658 | N1659N1659 | -| **Cyan** | N1801N1801 | N1802N1802 | N1803N1803 | N1804N1804 | N1805N1805 | N1806N1806 | N1807N1807 | N1808N1808 | N1809N1809 | -| **Teal** | N1951N1951 | N1952N1952 | N1953N1953 | N1954N1954 | N1955N1955 | N1956N1956 | N1957N1957 | N1958N1958 | N1959N1959 | -| **Capri** | N2101N2101 | N2102N2102 | N2103N2103 | N2104N2104 | N2105N2105 | N2106N2106 | N2107N2107 | N2108N2108 | N2109N2109 | -| **Sky** | N2251N2251 | N2252N2252 | N2253N2253 | N2254N2254 | N2255N2255 | N2256N2256 | N2257N2257 | N2258N2258 | N2259N2259 | -| **Blue** | N2401N2401 | N2402N2402 | N2403N2403 | N2404N2404 | N2405N2405 | N2406N2406 | N2407N2407 | N2408N2408 | N2409N2409 | -| **Azure** | N2551N2551 | N2552N2552 | N2553N2553 | N2554N2554 | N2555N2555 | N2556N2556 | N2557N2557 | N2558N2558 | N2559N2559 | -| **Indigo** | N2701N2701 | N2702N2702 | N2703N2703 | N2704N2704 | N2705N2705 | N2706N2706 | N2707N2707 | N2708N2708 | N2709N2709 | -| **Violet** | N2851N2851 | N2852N2852 | N2853N2853 | N2854N2854 | N2855N2855 | N2856N2856 | N2857N2857 | N2858N2858 | N2859N2859 | -| **Magenta** | N3001N3001 | N3002N3002 | N3003N3003 | N3004N3004 | N3005N3005 | N3006N3006 | N3007N3007 | N3008N3008 | N3009N3009 | -| **Purple** | N3151N3151 | N3152N3152 | N3153N3153 | N3154N3154 | N3155N3155 | N3156N3156 | N3157N3157 | N3158N3158 | N3159N3159 | -| **Rose** | N3301N3301 | N3302N3302 | N3303N3303 | N3304N3304 | N3305N3305 | N3306N3306 | N3307N3307 | N3308N3308 | N3309N3309 | -| **Pink** | N3451N3451 | N3452N3452 | N3453N3453 | N3454N3454 | N3455N3455 | N3456N3456 | N3457N3457 | N3458N3458 | N3459N3459 | -| **Red** | N3601N3601 | N3602N3602 | N3603N3603 | N3604N3604 | N3605N3605 | N3606N3606 | N3607N3607 | N3608N3608 | N3609N3609 | - - +| **Grey** | N0001N0001 | N0002N0002 | N0003N0003 | N0004N0004 | N0005N0005 | N0006N0006 | N0007N0007 | N0008N0008 | N0009N0009 | +| **Salmon** | N0151N0151 | N0152N0152 | N0153N0153 | N0154N0154 | N0155N0155 | N0156N0156 | N0157N0157 | N0158N0158 | N0159N0159 | +| **Orange** | N0301N0301 | N0302N0302 | N0303N0303 | N0304N0304 | N0305N0305 | N0306N0306 | N0307N0307 | N0308N0308 | N0309N0309 | +| **Amber** | N0451N0451 | N0452N0452 | N0453N0453 | N0454N0454 | N0455N0455 | N0456N0456 | N0457N0457 | N0458N0458 | N0459N0459 | +| **Yellow** | N0601N0601 | N0602N0602 | N0603N0603 | N0604N0604 | N0605N0605 | N0606N0606 | N0607N0607 | N0608N0608 | N0609N0609 | +| **Lime** | N0751N0751 | N0752N0752 | N0753N0753 | N0754N0754 | N0755N0755 | N0756N0756 | N0757N0757 | N0758N0758 | N0759N0759 | +| **Ecru** | N0901N0901 | N0902N0902 | N0903N0903 | N0904N0904 | N0905N0905 | N0906N0906 | N0907N0907 | N0908N0908 | N0909N0909 | +| **Olive** | N1051N1051 | N1052N1052 | N1053N1053 | N1054N1054 | N1055N1055 | N1056N1056 | N1057N1057 | N1058N1058 | N1059N1059 | +| **Green** | N1201N1201 | N1202N1202 | N1203N1203 | N1204N1204 | N1205N1205 | N1206N1206 | N1207N1207 | N1208N1208 | N1209N1209 | +| **Forest** | N1351N1351 | N1352N1352 | N1353N1353 | N1354N1354 | N1355N1355 | N1356N1356 | N1357N1357 | N1358N1358 | N1359N1359 | +| **Jade** | N1501N1501 | N1502N1502 | N1503N1503 | N1504N1504 | N1505N1505 | N1506N1506 | N1507N1507 | N1508N1508 | N1509N1509 | +| **Mint** | N1651N1651 | N1652N1652 | N1653N1653 | N1654N1654 | N1655N1655 | N1656N1656 | N1657N1657 | N1658N1658 | N1659N1659 | +| **Cyan** | N1801N1801 | N1802N1802 | N1803N1803 | N1804N1804 | N1805N1805 | N1806N1806 | N1807N1807 | N1808N1808 | N1809N1809 | +| **Teal** | N1951N1951 | N1952N1952 | N1953N1953 | N1954N1954 | N1955N1955 | N1956N1956 | N1957N1957 | N1958N1958 | N1959N1959 | +| **Capri** | N2101N2101 | N2102N2102 | N2103N2103 | N2104N2104 | N2105N2105 | N2106N2106 | N2107N2107 | N2108N2108 | N2109N2109 | +| **Sky** | N2251N2251 | N2252N2252 | N2253N2253 | N2254N2254 | N2255N2255 | N2256N2256 | N2257N2257 | N2258N2258 | N2259N2259 | +| **Blue** | N2401N2401 | N2402N2402 | N2403N2403 | N2404N2404 | N2405N2405 | N2406N2406 | N2407N2407 | N2408N2408 | N2409N2409 | +| **Azure** | N2551N2551 | N2552N2552 | N2553N2553 | N2554N2554 | N2555N2555 | N2556N2556 | N2557N2557 | N2558N2558 | N2559N2559 | +| **Indigo** | N2701N2701 | N2702N2702 | N2703N2703 | N2704N2704 | N2705N2705 | N2706N2706 | N2707N2707 | N2708N2708 | N2709N2709 | +| **Violet** | N2851N2851 | N2852N2852 | N2853N2853 | N2854N2854 | N2855N2855 | N2856N2856 | N2857N2857 | N2858N2858 | N2859N2859 | +| **Magenta** | N3001N3001 | N3002N3002 | N3003N3003 | N3004N3004 | N3005N3005 | N3006N3006 | N3007N3007 | N3008N3008 | N3009N3009 | +| **Purple** | N3151N3151 | N3152N3152 | N3153N3153 | N3154N3154 | N3155N3155 | N3156N3156 | N3157N3157 | N3158N3158 | N3159N3159 | +| **Rose** | N3301N3301 | N3302N3302 | N3303N3303 | N3304N3304 | N3305N3305 | N3306N3306 | N3307N3307 | N3308N3308 | N3309N3309 | +| **Pink** | N3451N3451 | N3452N3452 | N3453N3453 | N3454N3454 | N3455N3455 | N3456N3456 | N3457N3457 | N3458N3458 | N3459N3459 | +| **Red** | N3601N3601 | N3602N3602 | N3603N3603 | N3604N3604 | N3605N3605 | N3606N3606 | N3607N3607 | N3608N3608 | N3609N3609 | + +
## Links @@ -104,65 +112,97 @@ npm i hue.gl ## Supported Formats -#### Style Sheet Languages - -| | | -| ----------------- | ------------------------- | -| `.css` | CSS | -| `.scss` | Sass | -| `.less` | Less | -| `.stylus` | Stylus | -| | Tailwind | - -#### Programming Language Environments - -| | | -| ----------------- | ------------------------- | -| `.go` | Go | -| `.jl` | Julia | -| `.py` | Python | -| `.d.ts` | TypeScript | -| `.js` | JavaScript | -| `.tex` | LaTex | - -#### Data-interchange Formats - -| | | -| ----------------- | ------------------------- | -| `.csv` | | -| `.json` | JSON | - -#### Image Formats - -| | | -| ----------------- | ------------------------- | -| `.svg` | SVG | - -#### Desktop Applications - -| | | -| ----------------- | ------------------------------- | -| `.oco` | Open Color Tools | -| `.ptc` | PANTONE Color File | -| `.ase` | Adobe Swatch Exchange | -| `.aco` | Adobe Photoshop | -| `.acb` | Adobe Photoshop Color Book | -| `.grd` | Adobe Photoshop Gradient | -| `.clr` | Adobe Animate Color Set | -| `.inx` | Adobe InDesign Interchange | -| `.acbl` | Adobe Color Book Legacy | -| `.sketchpalette` | Sketch | -| `.gpl` | GIMP Palette, Inkscape | -| `.ggr` | GIMP Gradient File | -| `.rcpx` | PowerPaint | -| `.ctb` | AutoCAD Color-Based Plot Style | -| `.colorpicker` | Apple Color Picker | -| `.bcp` | BlackMagic Custom Palette | -| `.mgk` | ImageMagick Configuration | -| `.cs` | ColorSchemer Studio | -| `.style` | Trimble SketchUp Style | -| `.gdiagramstyle` | OmniGraffle Diagram Style | -| `.pal` | Painter Custom Palettes | +### Style Sheet Languages + +| Extension | Description | +| --------- | ------------------------- | +| `.css` | CSS Style Sheets | +| `.scss` | Sass Style Sheets | +| `.less` | LESS Style Sheets | +| `.stylus` | Stylus Style Sheets | +| | Tailwind CSS Framework | + +### Programming Language Environments + +| Extension | Description | +| --------- | ------------------------- | +| `.go` | Go Language Environment | +| `.jl` | Julia Language Environment| +| `.py` | Python Scripts | +| `.d.ts` | TypeScript Definitions | +| `.js` | JavaScript Files | +| `.tex` | LaTeX Documents | + +### Data-interchange Formats + +| Extension | Description | +| --------- | ------------------------- | +| `.csv` | Comma-Separated Values | +| `.json` | JSON Data Format | + +### Image Formats + +| Extension | Description | +| --------- | ------------------------- | +| `.svg` | Scalable Vector Graphics | + +### Desktop Applications + +| Extension | Description | +| ----------------- | ----------------------------------- | +| `.oco` | Open Color Tools | +| `.ptc` | PANTONE Color File | +| `.ase` | Adobe Swatch Exchange Format | +| `.aco` | Adobe Photoshop Color Swatches | +| `.acb` | Adobe Photoshop Color Book | +| `.grd` | Adobe Photoshop Gradient File | +| `.clr` | Adobe Animate Color Set | +| `.inx` | Adobe InDesign Interchange Format | +| `.acbl` | Adobe Color Book Legacy | +| `.sketchpalette` | Sketch Palette File | +| `.gpl` | GIMP and Inkscape Palette File | +| `.ggr` | GIMP Gradient File | +| `.rcpx` | PowerPaint Palette File | +| `.ctb` | AutoCAD Color-Based Plot Style File | +| `.colorpicker` | Apple Color Picker File | +| `.bcp` | BlackMagic Custom Palette | +| `.mgk` | ImageMagick Configuration File | +| `.cs` | ColorSchemer Studio File | +| `.style` | Trimble SketchUp Style File | +| `.gdiagramstyle` | OmniGraffle Diagram Style File | +| `.pal` | Painter Custom Palettes File | + + +## 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 +} + +``` --- diff --git a/dist/css/hue.gl.css b/dist/css/hue.gl.css index 3000f3f..6966675 100644 --- a/dist/css/hue.gl.css +++ b/dist/css/hue.gl.css @@ -16,1328 +16,2931 @@ TABLE OF CONTENTS 2. 3. */ -/* Vermillion */ -/* ----------------------------------------------------------------------- */ -/* Orange */ -/* ----------------------------------------------------------------------- */ -/* Amber */ -/* ----------------------------------------------------------------------- */ -/* Yellow */ -/* ----------------------------------------------------------------------- */ -/* Lime */ -/* ----------------------------------------------------------------------- */ -/* Ecru */ -/* ----------------------------------------------------------------------- */ -/* Olive */ -/* ----------------------------------------------------------------------- */ -/* Green */ -/* ----------------------------------------------------------------------- */ -/* Forest */ -/* ----------------------------------------------------------------------- */ -/* Jade */ -/* ----------------------------------------------------------------------- */ -/* Mint */ -/* ----------------------------------------------------------------------- */ -/* Cyan */ -/* ----------------------------------------------------------------------- */ -/* Teal */ -/* ----------------------------------------------------------------------- */ -/* Capri */ -/* ----------------------------------------------------------------------- */ -/* Cerulean */ -/* ----------------------------------------------------------------------- */ -/* Blue */ -/* ----------------------------------------------------------------------- */ -/* Azure */ -/* ----------------------------------------------------------------------- */ -/* Violet */ -/* ----------------------------------------------------------------------- */ -/* Purple */ -/* ----------------------------------------------------------------------- */ -/* Magenta */ -/* ----------------------------------------------------------------------- */ -/* Cerise */ -/* ----------------------------------------------------------------------- */ -/* Rose */ -/* ----------------------------------------------------------------------- */ -/* Pink */ -/* ----------------------------------------------------------------------- */ -/* Red */ -/* ----------------------------------------------------------------------- */ -/* Root Variables */ -:root { - /* Vermillion */ - /* ----------------------------------------------------------------------- */ - --N1015: rgb(98.2% 85.7% 86.7%); - --N2015: rgb(93.4% 75.4% 76.9%); - --N3015: rgb(88.5% 65.1% 67.3%); - --N4015: rgb(83.2% 55% 58%); - --N5015: rgb(77.8% 44.8% 49%); - --N6015: rgb(65.5% 38.8% 42.1%); - --N7015: rgb(53.6% 32.9% 35.3%); - --N8015: rgb(42.2% 27.2% 28.8%); - --N9015: rgb(31.2% 21.5% 22.5%); - /* Orange */ - /* ----------------------------------------------------------------------- */ - --N1030: rgb(97.9% 86% 84.5%); - --N2030: rgb(93.1% 75.8% 73.7%); - --N3030: rgb(87.9% 65.7% 63.1%); - --N4030: rgb(82.5% 55.8% 52.9%); - --N5030: rgb(76.8% 45.9% 43%); - --N6030: rgb(64.7% 39.6% 37.2%); - --N7030: rgb(53.1% 33.5% 31.6%); - --N8030: rgb(41.8% 27.6% 26.1%); - --N9030: rgb(30.9% 21.8% 20.7%); - /* Amber */ - /* ----------------------------------------------------------------------- */ - --N1045: rgb(97.1% 86.5% 82.6%); - --N2045: rgb(91.8% 76.5% 70.9%); - --N3045: rgb(86.3% 66.7% 59.5%); - --N4045: rgb(80.5% 57.1% 48.4%); - --N5045: rgb(74.5% 47.6% 37.8%); - --N6045: rgb(62.8% 41% 32.9%); - --N7045: rgb(51.6% 34.6% 28.3%); - --N8045: rgb(40.7% 28.3% 23.7%); - --N9045: rgb(30.3% 22.2% 19.2%); - /* Yellow */ - /* ----------------------------------------------------------------------- */ - --N1060: rgb(95.7% 87.1% 81.1%); - --N2060: rgb(89.8% 77.5% 68.7%); - --N3060: rgb(83.7% 68% 56.6%); - --N4060: rgb(77.4% 58.8% 44.9%); - --N5060: rgb(70.8% 49.7% 33.5%); - --N6060: rgb(59.9% 42.7% 29.5%); - --N7060: rgb(49.3% 35.8% 25.6%); - --N8060: rgb(39% 29.2% 21.8%); - --N9060: rgb(29.2% 22.8% 18%); - /* Lime */ - /* ----------------------------------------------------------------------- */ - --N1075: rgb(93.8% 87.8% 80.1%); - --N2075: rgb(87.1% 78.5% 67.3%); - --N3075: rgb(80.3% 69.5% 54.7%); - --N4075: rgb(73.3% 60.6% 42.5%); - --N5075: rgb(66.1% 52% 30.6%); - --N6075: rgb(56.1% 44.5% 27.2%); - --N7075: rgb(46.3% 37.2% 23.9%); - --N8075: rgb(36.9% 30.2% 20.5%); - --N9075: rgb(27.8% 23.4% 17.3%); - /* Ecru */ - /* ----------------------------------------------------------------------- */ - --N1090: rgb(91.6% 88.6% 79.8%); - --N2090: rgb(84% 79.7% 66.7%); - --N3090: rgb(76.2% 71% 54%); - --N4090: rgb(68.5% 62.5% 41.5%); - --N5090: rgb(60.6% 54.2% 29.3%); - --N6090: rgb(51.6% 46.3% 26.2%); - --N7090: rgb(42.8% 38.6% 23.1%); - --N8090: rgb(34.3% 31.1% 20%); - --N9090: rgb(26.1% 24% 17%); - /* Olive */ - /* ----------------------------------------------------------------------- */ - --N1105: rgb(89.2% 89.3% 80%); - --N2105: rgb(80.4% 80.8% 67.1%); - --N3105: rgb(71.7% 72.4% 54.4%); - --N4105: rgb(63.1% 64.2% 42.1%); - --N5105: rgb(54.4% 56.2% 29.9%); - --N6105: rgb(46.6% 47.9% 26.7%); - --N7105: rgb(38.9% 39.8% 23.5%); - --N8105: rgb(31.5% 32% 20.3%); - --N9105: rgb(24.3% 24.6% 17.1%); - /* Green */ - /* ----------------------------------------------------------------------- */ - --N1120: rgb(86.7% 90% 80.9%); - --N2120: rgb(76.8% 81.8% 68.3%); - --N3120: rgb(67% 73.7% 56%); - --N4120: rgb(57.3% 65.7% 44.1%); - --N5120: rgb(47.8% 57.9% 32.4%); - --N6120: rgb(41.1% 49.3% 28.7%); - --N7120: rgb(34.7% 40.9% 25%); - --N8120: rgb(28.4% 32.9% 21.4%); - --N9120: rgb(22.3% 25.1% 17.8%); - /* Forest */ - /* ----------------------------------------------------------------------- */ - --N1135: rgb(84.2% 90.6% 82.2%); - --N2135: rgb(73.2% 82.6% 70.3%); - --N3135: rgb(62.2% 74.7% 58.7%); - --N4135: rgb(51.4% 67% 47.4%); - --N5135: rgb(40.7% 59.3% 36.4%); - --N6135: rgb(35.4% 50.4% 31.9%); - --N7135: rgb(30.3% 41.8% 27.5%); - --N8135: rgb(25.3% 33.5% 23.2%); - --N9135: rgb(20.4% 25.5% 18.9%); - /* Jade */ - /* ----------------------------------------------------------------------- */ - --N1150: rgb(82% 91.1% 84.1%); - --N2150: rgb(69.8% 83.3% 73%); - --N3150: rgb(57.7% 75.6% 62.3%); - --N4150: rgb(45.6% 67.9% 51.8%); - --N5150: rgb(33.1% 60.3% 41.6%); - --N6150: rgb(29.5% 51.3% 36.1%); - --N7150: rgb(25.9% 42.5% 30.7%); - --N8150: rgb(22.2% 34% 25.5%); - --N9150: rgb(18.5% 25.9% 20.4%); - /* Mint */ - /* ----------------------------------------------------------------------- */ - --N1165: rgb(80.2% 91.4% 86.2%); - --N2165: rgb(67% 83.7% 76.2%); - --N3165: rgb(53.8% 76.1% 66.5%); - --N4165: rgb(40.1% 68.5% 56.9%); - --N5165: rgb(25.1% 61% 47.7%); - --N6165: rgb(23.5% 51.8% 41%); - --N7165: rgb(21.6% 42.9% 34.5%); - --N8165: rgb(19.3% 34.3% 28.2%); - --N9165: rgb(16.8% 26.1% 22.1%); - /* Cyan */ - /* ----------------------------------------------------------------------- */ - --N1180: rgb(78.9% 91.5% 88.5%); - --N2180: rgb(65% 83.9% 79.6%); - --N3180: rgb(50.7% 76.4% 70.9%); - --N4180: rgb(35.6% 68.8% 62.4%); - --N5180: rgb(16.3% 61.3% 54.1%); - --N6180: rgb(17.6% 52.1% 46.2%); - --N7180: rgb(17.7% 43.1% 38.5%); - --N8180: rgb(16.9% 34.5% 31.1%); - --N9180: rgb(15.5% 26.2% 24%); - /* Teal */ - /* ----------------------------------------------------------------------- */ - --N1195: rgb(78.3% 91.5% 90.9%); - --N2195: rgb(63.9% 83.9% 83.1%); - --N3195: rgb(49% 76.3% 75.4%); - --N4195: rgb(32.6% 68.8% 67.9%); - --N5195: rgb(6.3% 61.2% 60.6%); - --N6195: rgb(12.6% 52% 51.4%); - --N7195: rgb(14.9% 43.1% 42.6%); - --N8195: rgb(15.4% 34.5% 34%); - --N9195: rgb(14.8% 26.2% 25.8%); - /* Capri */ - /* ----------------------------------------------------------------------- */ - --N1210: rgb(78.4% 91.3% 93.1%); - --N2210: rgb(64% 83.6% 86.3%); - --N3210: rgb(49% 75.9% 79.6%); - --N4210: rgb(32.1% 68.4% 73.1%); - --N5210: rgb(0.31% 60.8% 66.6%); - --N6210: rgb(11% 51.7% 56.3%); - --N7210: rgb(14.2% 42.8% 46.3%); - --N8210: rgb(15.2% 34.3% 36.7%); - --N9210: rgb(14.7% 26% 27.6%); - /* Cerulean */ - /* ----------------------------------------------------------------------- */ - --N1225: rgb(79.3% 90.9% 95%); - --N2225: rgb(65.3% 83.1% 89.1%); - --N3225: rgb(50.7% 75.3% 83.3%); - --N4225: rgb(34.5% 67.6% 77.5%); - --N5225: rgb(10% 60% 71.8%); - --N6225: rgb(14.6% 51% 60.5%); - --N7225: rgb(16.3% 42.3% 49.6%); - --N8225: rgb(16.4% 33.9% 39.1%); - --N9225: rgb(15.4% 25.8% 29.1%); - /* Blue */ - /* ----------------------------------------------------------------------- */ - --N1240: rgb(80.8% 90.4% 96.4%); - --N2240: rgb(67.6% 82.3% 91.2%); - --N3240: rgb(54% 74.4% 86.1%); - --N4240: rgb(39.4% 66.5% 81%); - --N5240: rgb(21.1% 58.9% 75.8%); - --N6240: rgb(21.2% 50.1% 63.8%); - --N7240: rgb(20.5% 41.5% 52.1%); - --N8240: rgb(19% 33.3% 40.9%); - --N9240: rgb(16.9% 25.4% 30.2%); - /* Azure */ - /* ----------------------------------------------------------------------- */ - --N1255: rgb(82.9% 89.7% 97.4%); - --N2255: rgb(70.8% 81.4% 92.6%); - --N3255: rgb(58.6% 73.2% 87.9%); - --N4255: rgb(45.8% 65.2% 83.2%); - --N5255: rgb(31.6% 57.3% 78.4%); - --N6255: rgb(28.7% 48.8% 65.9%); - --N7255: rgb(25.7% 40.5% 53.7%); - --N8255: rgb(22.3% 32.5% 42.1%); - --N9255: rgb(18.8% 24.9% 31%); - /* Violet */ - /* ----------------------------------------------------------------------- */ - --N1270: rgb(85.3% 89% 97.7%); - --N2270: rgb(74.6% 80.3% 93.1%); - --N3270: rgb(63.8% 71.8% 88.6%); - --N4270: rgb(52.9% 63.5% 84%); - --N5270: rgb(41.4% 55.4% 79.4%); - --N6270: rgb(36.3% 47.2% 66.6%); - --N7270: rgb(31.2% 39.3% 54.3%); - --N8270: rgb(26.1% 31.7% 42.5%); - --N9270: rgb(21% 24.3% 31.3%); - /* Purple */ - /* ----------------------------------------------------------------------- */ - --N1285: rgb(88% 88.2% 97.5%); - --N2285: rgb(78.6% 79.2% 92.8%); - --N3285: rgb(69.3% 70.3% 88.1%); - --N4285: rgb(59.9% 61.6% 83.3%); - --N5285: rgb(50.5% 53.2% 78.6%); - --N6285: rgb(43.4% 45.5% 66%); - --N7285: rgb(36.5% 38% 53.9%); - --N8285: rgb(29.8% 30.7% 42.2%); - --N9285: rgb(23.3% 23.7% 31%); - /* Magenta */ - /* ----------------------------------------------------------------------- */ - --N1300: rgb(90.6% 87.5% 96.6%); - --N2300: rgb(82.6% 78% 91.5%); - --N3300: rgb(74.5% 68.8% 86.4%); - --N4300: rgb(66.6% 59.7% 81.3%); - --N5300: rgb(58.6% 50.9% 76.2%); - --N6300: rgb(49.9% 43.6% 64.1%); - --N7300: rgb(41.5% 36.5% 52.4%); - --N8300: rgb(33.3% 29.7% 41.1%); - --N9300: rgb(25.4% 23.1% 30.4%); - /* Cerise */ - /* ----------------------------------------------------------------------- */ - --N1315: rgb(93% 86.8% 95.2%); - --N2315: rgb(86.1% 77% 89.5%); - --N3315: rgb(79.3% 67.4% 83.7%); - --N4315: rgb(72.4% 57.9% 78.1%); - --N5315: rgb(65.5% 48.6% 72.4%); - --N6315: rgb(55.5% 41.8% 61%); - --N7315: rgb(45.8% 35.1% 50%); - --N8315: rgb(36.4% 28.7% 39.4%); - --N9315: rgb(27.4% 22.5% 29.3%); - /* Rose */ - /* ----------------------------------------------------------------------- */ - --N1330: rgb(95.1% 86.2% 93.4%); - --N2330: rgb(89.2% 76.1% 86.8%); - --N3330: rgb(83.2% 66.2% 80.3%); - --N4330: rgb(77.1% 56.4% 73.8%); - --N5330: rgb(71% 46.6% 67.4%); - --N6330: rgb(59.9% 40.2% 57%); - --N7330: rgb(49.2% 34% 46.9%); - --N8330: rgb(38.9% 27.9% 37.1%); - --N9330: rgb(29% 22% 27.8%); - /* Pink */ - /* ----------------------------------------------------------------------- */ - --N1345: rgb(96.7% 85.9% 91.3%); - --N2345: rgb(91.5% 75.6% 83.7%); - --N3345: rgb(86.1% 65.4% 76.2%); - --N4345: rgb(80.5% 55.3% 68.8%); - --N5345: rgb(74.9% 45.2% 61.6%); - --N6345: rgb(63.1% 39.1% 52.2%); - --N7345: rgb(51.7% 33.1% 43.2%); - --N8345: rgb(40.7% 27.3% 34.5%); - --N9345: rgb(30.2% 21.6% 26.1%); - /* Red */ - /* ----------------------------------------------------------------------- */ - --N1360: rgb(97.7% 85.7% 89%); - --N2360: rgb(92.9% 75.3% 80.3%); - --N3360: rgb(87.9% 65% 71.8%); - --N4360: rgb(82.6% 54.8% 63.4%); - --N5360: rgb(77.1% 44.5% 55.3%); - --N6360: rgb(65% 38.6% 47.2%); - --N7360: rgb(53.2% 32.8% 39.3%); - --N8360: rgb(41.8% 27.1% 31.6%); - --N9360: rgb(30.9% 21.5% 24.3%); +.text-N0001 { + color: #e2e2e2; +} + +.bg-N0001 { + background-color: #e2e2e2; +} + +.border-N0001 { + border-color: #e2e2e2; +} + +.text-N0002 { + color: #cccccc; +} + +.bg-N0002 { + background-color: #cccccc; +} + +.border-N0002 { + border-color: #cccccc; +} + +.text-N0003 { + color: #b6b6b6; +} + +.bg-N0003 { + background-color: #b6b6b6; +} + +.border-N0003 { + border-color: #b6b6b6; +} + +.text-N0004 { + color: #a0a0a0; +} + +.bg-N0004 { + background-color: #a0a0a0; +} + +.border-N0004 { + border-color: #a0a0a0; +} + +.text-N0005 { + color: #8b8b8b; +} + +.bg-N0005 { + background-color: #8b8b8b; +} + +.border-N0005 { + border-color: #8b8b8b; +} + +.text-N0006 { + color: #777777; +} + +.bg-N0006 { + background-color: #777777; +} + +.border-N0006 { + border-color: #777777; +} + +.text-N0007 { + color: #636363; +} + +.bg-N0007 { + background-color: #636363; +} + +.border-N0007 { + border-color: #636363; +} + +.text-N0008 { + color: #505050; +} + +.bg-N0008 { + background-color: #505050; +} + +.border-N0008 { + border-color: #505050; +} + +.text-N0009 { + color: #3e3e3e; +} + +.bg-N0009 { + background-color: #3e3e3e; +} + +.border-N0009 { + border-color: #3e3e3e; +} + +.text-N0151 { + color: #fadbdd; +} + +.bg-N0151 { + background-color: #fadbdd; +} + +.border-N0151 { + border-color: #fadbdd; +} + +.text-N0152 { + color: #eec0c4; +} + +.bg-N0152 { + background-color: #eec0c4; +} + +.border-N0152 { + border-color: #eec0c4; +} + +.text-N0153 { + color: #e2a6ac; +} + +.bg-N0153 { + background-color: #e2a6ac; +} + +.border-N0153 { + border-color: #e2a6ac; +} + +.text-N0154 { + color: #d48c94; +} + +.bg-N0154 { + background-color: #d48c94; +} + +.border-N0154 { + border-color: #d48c94; +} + +.text-N0155 { + color: #c6727d; +} + +.bg-N0155 { + background-color: #c6727d; +} + +.border-N0155 { + border-color: #c6727d; +} + +.text-N0156 { + color: #a7636b; +} + +.bg-N0156 { + background-color: #a7636b; +} + +.border-N0156 { + border-color: #a7636b; +} + +.text-N0157 { + color: #89545a; +} + +.bg-N0157 { + background-color: #89545a; +} + +.border-N0157 { + border-color: #89545a; +} + +.text-N0158 { + color: #6b4549; +} + +.bg-N0158 { + background-color: #6b4549; +} + +.border-N0158 { + border-color: #6b4549; +} + +.text-N0159 { + color: #4f3739; +} + +.bg-N0159 { + background-color: #4f3739; +} + +.border-N0159 { + border-color: #4f3739; +} + +.text-N0301 { + color: #fadbd7; +} + +.bg-N0301 { + background-color: #fadbd7; +} + +.border-N0301 { + border-color: #fadbd7; +} + +.text-N0302 { + color: #edc1bc; +} + +.bg-N0302 { + background-color: #edc1bc; +} + +.border-N0302 { + border-color: #edc1bc; +} + +.text-N0303 { + color: #e0a8a1; +} + +.bg-N0303 { + background-color: #e0a8a1; +} + +.border-N0303 { + border-color: #e0a8a1; +} + +.text-N0304 { + color: #d28e87; +} + +.bg-N0304 { + background-color: #d28e87; +} + +.border-N0304 { + border-color: #d28e87; +} + +.text-N0305 { + color: #c4756e; +} + +.bg-N0305 { + background-color: #c4756e; +} + +.border-N0305 { + border-color: #c4756e; +} + +.text-N0306 { + color: #a5655f; +} + +.bg-N0306 { + background-color: #a5655f; +} + +.border-N0306 { + border-color: #a5655f; +} + +.text-N0307 { + color: #875650; +} + +.bg-N0307 { + background-color: #875650; +} + +.border-N0307 { + border-color: #875650; +} + +.text-N0308 { + color: #6b4642; +} + +.bg-N0308 { + background-color: #6b4642; +} + +.border-N0308 { + border-color: #6b4642; +} + +.text-N0309 { + color: #4f3835; +} + +.bg-N0309 { + background-color: #4f3835; +} + +.border-N0309 { + border-color: #4f3835; +} + +.text-N0451 { + color: #f8dcd3; +} + +.bg-N0451 { + background-color: #f8dcd3; +} + +.border-N0451 { + border-color: #f8dcd3; +} + +.text-N0452 { + color: #eac3b5; +} + +.bg-N0452 { + background-color: #eac3b5; +} + +.border-N0452 { + border-color: #eac3b5; +} + +.text-N0453 { + color: #dcaa98; +} + +.bg-N0453 { + background-color: #dcaa98; +} + +.border-N0453 { + border-color: #dcaa98; +} + +.text-N0454 { + color: #cd927c; +} + +.bg-N0454 { + background-color: #cd927c; +} + +.border-N0454 { + border-color: #cd927c; +} + +.text-N0455 { + color: #be7960; +} + +.bg-N0455 { + background-color: #be7960; +} + +.border-N0455 { + border-color: #be7960; +} + +.text-N0456 { + color: #a06954; +} + +.bg-N0456 { + background-color: #a06954; +} + +.border-N0456 { + border-color: #a06954; +} + +.text-N0457 { + color: #845848; +} + +.bg-N0457 { + background-color: #845848; +} + +.border-N0457 { + border-color: #845848; +} + +.text-N0458 { + color: #68483c; +} + +.bg-N0458 { + background-color: #68483c; +} + +.border-N0458 { + border-color: #68483c; +} + +.text-N0459 { + color: #4d3931; +} + +.bg-N0459 { + background-color: #4d3931; +} + +.border-N0459 { + border-color: #4d3931; +} + +.text-N0601 { + color: #f4decf; +} + +.bg-N0601 { + background-color: #f4decf; +} + +.border-N0601 { + border-color: #f4decf; +} + +.text-N0602 { + color: #e5c6af; +} + +.bg-N0602 { + background-color: #e5c6af; +} + +.border-N0602 { + border-color: #e5c6af; +} + +.text-N0603 { + color: #d5ad90; +} + +.bg-N0603 { + background-color: #d5ad90; +} + +.border-N0603 { + border-color: #d5ad90; +} + +.text-N0604 { + color: #c59672; +} + +.bg-N0604 { + background-color: #c59672; +} + +.border-N0604 { + border-color: #c59672; +} + +.text-N0605 { + color: #b57f55; +} + +.bg-N0605 { + background-color: #b57f55; +} + +.border-N0605 { + border-color: #b57f55; +} + +.text-N0606 { + color: #996d4b; +} + +.bg-N0606 { + background-color: #996d4b; +} + +.border-N0606 { + border-color: #996d4b; +} + +.text-N0607 { + color: #7e5b41; +} + +.bg-N0607 { + background-color: #7e5b41; +} + +.border-N0607 { + border-color: #7e5b41; +} + +.text-N0608 { + color: #644a38; +} + +.bg-N0608 { + background-color: #644a38; +} + +.border-N0608 { + border-color: #644a38; +} + +.text-N0609 { + color: #4a3a2e; +} + +.bg-N0609 { + background-color: #4a3a2e; +} + +.border-N0609 { + border-color: #4a3a2e; +} + +.text-N0751 { + color: #efe0cc; +} + +.bg-N0751 { + background-color: #efe0cc; +} + +.border-N0751 { + border-color: #efe0cc; +} + +.text-N0752 { + color: #dec8ac; +} + +.bg-N0752 { + background-color: #dec8ac; +} + +.border-N0752 { + border-color: #dec8ac; +} + +.text-N0753 { + color: #cdb18c; +} + +.bg-N0753 { + background-color: #cdb18c; +} + +.border-N0753 { + border-color: #cdb18c; +} + +.text-N0754 { + color: #bb9b6c; +} + +.bg-N0754 { + background-color: #bb9b6c; +} + +.border-N0754 { + border-color: #bb9b6c; +} + +.text-N0755 { + color: #a9854e; +} + +.bg-N0755 { + background-color: #a9854e; +} + +.border-N0755 { + border-color: #a9854e; +} + +.text-N0756 { + color: #8f7145; +} + +.bg-N0756 { + background-color: #8f7145; +} + +.border-N0756 { + border-color: #8f7145; +} + +.text-N0757 { + color: #765f3d; +} + +.bg-N0757 { + background-color: #765f3d; +} + +.border-N0757 { + border-color: #765f3d; +} + +.text-N0758 { + color: #5e4d34; +} + +.bg-N0758 { + background-color: #5e4d34; +} + +.border-N0758 { + border-color: #5e4d34; +} + +.text-N0759 { + color: #473c2c; +} + +.bg-N0759 { + background-color: #473c2c; +} + +.border-N0759 { + border-color: #473c2c; +} + +.text-N0901 { + color: #eae2cb; +} + +.bg-N0901 { + background-color: #eae2cb; +} + +.border-N0901 { + border-color: #eae2cb; +} + +.text-N0902 { + color: #d6cbaa; +} + +.bg-N0902 { + background-color: #d6cbaa; +} + +.border-N0902 { + border-color: #d6cbaa; +} + +.text-N0903 { + color: #c2b58a; +} + +.bg-N0903 { + background-color: #c2b58a; +} + +.border-N0903 { + border-color: #c2b58a; +} + +.text-N0904 { + color: #af9f6a; +} + +.bg-N0904 { + background-color: #af9f6a; +} + +.border-N0904 { + border-color: #af9f6a; +} + +.text-N0905 { + color: #9b8a4b; +} + +.bg-N0905 { + background-color: #9b8a4b; +} + +.border-N0905 { + border-color: #9b8a4b; +} + +.text-N0906 { + color: #847643; +} + +.bg-N0906 { + background-color: #847643; +} + +.border-N0906 { + border-color: #847643; +} + +.text-N0907 { + color: #6d623b; +} + +.bg-N0907 { + background-color: #6d623b; +} + +.border-N0907 { + border-color: #6d623b; +} + +.text-N0908 { + color: #584f33; +} + +.bg-N0908 { + background-color: #584f33; +} + +.border-N0908 { + border-color: #584f33; +} + +.text-N0909 { + color: #433d2b; +} + +.bg-N0909 { + background-color: #433d2b; +} + +.border-N0909 { + border-color: #433d2b; +} + +.text-N1051 { + color: #e3e4cc; +} + +.bg-N1051 { + background-color: #e3e4cc; +} + +.border-N1051 { + border-color: #e3e4cc; +} + +.text-N1052 { + color: #cdceab; +} + +.bg-N1052 { + background-color: #cdceab; +} + +.border-N1052 { + border-color: #cdceab; +} + +.text-N1053 { + color: #b7b98b; +} + +.bg-N1053 { + background-color: #b7b98b; +} + +.border-N1053 { + border-color: #b7b98b; +} + +.text-N1054 { + color: #a1a46b; +} + +.bg-N1054 { + background-color: #a1a46b; +} + +.border-N1054 { + border-color: #a1a46b; +} + +.text-N1055 { + color: #8b8f4c; +} + +.bg-N1055 { + background-color: #8b8f4c; +} + +.border-N1055 { + border-color: #8b8f4c; +} + +.text-N1056 { + color: #777a44; +} + +.bg-N1056 { + background-color: #777a44; +} + +.border-N1056 { + border-color: #777a44; +} + +.text-N1057 { + color: #63663c; +} + +.bg-N1057 { + background-color: #63663c; +} + +.border-N1057 { + border-color: #63663c; +} + +.text-N1058 { + color: #505234; +} + +.bg-N1058 { + background-color: #505234; +} + +.border-N1058 { + border-color: #505234; +} + +.text-N1059 { + color: #3e3f2c; +} + +.bg-N1059 { + background-color: #3e3f2c; +} + +.border-N1059 { + border-color: #3e3f2c; +} + +.text-N1201 { + color: #dde6ce; +} + +.bg-N1201 { + background-color: #dde6ce; +} + +.border-N1201 { + border-color: #dde6ce; +} + +.text-N1202 { + color: #c4d1ae; +} + +.bg-N1202 { + background-color: #c4d1ae; +} + +.border-N1202 { + border-color: #c4d1ae; +} + +.text-N1203 { + color: #abbc8f; +} + +.bg-N1203 { + background-color: #abbc8f; +} + +.border-N1203 { + border-color: #abbc8f; +} + +.text-N1204 { + color: #92a870; +} + +.bg-N1204 { + background-color: #92a870; +} + +.border-N1204 { + border-color: #92a870; +} + +.text-N1205 { + color: #7a9453; +} + +.bg-N1205 { + background-color: #7a9453; +} + +.border-N1205 { + border-color: #7a9453; +} + +.text-N1206 { + color: #697e49; +} + +.bg-N1206 { + background-color: #697e49; +} + +.border-N1206 { + border-color: #697e49; +} + +.text-N1207 { + color: #586840; +} + +.bg-N1207 { + background-color: #586840; +} + +.border-N1207 { + border-color: #586840; +} + +.text-N1208 { + color: #485437; +} + +.bg-N1208 { + background-color: #485437; +} + +.border-N1208 { + border-color: #485437; +} + +.text-N1209 { + color: #39402d; +} + +.bg-N1209 { + background-color: #39402d; +} + +.border-N1209 { + border-color: #39402d; +} + +.text-N1351 { + color: #d7e7d2; +} + +.bg-N1351 { + background-color: #d7e7d2; +} + +.border-N1351 { + border-color: #d7e7d2; +} + +.text-N1352 { + color: #bbd3b3; +} + +.bg-N1352 { + background-color: #bbd3b3; +} + +.border-N1352 { + border-color: #bbd3b3; +} + +.text-N1353 { + color: #9fbf96; +} + +.bg-N1353 { + background-color: #9fbf96; +} + +.border-N1353 { + border-color: #9fbf96; +} + +.text-N1354 { + color: #83ab79; +} + +.bg-N1354 { + background-color: #83ab79; +} + +.border-N1354 { + border-color: #83ab79; +} + +.text-N1355 { + color: #68975d; +} + +.bg-N1355 { + background-color: #68975d; +} + +.border-N1355 { + border-color: #68975d; +} + +.text-N1356 { + color: #5a8151; +} + +.bg-N1356 { + background-color: #5a8151; +} + +.border-N1356 { + border-color: #5a8151; +} + +.text-N1357 { + color: #4d6b46; +} + +.bg-N1357 { + background-color: #4d6b46; +} + +.border-N1357 { + border-color: #4d6b46; +} + +.text-N1358 { + color: #40553b; +} + +.bg-N1358 { + background-color: #40553b; +} + +.border-N1358 { + border-color: #40553b; +} + +.text-N1359 { + color: #344130; +} + +.bg-N1359 { + background-color: #344130; +} + +.border-N1359 { + border-color: #344130; +} + +.text-N1501 { + color: #d1e8d6; +} + +.bg-N1501 { + background-color: #d1e8d6; +} + +.border-N1501 { + border-color: #d1e8d6; +} + +.text-N1502 { + color: #b2d4ba; +} + +.bg-N1502 { + background-color: #b2d4ba; +} + +.border-N1502 { + border-color: #b2d4ba; +} + +.text-N1503 { + color: #93c19f; +} + +.bg-N1503 { + background-color: #93c19f; +} + +.border-N1503 { + border-color: #93c19f; +} + +.text-N1504 { + color: #74ad84; +} + +.bg-N1504 { + background-color: #74ad84; +} + +.border-N1504 { + border-color: #74ad84; +} + +.text-N1505 { + color: #559a6a; +} + +.bg-N1505 { + background-color: #559a6a; +} + +.border-N1505 { + border-color: #559a6a; +} + +.text-N1506 { + color: #4b835c; +} + +.bg-N1506 { + background-color: #4b835c; +} + +.border-N1506 { + border-color: #4b835c; +} + +.text-N1507 { + color: #426c4e; +} + +.bg-N1507 { + background-color: #426c4e; +} + +.border-N1507 { + border-color: #426c4e; +} + +.text-N1508 { + color: #395741; +} + +.bg-N1508 { + background-color: #395741; +} + +.border-N1508 { + border-color: #395741; +} + +.text-N1509 { + color: #2f4234; +} + +.bg-N1509 { + background-color: #2f4234; +} + +.border-N1509 { + border-color: #2f4234; +} + +.text-N1651 { + color: #cde9dc; +} + +.bg-N1651 { + background-color: #cde9dc; +} + +.border-N1651 { + border-color: #cde9dc; +} + +.text-N1652 { + color: #abd6c2; +} + +.bg-N1652 { + background-color: #abd6c2; +} + +.border-N1652 { + border-color: #abd6c2; +} + +.text-N1653 { + color: #89c2a9; +} + +.bg-N1653 { + background-color: #89c2a9; +} + +.border-N1653 { + border-color: #89c2a9; +} + +.text-N1654 { + color: #66af91; +} + +.bg-N1654 { + background-color: #66af91; +} + +.border-N1654 { + border-color: #66af91; +} + +.text-N1655 { + color: #409b7a; +} + +.bg-N1655 { + background-color: #409b7a; +} + +.border-N1655 { + border-color: #409b7a; +} + +.text-N1656 { + color: #3c8469; +} + +.bg-N1656 { + background-color: #3c8469; +} + +.border-N1656 { + border-color: #3c8469; +} + +.text-N1657 { + color: #376d58; +} + +.bg-N1657 { + background-color: #376d58; +} + +.border-N1657 { + border-color: #376d58; +} + +.text-N1658 { + color: #315848; +} + +.bg-N1658 { + background-color: #315848; +} + +.border-N1658 { + border-color: #315848; +} + +.text-N1659 { + color: #2b4338; +} + +.bg-N1659 { + background-color: #2b4338; +} + +.border-N1659 { + border-color: #2b4338; +} + +.text-N1801 { + color: #c9e9e2; +} + +.bg-N1801 { + background-color: #c9e9e2; +} + +.border-N1801 { + border-color: #c9e9e2; +} + +.text-N1802 { + color: #a6d6cb; +} + +.bg-N1802 { + background-color: #a6d6cb; +} + +.border-N1802 { + border-color: #a6d6cb; +} + +.text-N1803 { + color: #81c3b5; +} + +.bg-N1803 { + background-color: #81c3b5; +} + +.border-N1803 { + border-color: #81c3b5; +} + +.text-N1804 { + color: #5baf9f; +} + +.bg-N1804 { + background-color: #5baf9f; +} + +.border-N1804 { + border-color: #5baf9f; +} + +.text-N1805 { + color: #2a9c8a; +} + +.bg-N1805 { + background-color: #2a9c8a; +} + +.border-N1805 { + border-color: #2a9c8a; +} + +.text-N1806 { + color: #2d8576; +} + +.bg-N1806 { + background-color: #2d8576; +} + +.border-N1806 { + border-color: #2d8576; +} + +.text-N1807 { + color: #2d6e62; +} + +.bg-N1807 { + background-color: #2d6e62; +} + +.border-N1807 { + border-color: #2d6e62; +} + +.text-N1808 { + color: #2b584f; +} + +.bg-N1808 { + background-color: #2b584f; +} + +.border-N1808 { + border-color: #2b584f; +} + +.text-N1809 { + color: #28433d; +} + +.bg-N1809 { + background-color: #28433d; +} + +.border-N1809 { + border-color: #28433d; +} + +.text-N1951 { + color: #c8e9e8; +} + +.bg-N1951 { + background-color: #c8e9e8; +} + +.border-N1951 { + border-color: #c8e9e8; +} + +.text-N1952 { + color: #a3d6d4; +} + +.bg-N1952 { + background-color: #a3d6d4; +} + +.border-N1952 { + border-color: #a3d6d4; +} + +.text-N1953 { + color: #7dc3c0; +} + +.bg-N1953 { + background-color: #7dc3c0; +} + +.border-N1953 { + border-color: #7dc3c0; +} + +.text-N1954 { + color: #53afad; +} + +.bg-N1954 { + background-color: #53afad; +} + +.border-N1954 { + border-color: #53afad; +} + +.text-N1955 { + color: #109c9a; +} + +.bg-N1955 { + background-color: #109c9a; +} + +.border-N1955 { + border-color: #109c9a; +} + +.text-N1956 { + color: #208583; +} + +.bg-N1956 { + background-color: #208583; +} + +.border-N1956 { + border-color: #208583; +} + +.text-N1957 { + color: #266e6d; +} + +.bg-N1957 { + background-color: #266e6d; +} + +.border-N1957 { + border-color: #266e6d; +} + +.text-N1958 { + color: #275857; +} + +.bg-N1958 { + background-color: #275857; +} + +.border-N1958 { + border-color: #275857; +} + +.text-N1959 { + color: #264342; +} + +.bg-N1959 { + background-color: #264342; +} + +.border-N1959 { + border-color: #264342; +} + +.text-N2101 { + color: #c8e9ed; +} + +.bg-N2101 { + background-color: #c8e9ed; +} + +.border-N2101 { + border-color: #c8e9ed; +} + +.text-N2102 { + color: #a3d5dc; +} + +.bg-N2102 { + background-color: #a3d5dc; +} + +.border-N2102 { + border-color: #a3d5dc; +} + +.text-N2103 { + color: #7dc2cb; +} + +.bg-N2103 { + background-color: #7dc2cb; +} + +.border-N2103 { + border-color: #7dc2cb; +} + +.text-N2104 { + color: #52aeba; +} + +.bg-N2104 { + background-color: #52aeba; +} + +.border-N2104 { + border-color: #52aeba; +} + +.text-N2105 { + color: #019baa; +} + +.bg-N2105 { + background-color: #019baa; +} + +.border-N2105 { + border-color: #019baa; +} + +.text-N2106 { + color: #1c8490; +} + +.bg-N2106 { + background-color: #1c8490; +} + +.border-N2106 { + border-color: #1c8490; +} + +.text-N2107 { + color: #246d76; +} + +.bg-N2107 { + background-color: #246d76; +} + +.border-N2107 { + border-color: #246d76; +} + +.text-N2108 { + color: #27575e; +} + +.bg-N2108 { + background-color: #27575e; +} + +.border-N2108 { + border-color: #27575e; +} + +.text-N2109 { + color: #264246; +} + +.bg-N2109 { + background-color: #264246; +} + +.border-N2109 { + border-color: #264246; +} + +.text-N2251 { + color: #cae8f2; +} + +.bg-N2251 { + background-color: #cae8f2; +} + +.border-N2251 { + border-color: #cae8f2; +} + +.text-N2252 { + color: #a6d4e3; +} + +.bg-N2252 { + background-color: #a6d4e3; +} + +.border-N2252 { + border-color: #a6d4e3; +} + +.text-N2253 { + color: #81c0d4; +} + +.bg-N2253 { + background-color: #81c0d4; +} + +.border-N2253 { + border-color: #81c0d4; +} + +.text-N2254 { + color: #58acc6; +} + +.bg-N2254 { + background-color: #58acc6; +} + +.border-N2254 { + border-color: #58acc6; +} + +.text-N2255 { + color: #1a99b7; +} + +.bg-N2255 { + background-color: #1a99b7; +} + +.border-N2255 { + border-color: #1a99b7; +} + +.text-N2256 { + color: #25829a; +} + +.bg-N2256 { + background-color: #25829a; +} + +.border-N2256 { + border-color: #25829a; +} + +.text-N2257 { + color: #2a6c7e; } -/* Classes */ -.N1015 { - background-color: rgb(250, 219, 221); +.bg-N2257 { + background-color: #2a6c7e; } -.N2015 { - background-color: rgb(238, 192, 196); +.border-N2257 { + border-color: #2a6c7e; } -.N3015 { - background-color: rgb(226, 166, 172); +.text-N2258 { + color: #2a5664; } -.N4015 { - background-color: rgb(212, 140, 148); +.bg-N2258 { + background-color: #2a5664; } -.N5015 { - background-color: rgb(198, 114, 125); +.border-N2258 { + border-color: #2a5664; } -.N6015 { - background-color: rgb(167, 99, 107); +.text-N2259 { + color: #27424a; } -.N7015 { - background-color: rgb(137, 84, 90); +.bg-N2259 { + background-color: #27424a; } -.N8015 { - background-color: rgb(108, 69, 73); +.border-N2259 { + border-color: #27424a; } -.N9015 { - background-color: rgb(80, 55, 57); +.text-N2401 { + color: #cee6f6; } -.N1030 { - background-color: rgb(250, 219, 215); +.bg-N2401 { + background-color: #cee6f6; } -.N2030 { - background-color: rgb(237, 193, 188); +.border-N2401 { + border-color: #cee6f6; } -.N3030 { - background-color: rgb(224, 168, 161); +.text-N2402 { + color: #acd2e9; } -.N4030 { - background-color: rgb(210, 142, 135); +.bg-N2402 { + background-color: #acd2e9; } -.N5030 { - background-color: rgb(196, 117, 110); +.border-N2402 { + border-color: #acd2e9; } -.N6030 { - background-color: rgb(165, 101, 95); +.text-N2403 { + color: #8abedc; } -.N7030 { - background-color: rgb(135, 85, 81); +.bg-N2403 { + background-color: #8abedc; } -.N8030 { - background-color: rgb(107, 70, 67); +.border-N2403 { + border-color: #8abedc; } -.N9030 { - background-color: rgb(79, 56, 53); +.text-N2404 { + color: #65aace; } -.N1045 { - background-color: rgb(248, 221, 211); +.bg-N2404 { + background-color: #65aace; } -.N2045 { - background-color: rgb(234, 195, 181); +.border-N2404 { + border-color: #65aace; } -.N3045 { - background-color: rgb(220, 170, 152); +.text-N2405 { + color: #3696c1; } -.N4045 { - background-color: rgb(205, 146, 123); +.bg-N2405 { + background-color: #3696c1; } -.N5045 { - background-color: rgb(190, 121, 96); +.border-N2405 { + border-color: #3696c1; } -.N6045 { - background-color: rgb(160, 105, 84); +.text-N2406 { + color: #3680a3; } -.N7045 { - background-color: rgb(132, 88, 72); +.bg-N2406 { + background-color: #3680a3; } -.N8045 { - background-color: rgb(104, 72, 60); +.border-N2406 { + border-color: #3680a3; } -.N9045 { - background-color: rgb(77, 57, 49); +.text-N2407 { + color: #346a85; } -.N1060 { - background-color: rgb(244, 222, 207); +.bg-N2407 { + background-color: #346a85; } -.N2060 { - background-color: rgb(229, 198, 175); +.border-N2407 { + border-color: #346a85; } -.N3060 { - background-color: rgb(213, 173, 144); +.text-N2408 { + color: #305568; } -.N4060 { - background-color: rgb(197, 150, 114); +.bg-N2408 { + background-color: #305568; } -.N5060 { - background-color: rgb(181, 127, 85); +.border-N2408 { + border-color: #305568; } -.N6060 { - background-color: rgb(153, 109, 75); +.text-N2409 { + color: #2b414d; } -.N7060 { - background-color: rgb(126, 91, 65); +.bg-N2409 { + background-color: #2b414d; } -.N8060 { - background-color: rgb(99, 74, 56); +.border-N2409 { + border-color: #2b414d; } -.N9060 { - background-color: rgb(74, 58, 46); +.text-N2551 { + color: #d3e5f8; } -.N1075 { - background-color: rgb(239, 224, 204); +.bg-N2551 { + background-color: #d3e5f8; } -.N2075 { - background-color: rgb(222, 200, 172); +.border-N2551 { + border-color: #d3e5f8; } -.N3075 { - background-color: rgb(205, 177, 139); +.text-N2552 { + color: #b5cfec; } -.N4075 { - background-color: rgb(187, 155, 108); +.bg-N2552 { + background-color: #b5cfec; } -.N5075 { - background-color: rgb(169, 133, 78); +.border-N2552 { + border-color: #b5cfec; } -.N6075 { - background-color: rgb(143, 113, 69); +.text-N2553 { + color: #95bbe0; } -.N7075 { - background-color: rgb(118, 95, 61); +.bg-N2553 { + background-color: #95bbe0; } -.N8075 { - background-color: rgb(94, 77, 52); +.border-N2553 { + border-color: #95bbe0; } -.N9075 { - background-color: rgb(71, 60, 44); +.text-N2554 { + color: #75a6d4; } -.N1090 { - background-color: rgb(234, 226, 203); +.bg-N2554 { + background-color: #75a6d4; } -.N2090 { - background-color: rgb(214, 203, 170); +.border-N2554 { + border-color: #75a6d4; } -.N3090 { - background-color: rgb(194, 181, 138); +.text-N2555 { + color: #5192c8; } -.N4090 { - background-color: rgb(175, 159, 106); +.bg-N2555 { + background-color: #5192c8; } -.N5090 { - background-color: rgb(155, 138, 75); +.border-N2555 { + border-color: #5192c8; } -.N6090 { - background-color: rgb(132, 118, 67); +.text-N2556 { + color: #497ca8; } -.N7090 { - background-color: rgb(109, 98, 59); +.bg-N2556 { + background-color: #497ca8; } -.N8090 { - background-color: rgb(87, 79, 51); +.border-N2556 { + border-color: #497ca8; } -.N9090 { - background-color: rgb(67, 61, 43); +.text-N2557 { + color: #416789; } -.N1105 { - background-color: rgb(227, 228, 204); +.bg-N2557 { + background-color: #416789; } -.N2105 { - background-color: rgb(205, 206, 171); +.border-N2557 { + border-color: #416789; } -.N3105 { - background-color: rgb(183, 185, 139); +.text-N2558 { + color: #39536b; } -.N4105 { - background-color: rgb(161, 164, 107); +.bg-N2558 { + background-color: #39536b; } -.N5105 { - background-color: rgb(139, 143, 76); +.border-N2558 { + border-color: #39536b; } -.N6105 { - background-color: rgb(119, 122, 68); +.text-N2559 { + color: #303f4f; } -.N7105 { - background-color: rgb(99, 101, 60); +.bg-N2559 { + background-color: #303f4f; } -.N8105 { - background-color: rgb(80, 82, 52); +.border-N2559 { + border-color: #303f4f; } -.N9105 { - background-color: rgb(62, 63, 44); +.text-N2701 { + color: #dae3f9; } -.N1120 { - background-color: rgb(221, 230, 206); +.bg-N2701 { + background-color: #dae3f9; } -.N2120 { - background-color: rgb(196, 209, 174); +.border-N2701 { + border-color: #dae3f9; } -.N3120 { - background-color: rgb(171, 188, 143); +.text-N2702 { + color: #becdee; } -.N4120 { - background-color: rgb(146, 168, 112); +.bg-N2702 { + background-color: #becdee; } -.N5120 { - background-color: rgb(122, 148, 83); +.border-N2702 { + border-color: #becdee; } -.N6120 { - background-color: rgb(105, 126, 73); +.text-N2703 { + color: #a3b7e2; } -.N7120 { - background-color: rgb(88, 104, 64); +.bg-N2703 { + background-color: #a3b7e2; } -.N8120 { - background-color: rgb(72, 84, 55); +.border-N2703 { + border-color: #a3b7e2; } -.N9120 { - background-color: rgb(57, 64, 45); +.text-N2704 { + color: #87a2d6; } -.N1135 { - background-color: rgb(215, 231, 210); +.bg-N2704 { + background-color: #87a2d6; } -.N2135 { - background-color: rgb(187, 211, 179); +.border-N2704 { + border-color: #87a2d6; } -.N3135 { - background-color: rgb(159, 190, 150); +.text-N2705 { + color: #6a8dca; } -.N4135 { - background-color: rgb(131, 171, 121); +.bg-N2705 { + background-color: #6a8dca; } -.N5135 { - background-color: rgb(104, 151, 93); +.border-N2705 { + border-color: #6a8dca; } -.N6135 { - background-color: rgb(90, 129, 81); +.text-N2706 { + color: #5d78aa; } -.N7135 { - background-color: rgb(77, 107, 70); +.bg-N2706 { + background-color: #5d78aa; } -.N8135 { - background-color: rgb(65, 85, 59); +.border-N2706 { + border-color: #5d78aa; } -.N9135 { - background-color: rgb(52, 65, 48); +.text-N2707 { + color: #4f648b; } -.N1150 { - background-color: rgb(209, 232, 214); +.bg-N2707 { + background-color: #4f648b; } -.N2150 { - background-color: rgb(178, 212, 186); +.border-N2707 { + border-color: #4f648b; } -.N3150 { - background-color: rgb(147, 193, 159); +.text-N2708 { + color: #42516c; } -.N4150 { - background-color: rgb(116, 173, 132); +.bg-N2708 { + background-color: #42516c; } -.N5150 { - background-color: rgb(84, 154, 106); +.border-N2708 { + border-color: #42516c; } -.N6150 { - background-color: rgb(75, 131, 92); +.text-N2709 { + color: #353e50; } -.N7150 { - background-color: rgb(66, 108, 78); +.bg-N2709 { + background-color: #353e50; } -.N8150 { - background-color: rgb(57, 87, 65); +.border-N2709 { + border-color: #353e50; } -.N9150 { - background-color: rgb(47, 66, 52); +.text-N2851 { + color: #e0e1f9; } -.N1165 { - background-color: rgb(205, 233, 220); +.bg-N2851 { + background-color: #e0e1f9; } -.N2165 { - background-color: rgb(171, 213, 194); +.border-N2851 { + border-color: #e0e1f9; } -.N3165 { - background-color: rgb(137, 194, 170); +.text-N2852 { + color: #c8caed; } -.N4165 { - background-color: rgb(102, 175, 145); +.bg-N2852 { + background-color: #c8caed; } -.N5165 { - background-color: rgb(64, 156, 122); +.border-N2852 { + border-color: #c8caed; } -.N6165 { - background-color: rgb(60, 132, 105); +.text-N2853 { + color: #b1b3e1; } -.N7165 { - background-color: rgb(55, 109, 88); +.bg-N2853 { + background-color: #b1b3e1; } -.N8165 { - background-color: rgb(49, 87, 72); +.border-N2853 { + border-color: #b1b3e1; } -.N9165 { - background-color: rgb(43, 67, 56); +.text-N2854 { + color: #999dd5; } -.N1180 { - background-color: rgb(201, 233, 226); +.bg-N2854 { + background-color: #999dd5; } -.N2180 { - background-color: rgb(166, 214, 203); +.border-N2854 { + border-color: #999dd5; } -.N3180 { - background-color: rgb(129, 195, 181); +.text-N2855 { + color: #8188c8; } -.N4180 { - background-color: rgb(91, 175, 159); +.bg-N2855 { + background-color: #8188c8; } -.N5180 { - background-color: rgb(42, 156, 138); +.border-N2855 { + border-color: #8188c8; } -.N6180 { - background-color: rgb(45, 133, 118); +.text-N2856 { + color: #6f74a8; } -.N7180 { - background-color: rgb(45, 110, 98); +.bg-N2856 { + background-color: #6f74a8; } -.N8180 { - background-color: rgb(43, 88, 79); +.border-N2856 { + border-color: #6f74a8; } -.N9180 { - background-color: rgb(40, 67, 61); +.text-N2857 { + color: #5d6189; } -.N1195 { - background-color: rgb(200, 233, 232); +.bg-N2857 { + background-color: #5d6189; } -.N2195 { - background-color: rgb(163, 214, 212); +.border-N2857 { + border-color: #5d6189; } -.N3195 { - background-color: rgb(125, 195, 192); +.text-N2858 { + color: #4c4e6c; } -.N4195 { - background-color: rgb(83, 175, 173); +.bg-N2858 { + background-color: #4c4e6c; } -.N5195 { - background-color: rgb(16, 156, 155); +.border-N2858 { + border-color: #4c4e6c; } -.N6195 { - background-color: rgb(32, 133, 131); +.text-N2859 { + color: #3b3c4f; } -.N7195 { - background-color: rgb(38, 110, 109); +.bg-N2859 { + background-color: #3b3c4f; } -.N8195 { - background-color: rgb(39, 88, 87); +.border-N2859 { + border-color: #3b3c4f; } -.N9195 { - background-color: rgb(38, 67, 66); +.text-N3001 { + color: #e7dff6; } -.N1210 { - background-color: rgb(200, 233, 237); +.bg-N3001 { + background-color: #e7dff6; } -.N2210 { - background-color: rgb(163, 213, 220); +.border-N3001 { + border-color: #e7dff6; } -.N3210 { - background-color: rgb(125, 194, 203); +.text-N3002 { + color: #d3c7e9; } -.N4210 { - background-color: rgb(82, 174, 186); +.bg-N3002 { + background-color: #d3c7e9; } -.N5210 { - background-color: rgb(1, 155, 170); +.border-N3002 { + border-color: #d3c7e9; } -.N6210 { - background-color: rgb(28, 132, 144); +.text-N3003 { + color: #beafdc; } -.N7210 { - background-color: rgb(36, 109, 118); +.bg-N3003 { + background-color: #beafdc; } -.N8210 { - background-color: rgb(39, 87, 94); +.border-N3003 { + border-color: #beafdc; } -.N9210 { - background-color: rgb(37, 66, 70); +.text-N3004 { + color: #aa98cf; } -.N1225 { - background-color: rgb(202, 232, 242); +.bg-N3004 { + background-color: #aa98cf; } -.N2225 { - background-color: rgb(167, 212, 227); +.border-N3004 { + border-color: #aa98cf; } -.N3225 { - background-color: rgb(129, 192, 212); +.text-N3005 { + color: #9582c2; } -.N4225 { - background-color: rgb(88, 172, 198); +.bg-N3005 { + background-color: #9582c2; } -.N5225 { - background-color: rgb(26, 153, 183); +.border-N3005 { + border-color: #9582c2; } -.N6225 { - background-color: rgb(37, 130, 154); +.text-N3006 { + color: #7f6fa3; } -.N7225 { - background-color: rgb(42, 108, 126); +.bg-N3006 { + background-color: #7f6fa3; } -.N8225 { - background-color: rgb(42, 86, 100); +.border-N3006 { + border-color: #7f6fa3; } -.N9225 { - background-color: rgb(39, 66, 74); +.text-N3007 { + color: #6a5d86; } -.N1240 { - background-color: rgb(206, 231, 246); +.bg-N3007 { + background-color: #6a5d86; } -.N2240 { - background-color: rgb(172, 210, 233); +.border-N3007 { + border-color: #6a5d86; } -.N3240 { - background-color: rgb(138, 190, 220); +.text-N3008 { + color: #554c69; } -.N4240 { - background-color: rgb(100, 170, 207); +.bg-N3008 { + background-color: #554c69; } -.N5240 { - background-color: rgb(54, 150, 193); +.border-N3008 { + border-color: #554c69; } -.N6240 { - background-color: rgb(54, 128, 163); +.text-N3009 { + color: #413b4d; } -.N7240 { - background-color: rgb(52, 106, 133); +.bg-N3009 { + background-color: #413b4d; } -.N8240 { - background-color: rgb(48, 85, 104); +.border-N3009 { + border-color: #413b4d; } -.N9240 { - background-color: rgb(43, 65, 77); +.text-N3151 { + color: #edddf3; } -.N1255 { - background-color: rgb(211, 229, 248); +.bg-N3151 { + background-color: #edddf3; } -.N2255 { - background-color: rgb(181, 208, 236); +.border-N3151 { + border-color: #edddf3; } -.N3255 { - background-color: rgb(149, 187, 224); +.text-N3152 { + color: #dcc4e4; } -.N4255 { - background-color: rgb(117, 166, 212); +.bg-N3152 { + background-color: #dcc4e4; } -.N5255 { - background-color: rgb(81, 146, 200); +.border-N3152 { + border-color: #dcc4e4; } -.N6255 { - background-color: rgb(73, 124, 168); +.text-N3153 { + color: #caacd6; } -.N7255 { - background-color: rgb(66, 103, 137); +.bg-N3153 { + background-color: #caacd6; } -.N8255 { - background-color: rgb(57, 83, 107); +.border-N3153 { + border-color: #caacd6; } -.N9255 { - background-color: rgb(48, 63, 79); +.text-N3154 { + color: #b994c7; } -.N1270 { - background-color: rgb(218, 227, 249); +.bg-N3154 { + background-color: #b994c7; } -.N2270 { - background-color: rgb(190, 205, 237); +.border-N3154 { + border-color: #b994c7; } -.N3270 { - background-color: rgb(163, 183, 226); +.text-N3155 { + color: #a77cb9; } -.N4270 { - background-color: rgb(135, 162, 214); +.bg-N3155 { + background-color: #a77cb9; } -.N5270 { - background-color: rgb(106, 141, 202); +.border-N3155 { + border-color: #a77cb9; } -.N6270 { - background-color: rgb(93, 120, 170); +.text-N3156 { + color: #8d6b9c; } -.N7270 { - background-color: rgb(80, 100, 138); +.bg-N3156 { + background-color: #8d6b9c; } -.N8270 { - background-color: rgb(67, 81, 108); +.border-N3156 { + border-color: #8d6b9c; } -.N9270 { - background-color: rgb(54, 62, 80); +.text-N3157 { + color: #755a7f; } -.N1285 { - background-color: rgb(224, 225, 249); +.bg-N3157 { + background-color: #755a7f; } -.N2285 { - background-color: rgb(200, 202, 237); +.border-N3157 { + border-color: #755a7f; } -.N3285 { - background-color: rgb(177, 179, 225); +.text-N3158 { + color: #5d4964; } -.N4285 { - background-color: rgb(153, 157, 212); +.bg-N3158 { + background-color: #5d4964; } -.N5285 { - background-color: rgb(129, 136, 200); +.border-N3158 { + border-color: #5d4964; } -.N6285 { - background-color: rgb(111, 116, 168); +.text-N3159 { + color: #46394b; } -.N7285 { - background-color: rgb(93, 97, 137); +.bg-N3159 { + background-color: #46394b; } -.N8285 { - background-color: rgb(76, 78, 108); +.border-N3159 { + border-color: #46394b; } -.N9285 { - background-color: rgb(59, 60, 79); +.text-N3301 { + color: #f3dcee; } -.N1300 { - background-color: rgb(231, 223, 246); +.bg-N3301 { + background-color: #f3dcee; } -.N2300 { - background-color: rgb(211, 199, 233); +.border-N3301 { + border-color: #f3dcee; } -.N3300 { - background-color: rgb(190, 175, 220); +.text-N3302 { + color: #e3c2dd; } -.N4300 { - background-color: rgb(170, 152, 207); +.bg-N3302 { + background-color: #e3c2dd; } -.N5300 { - background-color: rgb(149, 130, 194); +.border-N3302 { + border-color: #e3c2dd; } -.N6300 { - background-color: rgb(127, 111, 163); +.text-N3303 { + color: #d4a9cd; } -.N7300 { - background-color: rgb(106, 93, 134); +.bg-N3303 { + background-color: #d4a9cd; } -.N8300 { - background-color: rgb(85, 76, 105); +.border-N3303 { + border-color: #d4a9cd; } -.N9300 { - background-color: rgb(65, 59, 78); +.text-N3304 { + color: #c590bc; } -.N1315 { - background-color: rgb(237, 221, 243); +.bg-N3304 { + background-color: #c590bc; } -.N2315 { - background-color: rgb(220, 196, 228); +.border-N3304 { + border-color: #c590bc; } -.N3315 { - background-color: rgb(202, 172, 213); +.text-N3305 { + color: #b577ac; } -.N4315 { - background-color: rgb(185, 148, 199); +.bg-N3305 { + background-color: #b577ac; } -.N5315 { - background-color: rgb(167, 124, 185); +.border-N3305 { + border-color: #b577ac; } -.N6315 { - background-color: rgb(142, 107, 156); +.text-N3306 { + color: #996791; } -.N7315 { - background-color: rgb(117, 90, 128); +.bg-N3306 { + background-color: #996791; } -.N8315 { - background-color: rgb(93, 73, 100); +.border-N3306 { + border-color: #996791; } -.N9315 { - background-color: rgb(70, 57, 75); +.text-N3307 { + color: #7d5777; } -.N1330 { - background-color: rgb(243, 220, 238); +.bg-N3307 { + background-color: #7d5777; } -.N2330 { - background-color: rgb(227, 194, 221); +.border-N3307 { + border-color: #7d5777; } -.N3330 { - background-color: rgb(212, 169, 205); +.text-N3308 { + color: #63475f; } -.N4330 { - background-color: rgb(197, 144, 188); +.bg-N3308 { + background-color: #63475f; } -.N5330 { - background-color: rgb(181, 119, 172); +.border-N3308 { + border-color: #63475f; } -.N6330 { - background-color: rgb(153, 103, 145); +.text-N3309 { + color: #4a3847; } -.N7330 { - background-color: rgb(125, 87, 120); +.bg-N3309 { + background-color: #4a3847; } -.N8330 { - background-color: rgb(99, 71, 95); +.border-N3309 { + border-color: #4a3847; } -.N9330 { - background-color: rgb(74, 56, 71); +.text-N3451 { + color: #f7dbe9; } -.N1345 { - background-color: rgb(247, 219, 233); +.bg-N3451 { + background-color: #f7dbe9; } -.N2345 { - background-color: rgb(233, 193, 213); +.border-N3451 { + border-color: #f7dbe9; } -.N3345 { - background-color: rgb(220, 167, 194); +.text-N3452 { + color: #e9c1d5; } -.N4345 { - background-color: rgb(205, 141, 175); +.bg-N3452 { + background-color: #e9c1d5; } -.N5345 { - background-color: rgb(191, 115, 157); +.border-N3452 { + border-color: #e9c1d5; } -.N6345 { - background-color: rgb(161, 100, 133); +.text-N3453 { + color: #dba7c2; } -.N7345 { - background-color: rgb(132, 84, 110); +.bg-N3453 { + background-color: #dba7c2; } -.N8345 { - background-color: rgb(104, 70, 88); +.border-N3453 { + border-color: #dba7c2; } -.N9345 { - background-color: rgb(77, 55, 67); +.text-N3454 { + color: #cd8daf; } -.N1360 { - background-color: rgb(249, 219, 227); +.bg-N3454 { + background-color: #cd8daf; } -.N2360 { - background-color: rgb(237, 192, 205); +.border-N3454 { + border-color: #cd8daf; } -.N3360 { - background-color: rgb(224, 166, 183); +.text-N3455 { + color: #bf739d; } -.N4360 { - background-color: rgb(211, 140, 162); +.bg-N3455 { + background-color: #bf739d; } -.N5360 { - background-color: rgb(197, 113, 141); +.border-N3455 { + border-color: #bf739d; } -.N6360 { - background-color: rgb(166, 98, 120); +.text-N3456 { + color: #a16485; } -.N7360 { - background-color: rgb(136, 84, 100); +.bg-N3456 { + background-color: #a16485; } -.N8360 { - background-color: rgb(107, 69, 81); +.border-N3456 { + border-color: #a16485; } -.N9360 { - background-color: rgb(79, 55, 62); +.text-N3457 { + color: #84546e; } -.gradient_015 { - background: linear-gradient(90deg, rgb(250, 219, 221) 0%, rgb(198, 114, 125) 50%, rgb(80, 55, 57) 100%); +.bg-N3457 { + background-color: #84546e; } -.gradient_030 { - background: linear-gradient(90deg, rgb(250, 219, 215) 0%, rgb(196, 117, 110) 50%, rgb(79, 56, 53) 100%); +.border-N3457 { + border-color: #84546e; } -.gradient_045 { - background: linear-gradient(90deg, rgb(248, 221, 211) 0%, rgb(190, 121, 96) 50%, rgb(77, 57, 49) 100%); +.text-N3458 { + color: #684658; } -.gradient_060 { - background: linear-gradient(90deg, rgb(244, 222, 207) 0%, rgb(181, 127, 85) 50%, rgb(74, 58, 46) 100%); +.bg-N3458 { + background-color: #684658; } -.gradient_075 { - background: linear-gradient(90deg, rgb(239, 224, 204) 0%, rgb(169, 133, 78) 50%, rgb(71, 60, 44) 100%); +.border-N3458 { + border-color: #684658; } -.gradient_090 { - background: linear-gradient(90deg, rgb(234, 226, 203) 0%, rgb(155, 138, 75) 50%, rgb(67, 61, 43) 100%); +.text-N3459 { + color: #4d3743; } -.gradient_105 { - background: linear-gradient(90deg, rgb(227, 228, 204) 0%, rgb(139, 143, 76) 50%, rgb(62, 63, 44) 100%); +.bg-N3459 { + background-color: #4d3743; } -.gradient_120 { - background: linear-gradient(90deg, rgb(221, 230, 206) 0%, rgb(122, 148, 83) 50%, rgb(57, 64, 45) 100%); +.border-N3459 { + border-color: #4d3743; } -.gradient_135 { - background: linear-gradient(90deg, rgb(215, 231, 210) 0%, rgb(104, 151, 93) 50%, rgb(52, 65, 48) 100%); +.text-N3601 { + color: #f9dbe3; } -.gradient_150 { - background: linear-gradient(90deg, rgb(209, 232, 214) 0%, rgb(84, 154, 106) 50%, rgb(47, 66, 52) 100%); +.bg-N3601 { + background-color: #f9dbe3; } -.gradient_165 { - background: linear-gradient(90deg, rgb(205, 233, 220) 0%, rgb(64, 156, 122) 50%, rgb(43, 67, 56) 100%); +.border-N3601 { + border-color: #f9dbe3; } -.gradient_180 { - background: linear-gradient(90deg, rgb(201, 233, 226) 0%, rgb(42, 156, 138) 50%, rgb(40, 67, 61) 100%); +.text-N3602 { + color: #edc0cd; } -.gradient_195 { - background: linear-gradient(90deg, rgb(200, 233, 232) 0%, rgb(16, 156, 155) 50%, rgb(38, 67, 66) 100%); +.bg-N3602 { + background-color: #edc0cd; } -.gradient_210 { - background: linear-gradient(90deg, rgb(200, 233, 237) 0%, rgb(1, 155, 170) 50%, rgb(37, 66, 70) 100%); +.border-N3602 { + border-color: #edc0cd; } -.gradient_225 { - background: linear-gradient(90deg, rgb(202, 232, 242) 0%, rgb(26, 153, 183) 50%, rgb(39, 66, 74) 100%); +.text-N3603 { + color: #e0a6b7; } -.gradient_240 { - background: linear-gradient(90deg, rgb(206, 231, 246) 0%, rgb(54, 150, 193) 50%, rgb(43, 65, 77) 100%); +.bg-N3603 { + background-color: #e0a6b7; } -.gradient_255 { - background: linear-gradient(90deg, rgb(211, 229, 248) 0%, rgb(81, 146, 200) 50%, rgb(48, 63, 79) 100%); +.border-N3603 { + border-color: #e0a6b7; } -.gradient_270 { - background: linear-gradient(90deg, rgb(218, 227, 249) 0%, rgb(106, 141, 202) 50%, rgb(54, 62, 80) 100%); +.text-N3604 { + color: #d38ca2; } -.gradient_285 { - background: linear-gradient(90deg, rgb(224, 225, 249) 0%, rgb(129, 136, 200) 50%, rgb(59, 60, 79) 100%); +.bg-N3604 { + background-color: #d38ca2; } -.gradient_300 { - background: linear-gradient(90deg, rgb(231, 223, 246) 0%, rgb(149, 130, 194) 50%, rgb(65, 59, 78) 100%); +.border-N3604 { + border-color: #d38ca2; } -.gradient_315 { - background: linear-gradient(90deg, rgb(237, 221, 243) 0%, rgb(167, 124, 185) 50%, rgb(70, 57, 75) 100%); +.text-N3605 { + color: #c5728d; } -.gradient_330 { - background: linear-gradient(90deg, rgb(243, 220, 238) 0%, rgb(181, 119, 172) 50%, rgb(74, 56, 71) 100%); +.bg-N3605 { + background-color: #c5728d; } -.gradient_345 { - background: linear-gradient(90deg, rgb(247, 219, 233) 0%, rgb(191, 115, 157) 50%, rgb(77, 55, 67) 100%); +.border-N3605 { + border-color: #c5728d; } -.gradient_360 { - background: linear-gradient(90deg, rgb(249, 219, 227) 0%, rgb(197, 113, 141) 50%, rgb(79, 55, 62) 100%); +.text-N3606 { + color: #a66278; } -.gradient_1x { - background: linear-gradient(90deg, rgb(249, 219, 227) 0%, rgb(234, 226, 203) 25%, rgb(201, 233, 226) 50%, rgb(218, 227, 249) 75%, rgb(249, 219, 227) 100%); +.bg-N3606 { + background-color: #a66278; } -.gradient_2x { - background: linear-gradient(90deg, rgb(237, 192, 205) 0%, rgb(214, 203, 170) 25%, rgb(166, 214, 203) 50%, rgb(190, 205, 237) 75%, rgb(237, 192, 205) 100%); +.border-N3606 { + border-color: #a66278; } -.gradient_3x { - background: linear-gradient(90deg, rgb(224, 166, 183) 0%, rgb(194, 181, 138) 25%, rgb(129, 195, 181) 50%, rgb(163, 183, 226) 75%, rgb(224, 166, 183) 100%); +.text-N3607 { + color: #885464; } -.gradient_4x { - background: linear-gradient(90deg, rgb(211, 140, 162) 0%, rgb(175, 159, 106) 25%, rgb(91, 175, 159) 50%, rgb(135, 162, 214) 75%, rgb(211, 140, 162) 100%); +.bg-N3607 { + background-color: #885464; } -.gradient_5x { - background: linear-gradient(90deg, rgb(197, 113, 141) 0%, rgb(155, 138, 75) 25%, rgb(42, 156, 138) 50%, rgb(106, 141, 202) 75%, rgb(197, 113, 141) 100%); +.border-N3607 { + border-color: #885464; } -.gradient_6x { - background: linear-gradient(90deg, rgb(166, 98, 120) 0%, rgb(132, 118, 67) 25%, rgb(45, 133, 118) 50%, rgb(93, 120, 170) 75%, rgb(166, 98, 120) 100%); +.text-N3608 { + color: #6b4551; } -.gradient_7x { - background: linear-gradient(90deg, rgb(136, 84, 100) 0%, rgb(109, 98, 59) 25%, rgb(45, 110, 98) 50%, rgb(80, 100, 138) 75%, rgb(136, 84, 100) 100%); +.bg-N3608 { + background-color: #6b4551; } -.gradient_8x { - background: linear-gradient(90deg, rgb(107, 69, 81) 0%, rgb(87, 79, 51) 25%, rgb(43, 88, 79) 50%, rgb(67, 81, 108) 75%, rgb(107, 69, 81) 100%); +.border-N3608 { + border-color: #6b4551; } -.gradient_9x { - background: linear-gradient(90deg, rgb(79, 55, 62) 0%, rgb(67, 61, 43) 25%, rgb(40, 67, 61) 50%, rgb(54, 62, 80) 75%, rgb(79, 55, 62) 100%); +.text-N3609 { + color: #4f373e; } -.gradient_x { - background: linear-gradient(90deg, rgb(206, 231, 246) 0%, rgb(54, 150, 193) 33.33%, rgb(197, 113, 141) 66.67%, rgb(79, 55, 62) 100%); +.bg-N3609 { + background-color: #4f373e; } -.gradient_gnbu { - background: linear-gradient(90deg, rgb(122, 148, 83) 0%, rgb(84, 154, 106) 25%, rgb(42, 156, 138) 50%, rgb(1, 155, 170) 75%, rgb(54, 150, 193) 100%); +.border-N3609 { + border-color: #4f373e; } -.gradient_linear_d120 { - background: linear-gradient(90deg, rgb(221, 230, 206) 0%, rgb(147, 193, 159) 25%, rgb(42, 156, 138) 50%, rgb(36, 109, 118) 75%, rgb(43, 65, 77) 100%); +:root { + --color-N0001: #e2e2e2; + --color-N0002: #cccccc; + --color-N0003: #b6b6b6; + --color-N0004: #a0a0a0; + --color-N0005: #8b8b8b; + --color-N0006: #777777; + --color-N0007: #636363; + --color-N0008: #505050; + --color-N0009: #3e3e3e; + --color-N0151: #fadbdd; + --color-N0152: #eec0c4; + --color-N0153: #e2a6ac; + --color-N0154: #d48c94; + --color-N0155: #c6727d; + --color-N0156: #a7636b; + --color-N0157: #89545a; + --color-N0158: #6b4549; + --color-N0159: #4f3739; + --color-N0301: #fadbd7; + --color-N0302: #edc1bc; + --color-N0303: #e0a8a1; + --color-N0304: #d28e87; + --color-N0305: #c4756e; + --color-N0306: #a5655f; + --color-N0307: #875650; + --color-N0308: #6b4642; + --color-N0309: #4f3835; + --color-N0451: #f8dcd3; + --color-N0452: #eac3b5; + --color-N0453: #dcaa98; + --color-N0454: #cd927c; + --color-N0455: #be7960; + --color-N0456: #a06954; + --color-N0457: #845848; + --color-N0458: #68483c; + --color-N0459: #4d3931; + --color-N0601: #f4decf; + --color-N0602: #e5c6af; + --color-N0603: #d5ad90; + --color-N0604: #c59672; + --color-N0605: #b57f55; + --color-N0606: #996d4b; + --color-N0607: #7e5b41; + --color-N0608: #644a38; + --color-N0609: #4a3a2e; + --color-N0751: #efe0cc; + --color-N0752: #dec8ac; + --color-N0753: #cdb18c; + --color-N0754: #bb9b6c; + --color-N0755: #a9854e; + --color-N0756: #8f7145; + --color-N0757: #765f3d; + --color-N0758: #5e4d34; + --color-N0759: #473c2c; + --color-N0901: #eae2cb; + --color-N0902: #d6cbaa; + --color-N0903: #c2b58a; + --color-N0904: #af9f6a; + --color-N0905: #9b8a4b; + --color-N0906: #847643; + --color-N0907: #6d623b; + --color-N0908: #584f33; + --color-N0909: #433d2b; + --color-N1051: #e3e4cc; + --color-N1052: #cdceab; + --color-N1053: #b7b98b; + --color-N1054: #a1a46b; + --color-N1055: #8b8f4c; + --color-N1056: #777a44; + --color-N1057: #63663c; + --color-N1058: #505234; + --color-N1059: #3e3f2c; + --color-N1201: #dde6ce; + --color-N1202: #c4d1ae; + --color-N1203: #abbc8f; + --color-N1204: #92a870; + --color-N1205: #7a9453; + --color-N1206: #697e49; + --color-N1207: #586840; + --color-N1208: #485437; + --color-N1209: #39402d; + --color-N1351: #d7e7d2; + --color-N1352: #bbd3b3; + --color-N1353: #9fbf96; + --color-N1354: #83ab79; + --color-N1355: #68975d; + --color-N1356: #5a8151; + --color-N1357: #4d6b46; + --color-N1358: #40553b; + --color-N1359: #344130; + --color-N1501: #d1e8d6; + --color-N1502: #b2d4ba; + --color-N1503: #93c19f; + --color-N1504: #74ad84; + --color-N1505: #559a6a; + --color-N1506: #4b835c; + --color-N1507: #426c4e; + --color-N1508: #395741; + --color-N1509: #2f4234; + --color-N1651: #cde9dc; + --color-N1652: #abd6c2; + --color-N1653: #89c2a9; + --color-N1654: #66af91; + --color-N1655: #409b7a; + --color-N1656: #3c8469; + --color-N1657: #376d58; + --color-N1658: #315848; + --color-N1659: #2b4338; + --color-N1801: #c9e9e2; + --color-N1802: #a6d6cb; + --color-N1803: #81c3b5; + --color-N1804: #5baf9f; + --color-N1805: #2a9c8a; + --color-N1806: #2d8576; + --color-N1807: #2d6e62; + --color-N1808: #2b584f; + --color-N1809: #28433d; + --color-N1951: #c8e9e8; + --color-N1952: #a3d6d4; + --color-N1953: #7dc3c0; + --color-N1954: #53afad; + --color-N1955: #109c9a; + --color-N1956: #208583; + --color-N1957: #266e6d; + --color-N1958: #275857; + --color-N1959: #264342; + --color-N2101: #c8e9ed; + --color-N2102: #a3d5dc; + --color-N2103: #7dc2cb; + --color-N2104: #52aeba; + --color-N2105: #019baa; + --color-N2106: #1c8490; + --color-N2107: #246d76; + --color-N2108: #27575e; + --color-N2109: #264246; + --color-N2251: #cae8f2; + --color-N2252: #a6d4e3; + --color-N2253: #81c0d4; + --color-N2254: #58acc6; + --color-N2255: #1a99b7; + --color-N2256: #25829a; + --color-N2257: #2a6c7e; + --color-N2258: #2a5664; + --color-N2259: #27424a; + --color-N2401: #cee6f6; + --color-N2402: #acd2e9; + --color-N2403: #8abedc; + --color-N2404: #65aace; + --color-N2405: #3696c1; + --color-N2406: #3680a3; + --color-N2407: #346a85; + --color-N2408: #305568; + --color-N2409: #2b414d; + --color-N2551: #d3e5f8; + --color-N2552: #b5cfec; + --color-N2553: #95bbe0; + --color-N2554: #75a6d4; + --color-N2555: #5192c8; + --color-N2556: #497ca8; + --color-N2557: #416789; + --color-N2558: #39536b; + --color-N2559: #303f4f; + --color-N2701: #dae3f9; + --color-N2702: #becdee; + --color-N2703: #a3b7e2; + --color-N2704: #87a2d6; + --color-N2705: #6a8dca; + --color-N2706: #5d78aa; + --color-N2707: #4f648b; + --color-N2708: #42516c; + --color-N2709: #353e50; + --color-N2851: #e0e1f9; + --color-N2852: #c8caed; + --color-N2853: #b1b3e1; + --color-N2854: #999dd5; + --color-N2855: #8188c8; + --color-N2856: #6f74a8; + --color-N2857: #5d6189; + --color-N2858: #4c4e6c; + --color-N2859: #3b3c4f; + --color-N3001: #e7dff6; + --color-N3002: #d3c7e9; + --color-N3003: #beafdc; + --color-N3004: #aa98cf; + --color-N3005: #9582c2; + --color-N3006: #7f6fa3; + --color-N3007: #6a5d86; + --color-N3008: #554c69; + --color-N3009: #413b4d; + --color-N3151: #edddf3; + --color-N3152: #dcc4e4; + --color-N3153: #caacd6; + --color-N3154: #b994c7; + --color-N3155: #a77cb9; + --color-N3156: #8d6b9c; + --color-N3157: #755a7f; + --color-N3158: #5d4964; + --color-N3159: #46394b; + --color-N3301: #f3dcee; + --color-N3302: #e3c2dd; + --color-N3303: #d4a9cd; + --color-N3304: #c590bc; + --color-N3305: #b577ac; + --color-N3306: #996791; + --color-N3307: #7d5777; + --color-N3308: #63475f; + --color-N3309: #4a3847; + --color-N3451: #f7dbe9; + --color-N3452: #e9c1d5; + --color-N3453: #dba7c2; + --color-N3454: #cd8daf; + --color-N3455: #bf739d; + --color-N3456: #a16485; + --color-N3457: #84546e; + --color-N3458: #684658; + --color-N3459: #4d3743; + --color-N3601: #f9dbe3; + --color-N3602: #edc0cd; + --color-N3603: #e0a6b7; + --color-N3604: #d38ca2; + --color-N3605: #c5728d; + --color-N3606: #a66278; + --color-N3607: #885464; + --color-N3608: #6b4551; + --color-N3609: #4f373e; } /*# sourceMappingURL=to.css.map */ \ No newline at end of file diff --git a/dist/css/hue.gl.min.css b/dist/css/hue.gl.min.css index f76a467..5776f7f 100644 --- a/dist/css/hue.gl.min.css +++ b/dist/css/hue.gl.min.css @@ -1,2 +1,2 @@ -:root{--N1015:#fadbdd;--N2015:#eec0c4;--N3015:#e2a6ac;--N4015:#d48c94;--N5015:#c6727d;--N6015:#a7636b;--N7015:#89545a;--N8015:#6c4549;--N9015:#503739;--N1030:#fadbd7;--N2030:#edc1bc;--N3030:#e0a8a1;--N4030:#d28e87;--N5030:#c4756e;--N6030:#a5655f;--N7030:#875551;--N8030:#6b4643;--N9030:#4f3835;--N1045:#f8ddd3;--N2045:#eac3b5;--N3045:#dcaa98;--N4045:#cd927b;--N5045:#be7960;--N6045:#a06954;--N7045:#845848;--N8045:#68483c;--N9045:#4d3931;--N1060:#f4decf;--N2060:#e5c6af;--N3060:#d5ad90;--N4060:#c59672;--N5060:#b57f55;--N6060:#996d4b;--N7060:#7e5b41;--N8060:#634a38;--N9060:#4a3a2e;--N1075:#efe0cc;--N2075:#dec8ac;--N3075:#cdb18b;--N4075:#bb9b6c;--N5075:#a9854e;--N6075:#8f7145;--N7075:#765f3d;--N8075:#5e4d34;--N9075:#473c2c;--N1090:#eae2cb;--N2090:#d6cbaa;--N3090:#c2b58a;--N4090:#af9f6a;--N5090:#9b8a4b;--N6090:#847643;--N7090:#6d623b;--N8090:#574f33;--N9090:#433d2b;--N1105:#e3e4cc;--N2105:#cdceab;--N3105:#b7b98b;--N4105:#a1a46b;--N5105:#8b8f4c;--N6105:#777a44;--N7105:#63653c;--N8105:#505234;--N9105:#3e3f2c;--N1120:#dde6ce;--N2120:#c4d1ae;--N3120:#abbc8f;--N4120:#92a870;--N5120:#7a9453;--N6120:#697e49;--N7120:#586840;--N8120:#485437;--N9120:#39402d;--N1135:#d7e7d2;--N2135:#bbd3b3;--N3135:#9fbe96;--N4135:#83ab79;--N5135:#68975d;--N6135:#5a8151;--N7135:#4d6b46;--N8135:#41553b;--N9135:#344130;--N1150:#d1e8d6;--N2150:#b2d4ba;--N3150:#93c19f;--N4150:#74ad84;--N5150:#549a6a;--N6150:#4b835c;--N7150:#426c4e;--N8150:#395741;--N9150:#2f4234;--N1165:#cde9dc;--N2165:#abd5c2;--N3165:#89c2aa;--N4165:#66af91;--N5165:#409c7a;--N6165:#3c8469;--N7165:#376d58;--N8165:#315748;--N9165:#2b4338;--N1180:#c9e9e2;--N2180:#a6d6cb;--N3180:#81c3b5;--N4180:#5baf9f;--N5180:#2a9c8a;--N6180:#2d8576;--N7180:#2d6e62;--N8180:#2b584f;--N9180:#28433d;--N1195:#c8e9e8;--N2195:#a3d6d4;--N3195:#7dc3c0;--N4195:#53afad;--N5195:#109c9b;--N6195:#208583;--N7195:#266e6d;--N8195:#275857;--N9195:#264342;--N1210:#c8e9ed;--N2210:#a3d5dc;--N3210:#7dc2cb;--N4210:#52aeba;--N5210:#019baa;--N6210:#1c8490;--N7210:#246d76;--N8210:#27575e;--N9210:#254246;--N1225:#cae8f2;--N2225:#a7d4e3;--N3225:#81c0d4;--N4225:#58acc6;--N5225:#1a99b7;--N6225:#25829a;--N7225:#2a6c7e;--N8225:#2a5664;--N9225:#27424a;--N1240:#cee7f6;--N2240:#acd2e9;--N3240:#8abedc;--N4240:#64aacf;--N5240:#3696c1;--N6240:#3680a3;--N7240:#346a85;--N8240:#305568;--N9240:#2b414d;--N1255:#d3e5f8;--N2255:#b5d0ec;--N3255:#95bbe0;--N4255:#75a6d4;--N5255:#5192c8;--N6255:#497ca8;--N7255:#426789;--N8255:#39536b;--N9255:#303f4f;--N1270:#dae3f9;--N2270:#becded;--N3270:#a3b7e2;--N4270:#87a2d6;--N5270:#6a8dca;--N6270:#5d78aa;--N7270:#50648a;--N8270:#43516c;--N9270:#363e50;--N1285:#e0e1f9;--N2285:#c8caed;--N3285:#b1b3e1;--N4285:#999dd4;--N5285:#8188c8;--N6285:#6f74a8;--N7285:#5d6189;--N8285:#4c4e6c;--N9285:#3b3c4f;--N1300:#e7dff6;--N2300:#d3c7e9;--N3300:#beafdc;--N4300:#aa98cf;--N5300:#9582c2;--N6300:#7f6fa3;--N7300:#6a5d86;--N8300:#554c69;--N9300:#413b4e;--N1315:#edddf3;--N2315:#dcc4e4;--N3315:#caacd5;--N4315:#b994c7;--N5315:#a77cb9;--N6315:#8e6b9c;--N7315:#755a80;--N8315:#5d4964;--N9315:#46394b;--N1330:#f3dcee;--N2330:#e3c2dd;--N3330:#d4a9cd;--N4330:#c590bc;--N5330:#b577ac;--N6330:#996791;--N7330:#7d5778;--N8330:#63475f;--N9330:#4a3847;--N1345:#f7dbe9;--N2345:#e9c1d5;--N3345:#dca7c2;--N4345:#cd8daf;--N5345:#bf739d;--N6345:#a16485;--N7345:#84546e;--N8345:#684658;--N9345:#4d3743;--N1360:#f9dbe3;--N2360:#edc0cd;--N3360:#e0a6b7;--N4360:#d38ca2;--N5360:#c5718d;--N6360:#a66278;--N7360:#885464;--N8360:#6b4551;--N9360:#4f373e}.N1015{background-color:#fadbdd}.N2015{background-color:#eec0c4}.N3015{background-color:#e2a6ac}.N4015{background-color:#d48c94}.N5015{background-color:#c6727d}.N6015{background-color:#a7636b}.N7015{background-color:#89545a}.N8015{background-color:#6c4549}.N9015{background-color:#503739}.N1030{background-color:#fadbd7}.N2030{background-color:#edc1bc}.N3030{background-color:#e0a8a1}.N4030{background-color:#d28e87}.N5030{background-color:#c4756e}.N6030{background-color:#a5655f}.N7030{background-color:#875551}.N8030{background-color:#6b4643}.N9030{background-color:#4f3835}.N1045{background-color:#f8ddd3}.N2045{background-color:#eac3b5}.N3045{background-color:#dcaa98}.N4045{background-color:#cd927b}.N5045{background-color:#be7960}.N6045{background-color:#a06954}.N7045{background-color:#845848}.N8045{background-color:#68483c}.N9045{background-color:#4d3931}.N1060{background-color:#f4decf}.N2060{background-color:#e5c6af}.N3060{background-color:#d5ad90}.N4060{background-color:#c59672}.N5060{background-color:#b57f55}.N6060{background-color:#996d4b}.N7060{background-color:#7e5b41}.N8060{background-color:#634a38}.N9060{background-color:#4a3a2e}.N1075{background-color:#efe0cc}.N2075{background-color:#dec8ac}.N3075{background-color:#cdb18b}.N4075{background-color:#bb9b6c}.N5075{background-color:#a9854e}.N6075{background-color:#8f7145}.N7075{background-color:#765f3d}.N8075{background-color:#5e4d34}.N9075{background-color:#473c2c}.N1090{background-color:#eae2cb}.N2090{background-color:#d6cbaa}.N3090{background-color:#c2b58a}.N4090{background-color:#af9f6a}.N5090{background-color:#9b8a4b}.N6090{background-color:#847643}.N7090{background-color:#6d623b}.N8090{background-color:#574f33}.N9090{background-color:#433d2b}.N1105{background-color:#e3e4cc}.N2105{background-color:#cdceab}.N3105{background-color:#b7b98b}.N4105{background-color:#a1a46b}.N5105{background-color:#8b8f4c}.N6105{background-color:#777a44}.N7105{background-color:#63653c}.N8105{background-color:#505234}.N9105{background-color:#3e3f2c}.N1120{background-color:#dde6ce}.N2120{background-color:#c4d1ae}.N3120{background-color:#abbc8f}.N4120{background-color:#92a870}.N5120{background-color:#7a9453}.N6120{background-color:#697e49}.N7120{background-color:#586840}.N8120{background-color:#485437}.N9120{background-color:#39402d}.N1135{background-color:#d7e7d2}.N2135{background-color:#bbd3b3}.N3135{background-color:#9fbe96}.N4135{background-color:#83ab79}.N5135{background-color:#68975d}.N6135{background-color:#5a8151}.N7135{background-color:#4d6b46}.N8135{background-color:#41553b}.N9135{background-color:#344130}.N1150{background-color:#d1e8d6}.N2150{background-color:#b2d4ba}.N3150{background-color:#93c19f}.N4150{background-color:#74ad84}.N5150{background-color:#549a6a}.N6150{background-color:#4b835c}.N7150{background-color:#426c4e}.N8150{background-color:#395741}.N9150{background-color:#2f4234}.N1165{background-color:#cde9dc}.N2165{background-color:#abd5c2}.N3165{background-color:#89c2aa}.N4165{background-color:#66af91}.N5165{background-color:#409c7a}.N6165{background-color:#3c8469}.N7165{background-color:#376d58}.N8165{background-color:#315748}.N9165{background-color:#2b4338}.N1180{background-color:#c9e9e2}.N2180{background-color:#a6d6cb}.N3180{background-color:#81c3b5}.N4180{background-color:#5baf9f}.N5180{background-color:#2a9c8a}.N6180{background-color:#2d8576}.N7180{background-color:#2d6e62}.N8180{background-color:#2b584f}.N9180{background-color:#28433d}.N1195{background-color:#c8e9e8}.N2195{background-color:#a3d6d4}.N3195{background-color:#7dc3c0}.N4195{background-color:#53afad}.N5195{background-color:#109c9b}.N6195{background-color:#208583}.N7195{background-color:#266e6d}.N8195{background-color:#275857}.N9195{background-color:#264342}.N1210{background-color:#c8e9ed}.N2210{background-color:#a3d5dc}.N3210{background-color:#7dc2cb}.N4210{background-color:#52aeba}.N5210{background-color:#019baa}.N6210{background-color:#1c8490}.N7210{background-color:#246d76}.N8210{background-color:#27575e}.N9210{background-color:#254246}.N1225{background-color:#cae8f2}.N2225{background-color:#a7d4e3}.N3225{background-color:#81c0d4}.N4225{background-color:#58acc6}.N5225{background-color:#1a99b7}.N6225{background-color:#25829a}.N7225{background-color:#2a6c7e}.N8225{background-color:#2a5664}.N9225{background-color:#27424a}.N1240{background-color:#cee7f6}.N2240{background-color:#acd2e9}.N3240{background-color:#8abedc}.N4240{background-color:#64aacf}.N5240{background-color:#3696c1}.N6240{background-color:#3680a3}.N7240{background-color:#346a85}.N8240{background-color:#305568}.N9240{background-color:#2b414d}.N1255{background-color:#d3e5f8}.N2255{background-color:#b5d0ec}.N3255{background-color:#95bbe0}.N4255{background-color:#75a6d4}.N5255{background-color:#5192c8}.N6255{background-color:#497ca8}.N7255{background-color:#426789}.N8255{background-color:#39536b}.N9255{background-color:#303f4f}.N1270{background-color:#dae3f9}.N2270{background-color:#becded}.N3270{background-color:#a3b7e2}.N4270{background-color:#87a2d6}.N5270{background-color:#6a8dca}.N6270{background-color:#5d78aa}.N7270{background-color:#50648a}.N8270{background-color:#43516c}.N9270{background-color:#363e50}.N1285{background-color:#e0e1f9}.N2285{background-color:#c8caed}.N3285{background-color:#b1b3e1}.N4285{background-color:#999dd4}.N5285{background-color:#8188c8}.N6285{background-color:#6f74a8}.N7285{background-color:#5d6189}.N8285{background-color:#4c4e6c}.N9285{background-color:#3b3c4f}.N1300{background-color:#e7dff6}.N2300{background-color:#d3c7e9}.N3300{background-color:#beafdc}.N4300{background-color:#aa98cf}.N5300{background-color:#9582c2}.N6300{background-color:#7f6fa3}.N7300{background-color:#6a5d86}.N8300{background-color:#554c69}.N9300{background-color:#413b4e}.N1315{background-color:#edddf3}.N2315{background-color:#dcc4e4}.N3315{background-color:#caacd5}.N4315{background-color:#b994c7}.N5315{background-color:#a77cb9}.N6315{background-color:#8e6b9c}.N7315{background-color:#755a80}.N8315{background-color:#5d4964}.N9315{background-color:#46394b}.N1330{background-color:#f3dcee}.N2330{background-color:#e3c2dd}.N3330{background-color:#d4a9cd}.N4330{background-color:#c590bc}.N5330{background-color:#b577ac}.N6330{background-color:#996791}.N7330{background-color:#7d5778}.N8330{background-color:#63475f}.N9330{background-color:#4a3847}.N1345{background-color:#f7dbe9}.N2345{background-color:#e9c1d5}.N3345{background-color:#dca7c2}.N4345{background-color:#cd8daf}.N5345{background-color:#bf739d}.N6345{background-color:#a16485}.N7345{background-color:#84546e}.N8345{background-color:#684658}.N9345{background-color:#4d3743}.N1360{background-color:#f9dbe3}.N2360{background-color:#edc0cd}.N3360{background-color:#e0a6b7}.N4360{background-color:#d38ca2}.N5360{background-color:#c5718d}.N6360{background-color:#a66278}.N7360{background-color:#885464}.N8360{background-color:#6b4551}.N9360{background-color:#4f373e}.gradient_015{background:linear-gradient(90deg,#fadbdd,#c6727d 50%,#503739)}.gradient_030{background:linear-gradient(90deg,#fadbd7,#c4756e 50%,#4f3835)}.gradient_045{background:linear-gradient(90deg,#f8ddd3,#be7960 50%,#4d3931)}.gradient_060{background:linear-gradient(90deg,#f4decf,#b57f55 50%,#4a3a2e)}.gradient_075{background:linear-gradient(90deg,#efe0cc,#a9854e 50%,#473c2c)}.gradient_090{background:linear-gradient(90deg,#eae2cb,#9b8a4b 50%,#433d2b)}.gradient_105{background:linear-gradient(90deg,#e3e4cc,#8b8f4c 50%,#3e3f2c)}.gradient_120{background:linear-gradient(90deg,#dde6ce,#7a9453 50%,#39402d)}.gradient_135{background:linear-gradient(90deg,#d7e7d2,#68975d 50%,#344130)}.gradient_150{background:linear-gradient(90deg,#d1e8d6,#549a6a 50%,#2f4234)}.gradient_165{background:linear-gradient(90deg,#cde9dc,#409c7a 50%,#2b4338)}.gradient_180{background:linear-gradient(90deg,#c9e9e2,#2a9c8a 50%,#28433d)}.gradient_195{background:linear-gradient(90deg,#c8e9e8,#109c9b 50%,#264342)}.gradient_210{background:linear-gradient(90deg,#c8e9ed,#019baa 50%,#254246)}.gradient_225{background:linear-gradient(90deg,#cae8f2,#1a99b7 50%,#27424a)}.gradient_240{background:linear-gradient(90deg,#cee7f6,#3696c1 50%,#2b414d)}.gradient_255{background:linear-gradient(90deg,#d3e5f8,#5192c8 50%,#303f4f)}.gradient_270{background:linear-gradient(90deg,#dae3f9,#6a8dca 50%,#363e50)}.gradient_285{background:linear-gradient(90deg,#e0e1f9,#8188c8 50%,#3b3c4f)}.gradient_300{background:linear-gradient(90deg,#e7dff6,#9582c2 50%,#413b4e)}.gradient_315{background:linear-gradient(90deg,#edddf3,#a77cb9 50%,#46394b)}.gradient_330{background:linear-gradient(90deg,#f3dcee,#b577ac 50%,#4a3847)}.gradient_345{background:linear-gradient(90deg,#f7dbe9,#bf739d 50%,#4d3743)}.gradient_360{background:linear-gradient(90deg,#f9dbe3,#c5718d 50%,#4f373e)}.gradient_1x{background:linear-gradient(90deg,#f9dbe3,#eae2cb 25%,#c9e9e2 50%,#dae3f9 75%,#f9dbe3)}.gradient_2x{background:linear-gradient(90deg,#edc0cd,#d6cbaa 25%,#a6d6cb 50%,#becded 75%,#edc0cd)}.gradient_3x{background:linear-gradient(90deg,#e0a6b7,#c2b58a 25%,#81c3b5 50%,#a3b7e2 75%,#e0a6b7)}.gradient_4x{background:linear-gradient(90deg,#d38ca2,#af9f6a 25%,#5baf9f 50%,#87a2d6 75%,#d38ca2)}.gradient_5x{background:linear-gradient(90deg,#c5718d,#9b8a4b 25%,#2a9c8a 50%,#6a8dca 75%,#c5718d)}.gradient_6x{background:linear-gradient(90deg,#a66278,#847643 25%,#2d8576 50%,#5d78aa 75%,#a66278)}.gradient_7x{background:linear-gradient(90deg,#885464,#6d623b 25%,#2d6e62 50%,#50648a 75%,#885464)}.gradient_8x{background:linear-gradient(90deg,#6b4551,#574f33 25%,#2b584f 50%,#43516c 75%,#6b4551)}.gradient_9x{background:linear-gradient(90deg,#4f373e,#433d2b 25%,#28433d 50%,#363e50 75%,#4f373e)}.gradient_x{background:linear-gradient(90deg,#cee7f6,#3696c1 33.33%,#c5718d 66.67%,#4f373e)}.gradient_gnbu{background:linear-gradient(90deg,#7a9453,#549a6a 25%,#2a9c8a 50%,#019baa 75%,#3696c1)}.gradient_linear_d120{background:linear-gradient(90deg,#dde6ce,#93c19f 25%,#2a9c8a 50%,#246d76 75%,#2b414d)} +.text-N0001{color:#e2e2e2}.bg-N0001{background-color:#e2e2e2}.border-N0001{border-color:#e2e2e2}.text-N0002{color:#ccc}.bg-N0002{background-color:#ccc}.border-N0002{border-color:#ccc}.text-N0003{color:#b6b6b6}.bg-N0003{background-color:#b6b6b6}.border-N0003{border-color:#b6b6b6}.text-N0004{color:#a0a0a0}.bg-N0004{background-color:#a0a0a0}.border-N0004{border-color:#a0a0a0}.text-N0005{color:#8b8b8b}.bg-N0005{background-color:#8b8b8b}.border-N0005{border-color:#8b8b8b}.text-N0006{color:#777}.bg-N0006{background-color:#777}.border-N0006{border-color:#777}.text-N0007{color:#636363}.bg-N0007{background-color:#636363}.border-N0007{border-color:#636363}.text-N0008{color:#505050}.bg-N0008{background-color:#505050}.border-N0008{border-color:#505050}.text-N0009{color:#3e3e3e}.bg-N0009{background-color:#3e3e3e}.border-N0009{border-color:#3e3e3e}.text-N0151{color:#fadbdd}.bg-N0151{background-color:#fadbdd}.border-N0151{border-color:#fadbdd}.text-N0152{color:#eec0c4}.bg-N0152{background-color:#eec0c4}.border-N0152{border-color:#eec0c4}.text-N0153{color:#e2a6ac}.bg-N0153{background-color:#e2a6ac}.border-N0153{border-color:#e2a6ac}.text-N0154{color:#d48c94}.bg-N0154{background-color:#d48c94}.border-N0154{border-color:#d48c94}.text-N0155{color:#c6727d}.bg-N0155{background-color:#c6727d}.border-N0155{border-color:#c6727d}.text-N0156{color:#a7636b}.bg-N0156{background-color:#a7636b}.border-N0156{border-color:#a7636b}.text-N0157{color:#89545a}.bg-N0157{background-color:#89545a}.border-N0157{border-color:#89545a}.text-N0158{color:#6b4549}.bg-N0158{background-color:#6b4549}.border-N0158{border-color:#6b4549}.text-N0159{color:#4f3739}.bg-N0159{background-color:#4f3739}.border-N0159{border-color:#4f3739}.text-N0301{color:#fadbd7}.bg-N0301{background-color:#fadbd7}.border-N0301{border-color:#fadbd7}.text-N0302{color:#edc1bc}.bg-N0302{background-color:#edc1bc}.border-N0302{border-color:#edc1bc}.text-N0303{color:#e0a8a1}.bg-N0303{background-color:#e0a8a1}.border-N0303{border-color:#e0a8a1}.text-N0304{color:#d28e87}.bg-N0304{background-color:#d28e87}.border-N0304{border-color:#d28e87}.text-N0305{color:#c4756e}.bg-N0305{background-color:#c4756e}.border-N0305{border-color:#c4756e}.text-N0306{color:#a5655f}.bg-N0306{background-color:#a5655f}.border-N0306{border-color:#a5655f}.text-N0307{color:#875650}.bg-N0307{background-color:#875650}.border-N0307{border-color:#875650}.text-N0308{color:#6b4642}.bg-N0308{background-color:#6b4642}.border-N0308{border-color:#6b4642}.text-N0309{color:#4f3835}.bg-N0309{background-color:#4f3835}.border-N0309{border-color:#4f3835}.text-N0451{color:#f8dcd3}.bg-N0451{background-color:#f8dcd3}.border-N0451{border-color:#f8dcd3}.text-N0452{color:#eac3b5}.bg-N0452{background-color:#eac3b5}.border-N0452{border-color:#eac3b5}.text-N0453{color:#dcaa98}.bg-N0453{background-color:#dcaa98}.border-N0453{border-color:#dcaa98}.text-N0454{color:#cd927c}.bg-N0454{background-color:#cd927c}.border-N0454{border-color:#cd927c}.text-N0455{color:#be7960}.bg-N0455{background-color:#be7960}.border-N0455{border-color:#be7960}.text-N0456{color:#a06954}.bg-N0456{background-color:#a06954}.border-N0456{border-color:#a06954}.text-N0457{color:#845848}.bg-N0457{background-color:#845848}.border-N0457{border-color:#845848}.text-N0458{color:#68483c}.bg-N0458{background-color:#68483c}.border-N0458{border-color:#68483c}.text-N0459{color:#4d3931}.bg-N0459{background-color:#4d3931}.border-N0459{border-color:#4d3931}.text-N0601{color:#f4decf}.bg-N0601{background-color:#f4decf}.border-N0601{border-color:#f4decf}.text-N0602{color:#e5c6af}.bg-N0602{background-color:#e5c6af}.border-N0602{border-color:#e5c6af}.text-N0603{color:#d5ad90}.bg-N0603{background-color:#d5ad90}.border-N0603{border-color:#d5ad90}.text-N0604{color:#c59672}.bg-N0604{background-color:#c59672}.border-N0604{border-color:#c59672}.text-N0605{color:#b57f55}.bg-N0605{background-color:#b57f55}.border-N0605{border-color:#b57f55}.text-N0606{color:#996d4b}.bg-N0606{background-color:#996d4b}.border-N0606{border-color:#996d4b}.text-N0607{color:#7e5b41}.bg-N0607{background-color:#7e5b41}.border-N0607{border-color:#7e5b41}.text-N0608{color:#644a38}.bg-N0608{background-color:#644a38}.border-N0608{border-color:#644a38}.text-N0609{color:#4a3a2e}.bg-N0609{background-color:#4a3a2e}.border-N0609{border-color:#4a3a2e}.text-N0751{color:#efe0cc}.bg-N0751{background-color:#efe0cc}.border-N0751{border-color:#efe0cc}.text-N0752{color:#dec8ac}.bg-N0752{background-color:#dec8ac}.border-N0752{border-color:#dec8ac}.text-N0753{color:#cdb18c}.bg-N0753{background-color:#cdb18c}.border-N0753{border-color:#cdb18c}.text-N0754{color:#bb9b6c}.bg-N0754{background-color:#bb9b6c}.border-N0754{border-color:#bb9b6c}.text-N0755{color:#a9854e}.bg-N0755{background-color:#a9854e}.border-N0755{border-color:#a9854e}.text-N0756{color:#8f7145}.bg-N0756{background-color:#8f7145}.border-N0756{border-color:#8f7145}.text-N0757{color:#765f3d}.bg-N0757{background-color:#765f3d}.border-N0757{border-color:#765f3d}.text-N0758{color:#5e4d34}.bg-N0758{background-color:#5e4d34}.border-N0758{border-color:#5e4d34}.text-N0759{color:#473c2c}.bg-N0759{background-color:#473c2c}.border-N0759{border-color:#473c2c}.text-N0901{color:#eae2cb}.bg-N0901{background-color:#eae2cb}.border-N0901{border-color:#eae2cb}.text-N0902{color:#d6cbaa}.bg-N0902{background-color:#d6cbaa}.border-N0902{border-color:#d6cbaa}.text-N0903{color:#c2b58a}.bg-N0903{background-color:#c2b58a}.border-N0903{border-color:#c2b58a}.text-N0904{color:#af9f6a}.bg-N0904{background-color:#af9f6a}.border-N0904{border-color:#af9f6a}.text-N0905{color:#9b8a4b}.bg-N0905{background-color:#9b8a4b}.border-N0905{border-color:#9b8a4b}.text-N0906{color:#847643}.bg-N0906{background-color:#847643}.border-N0906{border-color:#847643}.text-N0907{color:#6d623b}.bg-N0907{background-color:#6d623b}.border-N0907{border-color:#6d623b}.text-N0908{color:#584f33}.bg-N0908{background-color:#584f33}.border-N0908{border-color:#584f33}.text-N0909{color:#433d2b}.bg-N0909{background-color:#433d2b}.border-N0909{border-color:#433d2b}.text-N1051{color:#e3e4cc}.bg-N1051{background-color:#e3e4cc}.border-N1051{border-color:#e3e4cc}.text-N1052{color:#cdceab}.bg-N1052{background-color:#cdceab}.border-N1052{border-color:#cdceab}.text-N1053{color:#b7b98b}.bg-N1053{background-color:#b7b98b}.border-N1053{border-color:#b7b98b}.text-N1054{color:#a1a46b}.bg-N1054{background-color:#a1a46b}.border-N1054{border-color:#a1a46b}.text-N1055{color:#8b8f4c}.bg-N1055{background-color:#8b8f4c}.border-N1055{border-color:#8b8f4c}.text-N1056{color:#777a44}.bg-N1056{background-color:#777a44}.border-N1056{border-color:#777a44}.text-N1057{color:#63663c}.bg-N1057{background-color:#63663c}.border-N1057{border-color:#63663c}.text-N1058{color:#505234}.bg-N1058{background-color:#505234}.border-N1058{border-color:#505234}.text-N1059{color:#3e3f2c}.bg-N1059{background-color:#3e3f2c}.border-N1059{border-color:#3e3f2c}.text-N1201{color:#dde6ce}.bg-N1201{background-color:#dde6ce}.border-N1201{border-color:#dde6ce}.text-N1202{color:#c4d1ae}.bg-N1202{background-color:#c4d1ae}.border-N1202{border-color:#c4d1ae}.text-N1203{color:#abbc8f}.bg-N1203{background-color:#abbc8f}.border-N1203{border-color:#abbc8f}.text-N1204{color:#92a870}.bg-N1204{background-color:#92a870}.border-N1204{border-color:#92a870}.text-N1205{color:#7a9453}.bg-N1205{background-color:#7a9453}.border-N1205{border-color:#7a9453}.text-N1206{color:#697e49}.bg-N1206{background-color:#697e49}.border-N1206{border-color:#697e49}.text-N1207{color:#586840}.bg-N1207{background-color:#586840}.border-N1207{border-color:#586840}.text-N1208{color:#485437}.bg-N1208{background-color:#485437}.border-N1208{border-color:#485437}.text-N1209{color:#39402d}.bg-N1209{background-color:#39402d}.border-N1209{border-color:#39402d}.text-N1351{color:#d7e7d2}.bg-N1351{background-color:#d7e7d2}.border-N1351{border-color:#d7e7d2}.text-N1352{color:#bbd3b3}.bg-N1352{background-color:#bbd3b3}.border-N1352{border-color:#bbd3b3}.text-N1353{color:#9fbf96}.bg-N1353{background-color:#9fbf96}.border-N1353{border-color:#9fbf96}.text-N1354{color:#83ab79}.bg-N1354{background-color:#83ab79}.border-N1354{border-color:#83ab79}.text-N1355{color:#68975d}.bg-N1355{background-color:#68975d}.border-N1355{border-color:#68975d}.text-N1356{color:#5a8151}.bg-N1356{background-color:#5a8151}.border-N1356{border-color:#5a8151}.text-N1357{color:#4d6b46}.bg-N1357{background-color:#4d6b46}.border-N1357{border-color:#4d6b46}.text-N1358{color:#40553b}.bg-N1358{background-color:#40553b}.border-N1358{border-color:#40553b}.text-N1359{color:#344130}.bg-N1359{background-color:#344130}.border-N1359{border-color:#344130}.text-N1501{color:#d1e8d6}.bg-N1501{background-color:#d1e8d6}.border-N1501{border-color:#d1e8d6}.text-N1502{color:#b2d4ba}.bg-N1502{background-color:#b2d4ba}.border-N1502{border-color:#b2d4ba}.text-N1503{color:#93c19f}.bg-N1503{background-color:#93c19f}.border-N1503{border-color:#93c19f}.text-N1504{color:#74ad84}.bg-N1504{background-color:#74ad84}.border-N1504{border-color:#74ad84}.text-N1505{color:#559a6a}.bg-N1505{background-color:#559a6a}.border-N1505{border-color:#559a6a}.text-N1506{color:#4b835c}.bg-N1506{background-color:#4b835c}.border-N1506{border-color:#4b835c}.text-N1507{color:#426c4e}.bg-N1507{background-color:#426c4e}.border-N1507{border-color:#426c4e}.text-N1508{color:#395741}.bg-N1508{background-color:#395741}.border-N1508{border-color:#395741}.text-N1509{color:#2f4234}.bg-N1509{background-color:#2f4234}.border-N1509{border-color:#2f4234}.text-N1651{color:#cde9dc}.bg-N1651{background-color:#cde9dc}.border-N1651{border-color:#cde9dc}.text-N1652{color:#abd6c2}.bg-N1652{background-color:#abd6c2}.border-N1652{border-color:#abd6c2}.text-N1653{color:#89c2a9}.bg-N1653{background-color:#89c2a9}.border-N1653{border-color:#89c2a9}.text-N1654{color:#66af91}.bg-N1654{background-color:#66af91}.border-N1654{border-color:#66af91}.text-N1655{color:#409b7a}.bg-N1655{background-color:#409b7a}.border-N1655{border-color:#409b7a}.text-N1656{color:#3c8469}.bg-N1656{background-color:#3c8469}.border-N1656{border-color:#3c8469}.text-N1657{color:#376d58}.bg-N1657{background-color:#376d58}.border-N1657{border-color:#376d58}.text-N1658{color:#315848}.bg-N1658{background-color:#315848}.border-N1658{border-color:#315848}.text-N1659{color:#2b4338}.bg-N1659{background-color:#2b4338}.border-N1659{border-color:#2b4338}.text-N1801{color:#c9e9e2}.bg-N1801{background-color:#c9e9e2}.border-N1801{border-color:#c9e9e2}.text-N1802{color:#a6d6cb}.bg-N1802{background-color:#a6d6cb}.border-N1802{border-color:#a6d6cb}.text-N1803{color:#81c3b5}.bg-N1803{background-color:#81c3b5}.border-N1803{border-color:#81c3b5}.text-N1804{color:#5baf9f}.bg-N1804{background-color:#5baf9f}.border-N1804{border-color:#5baf9f}.text-N1805{color:#2a9c8a}.bg-N1805{background-color:#2a9c8a}.border-N1805{border-color:#2a9c8a}.text-N1806{color:#2d8576}.bg-N1806{background-color:#2d8576}.border-N1806{border-color:#2d8576}.text-N1807{color:#2d6e62}.bg-N1807{background-color:#2d6e62}.border-N1807{border-color:#2d6e62}.text-N1808{color:#2b584f}.bg-N1808{background-color:#2b584f}.border-N1808{border-color:#2b584f}.text-N1809{color:#28433d}.bg-N1809{background-color:#28433d}.border-N1809{border-color:#28433d}.text-N1951{color:#c8e9e8}.bg-N1951{background-color:#c8e9e8}.border-N1951{border-color:#c8e9e8}.text-N1952{color:#a3d6d4}.bg-N1952{background-color:#a3d6d4}.border-N1952{border-color:#a3d6d4}.text-N1953{color:#7dc3c0}.bg-N1953{background-color:#7dc3c0}.border-N1953{border-color:#7dc3c0}.text-N1954{color:#53afad}.bg-N1954{background-color:#53afad}.border-N1954{border-color:#53afad}.text-N1955{color:#109c9a}.bg-N1955{background-color:#109c9a}.border-N1955{border-color:#109c9a}.text-N1956{color:#208583}.bg-N1956{background-color:#208583}.border-N1956{border-color:#208583}.text-N1957{color:#266e6d}.bg-N1957{background-color:#266e6d}.border-N1957{border-color:#266e6d}.text-N1958{color:#275857}.bg-N1958{background-color:#275857}.border-N1958{border-color:#275857}.text-N1959{color:#264342}.bg-N1959{background-color:#264342}.border-N1959{border-color:#264342}.text-N2101{color:#c8e9ed}.bg-N2101{background-color:#c8e9ed}.border-N2101{border-color:#c8e9ed}.text-N2102{color:#a3d5dc}.bg-N2102{background-color:#a3d5dc}.border-N2102{border-color:#a3d5dc}.text-N2103{color:#7dc2cb}.bg-N2103{background-color:#7dc2cb}.border-N2103{border-color:#7dc2cb}.text-N2104{color:#52aeba}.bg-N2104{background-color:#52aeba}.border-N2104{border-color:#52aeba}.text-N2105{color:#019baa}.bg-N2105{background-color:#019baa}.border-N2105{border-color:#019baa}.text-N2106{color:#1c8490}.bg-N2106{background-color:#1c8490}.border-N2106{border-color:#1c8490}.text-N2107{color:#246d76}.bg-N2107{background-color:#246d76}.border-N2107{border-color:#246d76}.text-N2108{color:#27575e}.bg-N2108{background-color:#27575e}.border-N2108{border-color:#27575e}.text-N2109{color:#264246}.bg-N2109{background-color:#264246}.border-N2109{border-color:#264246}.text-N2251{color:#cae8f2}.bg-N2251{background-color:#cae8f2}.border-N2251{border-color:#cae8f2}.text-N2252{color:#a6d4e3}.bg-N2252{background-color:#a6d4e3}.border-N2252{border-color:#a6d4e3}.text-N2253{color:#81c0d4}.bg-N2253{background-color:#81c0d4}.border-N2253{border-color:#81c0d4}.text-N2254{color:#58acc6}.bg-N2254{background-color:#58acc6}.border-N2254{border-color:#58acc6}.text-N2255{color:#1a99b7}.bg-N2255{background-color:#1a99b7}.border-N2255{border-color:#1a99b7}.text-N2256{color:#25829a}.bg-N2256{background-color:#25829a}.border-N2256{border-color:#25829a}.text-N2257{color:#2a6c7e}.bg-N2257{background-color:#2a6c7e}.border-N2257{border-color:#2a6c7e}.text-N2258{color:#2a5664}.bg-N2258{background-color:#2a5664}.border-N2258{border-color:#2a5664}.text-N2259{color:#27424a}.bg-N2259{background-color:#27424a}.border-N2259{border-color:#27424a}.text-N2401{color:#cee6f6}.bg-N2401{background-color:#cee6f6}.border-N2401{border-color:#cee6f6}.text-N2402{color:#acd2e9}.bg-N2402{background-color:#acd2e9}.border-N2402{border-color:#acd2e9}.text-N2403{color:#8abedc}.bg-N2403{background-color:#8abedc}.border-N2403{border-color:#8abedc}.text-N2404{color:#65aace}.bg-N2404{background-color:#65aace}.border-N2404{border-color:#65aace}.text-N2405{color:#3696c1}.bg-N2405{background-color:#3696c1}.border-N2405{border-color:#3696c1}.text-N2406{color:#3680a3}.bg-N2406{background-color:#3680a3}.border-N2406{border-color:#3680a3}.text-N2407{color:#346a85}.bg-N2407{background-color:#346a85}.border-N2407{border-color:#346a85}.text-N2408{color:#305568}.bg-N2408{background-color:#305568}.border-N2408{border-color:#305568}.text-N2409{color:#2b414d}.bg-N2409{background-color:#2b414d}.border-N2409{border-color:#2b414d}.text-N2551{color:#d3e5f8}.bg-N2551{background-color:#d3e5f8}.border-N2551{border-color:#d3e5f8}.text-N2552{color:#b5cfec}.bg-N2552{background-color:#b5cfec}.border-N2552{border-color:#b5cfec}.text-N2553{color:#95bbe0}.bg-N2553{background-color:#95bbe0}.border-N2553{border-color:#95bbe0}.text-N2554{color:#75a6d4}.bg-N2554{background-color:#75a6d4}.border-N2554{border-color:#75a6d4}.text-N2555{color:#5192c8}.bg-N2555{background-color:#5192c8}.border-N2555{border-color:#5192c8}.text-N2556{color:#497ca8}.bg-N2556{background-color:#497ca8}.border-N2556{border-color:#497ca8}.text-N2557{color:#416789}.bg-N2557{background-color:#416789}.border-N2557{border-color:#416789}.text-N2558{color:#39536b}.bg-N2558{background-color:#39536b}.border-N2558{border-color:#39536b}.text-N2559{color:#303f4f}.bg-N2559{background-color:#303f4f}.border-N2559{border-color:#303f4f}.text-N2701{color:#dae3f9}.bg-N2701{background-color:#dae3f9}.border-N2701{border-color:#dae3f9}.text-N2702{color:#becdee}.bg-N2702{background-color:#becdee}.border-N2702{border-color:#becdee}.text-N2703{color:#a3b7e2}.bg-N2703{background-color:#a3b7e2}.border-N2703{border-color:#a3b7e2}.text-N2704{color:#87a2d6}.bg-N2704{background-color:#87a2d6}.border-N2704{border-color:#87a2d6}.text-N2705{color:#6a8dca}.bg-N2705{background-color:#6a8dca}.border-N2705{border-color:#6a8dca}.text-N2706{color:#5d78aa}.bg-N2706{background-color:#5d78aa}.border-N2706{border-color:#5d78aa}.text-N2707{color:#4f648b}.bg-N2707{background-color:#4f648b}.border-N2707{border-color:#4f648b}.text-N2708{color:#42516c}.bg-N2708{background-color:#42516c}.border-N2708{border-color:#42516c}.text-N2709{color:#353e50}.bg-N2709{background-color:#353e50}.border-N2709{border-color:#353e50}.text-N2851{color:#e0e1f9}.bg-N2851{background-color:#e0e1f9}.border-N2851{border-color:#e0e1f9}.text-N2852{color:#c8caed}.bg-N2852{background-color:#c8caed}.border-N2852{border-color:#c8caed}.text-N2853{color:#b1b3e1}.bg-N2853{background-color:#b1b3e1}.border-N2853{border-color:#b1b3e1}.text-N2854{color:#999dd5}.bg-N2854{background-color:#999dd5}.border-N2854{border-color:#999dd5}.text-N2855{color:#8188c8}.bg-N2855{background-color:#8188c8}.border-N2855{border-color:#8188c8}.text-N2856{color:#6f74a8}.bg-N2856{background-color:#6f74a8}.border-N2856{border-color:#6f74a8}.text-N2857{color:#5d6189}.bg-N2857{background-color:#5d6189}.border-N2857{border-color:#5d6189}.text-N2858{color:#4c4e6c}.bg-N2858{background-color:#4c4e6c}.border-N2858{border-color:#4c4e6c}.text-N2859{color:#3b3c4f}.bg-N2859{background-color:#3b3c4f}.border-N2859{border-color:#3b3c4f}.text-N3001{color:#e7dff6}.bg-N3001{background-color:#e7dff6}.border-N3001{border-color:#e7dff6}.text-N3002{color:#d3c7e9}.bg-N3002{background-color:#d3c7e9}.border-N3002{border-color:#d3c7e9}.text-N3003{color:#beafdc}.bg-N3003{background-color:#beafdc}.border-N3003{border-color:#beafdc}.text-N3004{color:#aa98cf}.bg-N3004{background-color:#aa98cf}.border-N3004{border-color:#aa98cf}.text-N3005{color:#9582c2}.bg-N3005{background-color:#9582c2}.border-N3005{border-color:#9582c2}.text-N3006{color:#7f6fa3}.bg-N3006{background-color:#7f6fa3}.border-N3006{border-color:#7f6fa3}.text-N3007{color:#6a5d86}.bg-N3007{background-color:#6a5d86}.border-N3007{border-color:#6a5d86}.text-N3008{color:#554c69}.bg-N3008{background-color:#554c69}.border-N3008{border-color:#554c69}.text-N3009{color:#413b4d}.bg-N3009{background-color:#413b4d}.border-N3009{border-color:#413b4d}.text-N3151{color:#edddf3}.bg-N3151{background-color:#edddf3}.border-N3151{border-color:#edddf3}.text-N3152{color:#dcc4e4}.bg-N3152{background-color:#dcc4e4}.border-N3152{border-color:#dcc4e4}.text-N3153{color:#caacd6}.bg-N3153{background-color:#caacd6}.border-N3153{border-color:#caacd6}.text-N3154{color:#b994c7}.bg-N3154{background-color:#b994c7}.border-N3154{border-color:#b994c7}.text-N3155{color:#a77cb9}.bg-N3155{background-color:#a77cb9}.border-N3155{border-color:#a77cb9}.text-N3156{color:#8d6b9c}.bg-N3156{background-color:#8d6b9c}.border-N3156{border-color:#8d6b9c}.text-N3157{color:#755a7f}.bg-N3157{background-color:#755a7f}.border-N3157{border-color:#755a7f}.text-N3158{color:#5d4964}.bg-N3158{background-color:#5d4964}.border-N3158{border-color:#5d4964}.text-N3159{color:#46394b}.bg-N3159{background-color:#46394b}.border-N3159{border-color:#46394b}.text-N3301{color:#f3dcee}.bg-N3301{background-color:#f3dcee}.border-N3301{border-color:#f3dcee}.text-N3302{color:#e3c2dd}.bg-N3302{background-color:#e3c2dd}.border-N3302{border-color:#e3c2dd}.text-N3303{color:#d4a9cd}.bg-N3303{background-color:#d4a9cd}.border-N3303{border-color:#d4a9cd}.text-N3304{color:#c590bc}.bg-N3304{background-color:#c590bc}.border-N3304{border-color:#c590bc}.text-N3305{color:#b577ac}.bg-N3305{background-color:#b577ac}.border-N3305{border-color:#b577ac}.text-N3306{color:#996791}.bg-N3306{background-color:#996791}.border-N3306{border-color:#996791}.text-N3307{color:#7d5777}.bg-N3307{background-color:#7d5777}.border-N3307{border-color:#7d5777}.text-N3308{color:#63475f}.bg-N3308{background-color:#63475f}.border-N3308{border-color:#63475f}.text-N3309{color:#4a3847}.bg-N3309{background-color:#4a3847}.border-N3309{border-color:#4a3847}.text-N3451{color:#f7dbe9}.bg-N3451{background-color:#f7dbe9}.border-N3451{border-color:#f7dbe9}.text-N3452{color:#e9c1d5}.bg-N3452{background-color:#e9c1d5}.border-N3452{border-color:#e9c1d5}.text-N3453{color:#dba7c2}.bg-N3453{background-color:#dba7c2}.border-N3453{border-color:#dba7c2}.text-N3454{color:#cd8daf}.bg-N3454{background-color:#cd8daf}.border-N3454{border-color:#cd8daf}.text-N3455{color:#bf739d}.bg-N3455{background-color:#bf739d}.border-N3455{border-color:#bf739d}.text-N3456{color:#a16485}.bg-N3456{background-color:#a16485}.border-N3456{border-color:#a16485}.text-N3457{color:#84546e}.bg-N3457{background-color:#84546e}.border-N3457{border-color:#84546e}.text-N3458{color:#684658}.bg-N3458{background-color:#684658}.border-N3458{border-color:#684658}.text-N3459{color:#4d3743}.bg-N3459{background-color:#4d3743}.border-N3459{border-color:#4d3743}.text-N3601{color:#f9dbe3}.bg-N3601{background-color:#f9dbe3}.border-N3601{border-color:#f9dbe3}.text-N3602{color:#edc0cd}.bg-N3602{background-color:#edc0cd}.border-N3602{border-color:#edc0cd}.text-N3603{color:#e0a6b7}.bg-N3603{background-color:#e0a6b7}.border-N3603{border-color:#e0a6b7}.text-N3604{color:#d38ca2}.bg-N3604{background-color:#d38ca2}.border-N3604{border-color:#d38ca2}.text-N3605{color:#c5728d}.bg-N3605{background-color:#c5728d}.border-N3605{border-color:#c5728d}.text-N3606{color:#a66278}.bg-N3606{background-color:#a66278}.border-N3606{border-color:#a66278}.text-N3607{color:#885464}.bg-N3607{background-color:#885464}.border-N3607{border-color:#885464}.text-N3608{color:#6b4551}.bg-N3608{background-color:#6b4551}.border-N3608{border-color:#6b4551}.text-N3609{color:#4f373e}.bg-N3609{background-color:#4f373e}.border-N3609{border-color:#4f373e}:root{--color-N0001:#e2e2e2;--color-N0002:#ccc;--color-N0003:#b6b6b6;--color-N0004:#a0a0a0;--color-N0005:#8b8b8b;--color-N0006:#777;--color-N0007:#636363;--color-N0008:#505050;--color-N0009:#3e3e3e;--color-N0151:#fadbdd;--color-N0152:#eec0c4;--color-N0153:#e2a6ac;--color-N0154:#d48c94;--color-N0155:#c6727d;--color-N0156:#a7636b;--color-N0157:#89545a;--color-N0158:#6b4549;--color-N0159:#4f3739;--color-N0301:#fadbd7;--color-N0302:#edc1bc;--color-N0303:#e0a8a1;--color-N0304:#d28e87;--color-N0305:#c4756e;--color-N0306:#a5655f;--color-N0307:#875650;--color-N0308:#6b4642;--color-N0309:#4f3835;--color-N0451:#f8dcd3;--color-N0452:#eac3b5;--color-N0453:#dcaa98;--color-N0454:#cd927c;--color-N0455:#be7960;--color-N0456:#a06954;--color-N0457:#845848;--color-N0458:#68483c;--color-N0459:#4d3931;--color-N0601:#f4decf;--color-N0602:#e5c6af;--color-N0603:#d5ad90;--color-N0604:#c59672;--color-N0605:#b57f55;--color-N0606:#996d4b;--color-N0607:#7e5b41;--color-N0608:#644a38;--color-N0609:#4a3a2e;--color-N0751:#efe0cc;--color-N0752:#dec8ac;--color-N0753:#cdb18c;--color-N0754:#bb9b6c;--color-N0755:#a9854e;--color-N0756:#8f7145;--color-N0757:#765f3d;--color-N0758:#5e4d34;--color-N0759:#473c2c;--color-N0901:#eae2cb;--color-N0902:#d6cbaa;--color-N0903:#c2b58a;--color-N0904:#af9f6a;--color-N0905:#9b8a4b;--color-N0906:#847643;--color-N0907:#6d623b;--color-N0908:#584f33;--color-N0909:#433d2b;--color-N1051:#e3e4cc;--color-N1052:#cdceab;--color-N1053:#b7b98b;--color-N1054:#a1a46b;--color-N1055:#8b8f4c;--color-N1056:#777a44;--color-N1057:#63663c;--color-N1058:#505234;--color-N1059:#3e3f2c;--color-N1201:#dde6ce;--color-N1202:#c4d1ae;--color-N1203:#abbc8f;--color-N1204:#92a870;--color-N1205:#7a9453;--color-N1206:#697e49;--color-N1207:#586840;--color-N1208:#485437;--color-N1209:#39402d;--color-N1351:#d7e7d2;--color-N1352:#bbd3b3;--color-N1353:#9fbf96;--color-N1354:#83ab79;--color-N1355:#68975d;--color-N1356:#5a8151;--color-N1357:#4d6b46;--color-N1358:#40553b;--color-N1359:#344130;--color-N1501:#d1e8d6;--color-N1502:#b2d4ba;--color-N1503:#93c19f;--color-N1504:#74ad84;--color-N1505:#559a6a;--color-N1506:#4b835c;--color-N1507:#426c4e;--color-N1508:#395741;--color-N1509:#2f4234;--color-N1651:#cde9dc;--color-N1652:#abd6c2;--color-N1653:#89c2a9;--color-N1654:#66af91;--color-N1655:#409b7a;--color-N1656:#3c8469;--color-N1657:#376d58;--color-N1658:#315848;--color-N1659:#2b4338;--color-N1801:#c9e9e2;--color-N1802:#a6d6cb;--color-N1803:#81c3b5;--color-N1804:#5baf9f;--color-N1805:#2a9c8a;--color-N1806:#2d8576;--color-N1807:#2d6e62;--color-N1808:#2b584f;--color-N1809:#28433d;--color-N1951:#c8e9e8;--color-N1952:#a3d6d4;--color-N1953:#7dc3c0;--color-N1954:#53afad;--color-N1955:#109c9a;--color-N1956:#208583;--color-N1957:#266e6d;--color-N1958:#275857;--color-N1959:#264342;--color-N2101:#c8e9ed;--color-N2102:#a3d5dc;--color-N2103:#7dc2cb;--color-N2104:#52aeba;--color-N2105:#019baa;--color-N2106:#1c8490;--color-N2107:#246d76;--color-N2108:#27575e;--color-N2109:#264246;--color-N2251:#cae8f2;--color-N2252:#a6d4e3;--color-N2253:#81c0d4;--color-N2254:#58acc6;--color-N2255:#1a99b7;--color-N2256:#25829a;--color-N2257:#2a6c7e;--color-N2258:#2a5664;--color-N2259:#27424a;--color-N2401:#cee6f6;--color-N2402:#acd2e9;--color-N2403:#8abedc;--color-N2404:#65aace;--color-N2405:#3696c1;--color-N2406:#3680a3;--color-N2407:#346a85;--color-N2408:#305568;--color-N2409:#2b414d;--color-N2551:#d3e5f8;--color-N2552:#b5cfec;--color-N2553:#95bbe0;--color-N2554:#75a6d4;--color-N2555:#5192c8;--color-N2556:#497ca8;--color-N2557:#416789;--color-N2558:#39536b;--color-N2559:#303f4f;--color-N2701:#dae3f9;--color-N2702:#becdee;--color-N2703:#a3b7e2;--color-N2704:#87a2d6;--color-N2705:#6a8dca;--color-N2706:#5d78aa;--color-N2707:#4f648b;--color-N2708:#42516c;--color-N2709:#353e50;--color-N2851:#e0e1f9;--color-N2852:#c8caed;--color-N2853:#b1b3e1;--color-N2854:#999dd5;--color-N2855:#8188c8;--color-N2856:#6f74a8;--color-N2857:#5d6189;--color-N2858:#4c4e6c;--color-N2859:#3b3c4f;--color-N3001:#e7dff6;--color-N3002:#d3c7e9;--color-N3003:#beafdc;--color-N3004:#aa98cf;--color-N3005:#9582c2;--color-N3006:#7f6fa3;--color-N3007:#6a5d86;--color-N3008:#554c69;--color-N3009:#413b4d;--color-N3151:#edddf3;--color-N3152:#dcc4e4;--color-N3153:#caacd6;--color-N3154:#b994c7;--color-N3155:#a77cb9;--color-N3156:#8d6b9c;--color-N3157:#755a7f;--color-N3158:#5d4964;--color-N3159:#46394b;--color-N3301:#f3dcee;--color-N3302:#e3c2dd;--color-N3303:#d4a9cd;--color-N3304:#c590bc;--color-N3305:#b577ac;--color-N3306:#996791;--color-N3307:#7d5777;--color-N3308:#63475f;--color-N3309:#4a3847;--color-N3451:#f7dbe9;--color-N3452:#e9c1d5;--color-N3453:#dba7c2;--color-N3454:#cd8daf;--color-N3455:#bf739d;--color-N3456:#a16485;--color-N3457:#84546e;--color-N3458:#684658;--color-N3459:#4d3743;--color-N3601:#f9dbe3;--color-N3602:#edc0cd;--color-N3603:#e0a6b7;--color-N3604:#d38ca2;--color-N3605:#c5728d;--color-N3606:#a66278;--color-N3607:#885464;--color-N3608:#6b4551;--color-N3609:#4f373e} /*# sourceMappingURL=to.css.map */ \ No newline at end of file diff --git a/dist/js/hue.gl.min.js b/dist/js/hue.gl.min.js index 9a390c3..0ae1b53 100644 --- a/dist/js/hue.gl.min.js +++ b/dist/js/hue.gl.min.js @@ -1 +1 @@ -"use strict"; \ No newline at end of file +"use strict";Object.defineProperty(exports,"t",{value:!0}); \ No newline at end of file diff --git a/dist/js/index.d.ts b/dist/js/index.d.ts index e69de29..cb0ff5c 100644 --- a/dist/js/index.d.ts +++ b/dist/js/index.d.ts @@ -0,0 +1 @@ +export {}; diff --git a/dist/js/index.js b/dist/js/index.js index 3918c74..fd2774c 100644 --- a/dist/js/index.js +++ b/dist/js/index.js @@ -1 +1,3 @@ "use strict"; +// Copyright 2020 Scape Agency BV +Object.defineProperty(exports, "__esModule", { value: true }); diff --git a/dist/package.json b/dist/package.json index ae3f19b..8e8ab8e 100644 --- a/dist/package.json +++ b/dist/package.json @@ -1,6 +1,6 @@ { "name": "hue.gl", - "version": "0.0.7", + "version": "0.0.8", "description": "hue.gl is a colour palette developed by Scape Agency.", "keywords": [ "hue.gl", diff --git a/dist/py/hue.gl.py b/dist/py/hue.gl.py index 7415035..283b471 100644 --- a/dist/py/hue.gl.py +++ b/dist/py/hue.gl.py @@ -15,7 +15,7 @@ # ============================================================================= # # hue.gl -# 0.0.7 +# 0.0.8 # # ============================================================================= diff --git a/dist/rcpx/hue.gl.rcpx b/dist/rcpx/hue.gl.rcpx index 74f7af0..7188866 100644 --- a/dist/rcpx/hue.gl.rcpx +++ b/dist/rcpx/hue.gl.rcpx @@ -1,6 +1,6 @@ - + 50%) { + @return black; // Dark text on light background + } @else { + @return white; // Light text on dark background + } +} + +// Contrast Checker: A function to calculate the contrast ratio between two colors, which is useful for accessibility considerations. +@function hue-contrast($color1-name, $color2-name) { + $color1: hue-color($color1-name); + $color2: hue-color($color2-name); + @return contrast-ratio($color1, $color2); + } + + +// Dynamic Text Color: A function to dynamically determine whether to use light or dark text based on the background color for better readability. + @function dynamic-text-color($background-color-name) { + $background-color: hue-color($background-color-name); + @if (hue-contrast($background-color, black) > 4.5) { + @return black; + } @else { + @return white; + } + } + + +// Complementary Color Function +// ---------------------------------------------------------------------------- +// A function to find the complementary color on the color wheel, useful for +// creating color schemes. +@function complementary-color($color-name) { + $base-color: hue-color($color-name); + @return adjust-hue($base-color, 180deg); + } + +// Opacity Variants: Create a function to generate color variants with different opacities. + +@function hue-color-opacity($color-name, $opacity: 1) { + $color: hue-color($color-name); + @if $color != null { + @return rgba($color, $opacity); + } @else { + @return null; + } + } + +// Color Shades and Tints: Create functions to lighten and darken colors. This is useful for hover states, disabled states, or gradients. + @function hue-shade($color-name, $amount: 10%) { + $color: hue-color($color-name); + @return darken($color, $amount); + } + + @function hue-tint($color-name, $amount: 10%) { + $color: hue-color($color-name); + @return lighten($color, $amount); + } + + +// ============================================================================ +// Mixins +// ============================================================================ + +// Mixins for Text and Background Colors: These mixins can be used to apply +// text and background colors throughout your stylesheets. +// They make it easy to maintain consistency and make changes later if needed. + +@mixin text-color($color-name) { + color: hue-color($color-name); +} + +@mixin bg-color($color-name) { + background-color: hue-color($color-name); +} + +@mixin border-color($color-name) { + border-color: hue-color($color-name); + } + + +// Accessibility Mixin: A mixin to ensure text color contrasts well with its background for accessibility. + @mixin accessible-text-color($background-color-name) { + $background-color: hue-color($background-color-name); + color: contrast-color($background-color); + } + +// Gradient Mixin: Create a mixin for generating gradients with your color palette. + + + @mixin gradient-bg($start-color-name, $end-color-name) { + background: linear-gradient(hue-color($start-color-name), hue-color($end-color-name)); + } + +// Themed Components: Create a set of mixins for theming components. This can include buttons, links, etc. +@mixin button-theme($bg-color-name, $text-color-name: null) { + @include bg-color($bg-color-name); + @if $text-color-name != null { + @include text-color($text-color-name); + } @else { + @include accessible-text-color($bg-color-name); + } + // Add more button styles here + } + +// Color Blending Mixin: A mixin to blend two colors from your color map. + + + @mixin blend-colors($color1-name, $color2-name, $percentage: 50%) { + $color1: hue-color($color1-name); + $color2: hue-color($color2-name); + background-color: mix($color1, $color2, $percentage); + } + +// ============================================================================ +// Classes +// ============================================================================ + + // Utility Classes Generation: This step involves creating utility classes + // for each color in your map. It generates classes like .text-N0001, + // .bg-N0001, etc., for quick and easy styling in HTML. + + @each $color-name, $color-value in $hue { + + .text-#{$color-name} { + @include text-color($color-name); + } + + .bg-#{$color-name} { + @include bg-color($color-name); + } + + .border-#{$color-name} { + @include border-color($color-name); + } + +} + +// CSS Variables Generator: If you prefer using CSS variables, create a mixin to generate them from your SCSS map. + +:root { + @each $color-name, $color-value in $hue { + --color-#{$color-name}: #{$color-value}; + } + } + \ No newline at end of file diff --git a/dist/scss/hue/_hue.gl-hcl-map.scss b/dist/scss/hue/_hue.gl-hcl-map.scss new file mode 100644 index 0000000..6ec1dd0 --- /dev/null +++ b/dist/scss/hue/_hue.gl-hcl-map.scss @@ -0,0 +1,378 @@ +// Copyright 2023 Scape Agency BV + +// Licensed under the Apache License, Version 2.0 (the "License"); +// you may not use this file except in compliance with the License. +// You may obtain a copy of the License at + +// http://www.apache.org/licenses/LICENSE-2.0 + +// Unless required by applicable law or agreed to in writing, software +// distributed under the License is distributed on an "AS IS" BASIS, +// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. +// See the License for the specific language governing permissions and +// limitations under the License. + +// ============================================================================ +// +// hue.gl +// 0.0.8 +// +// ============================================================================ + + +// General +// ============================================================================ + +$hue: ( + + + // Grey + // ------------------------------------------------------------------------ + + N0001: hcl(0, 0, 90), + N0002: hcl(0, 0, 82), + N0003: hcl(0, 0, 74), + N0004: hcl(0, 0, 66), + N0005: hcl(0, 0, 58), + N0006: hcl(0, 0, 50), + N0007: hcl(0, 0, 42), + N0008: hcl(0, 0, 34), + N0009: hcl(0, 0, 26), + + + // Salmon + // ------------------------------------------------------------------------ + + N0151: hcl(15, 12, 90), + N0152: hcl(15, 18, 82), + N0153: hcl(15, 24, 74), + N0154: hcl(15, 30, 66), + N0155: hcl(15, 36, 58), + N0156: hcl(15, 30, 50), + N0157: hcl(15, 24, 42), + N0158: hcl(15, 18, 34), + N0159: hcl(15, 12, 26), + + + // Orange + // ------------------------------------------------------------------------ + + N0301: hcl(30, 12, 90), + N0302: hcl(30, 18, 82), + N0303: hcl(30, 24, 74), + N0304: hcl(30, 30, 66), + N0305: hcl(30, 36, 58), + N0306: hcl(30, 30, 50), + N0307: hcl(30, 24, 42), + N0308: hcl(30, 18, 34), + N0309: hcl(30, 12, 26), + + + // Amber + // ------------------------------------------------------------------------ + + N0451: hcl(45, 12, 90), + N0452: hcl(45, 18, 82), + N0453: hcl(45, 24, 74), + N0454: hcl(45, 30, 66), + N0455: hcl(45, 36, 58), + N0456: hcl(45, 30, 50), + N0457: hcl(45, 24, 42), + N0458: hcl(45, 18, 34), + N0459: hcl(45, 12, 26), + + + // Yellow + // ------------------------------------------------------------------------ + + N0601: hcl(60, 12, 90), + N0602: hcl(60, 18, 82), + N0603: hcl(60, 24, 74), + N0604: hcl(60, 30, 66), + N0605: hcl(60, 36, 58), + N0606: hcl(60, 30, 50), + N0607: hcl(60, 24, 42), + N0608: hcl(60, 18, 34), + N0609: hcl(60, 12, 26), + + + // Lime + // ------------------------------------------------------------------------ + + N0751: hcl(75, 12, 90), + N0752: hcl(75, 18, 82), + N0753: hcl(75, 24, 74), + N0754: hcl(75, 30, 66), + N0755: hcl(75, 36, 58), + N0756: hcl(75, 30, 50), + N0757: hcl(75, 24, 42), + N0758: hcl(75, 18, 34), + N0759: hcl(75, 12, 26), + + + // Ecru + // ------------------------------------------------------------------------ + + N0901: hcl(90, 12, 90), + N0902: hcl(90, 18, 82), + N0903: hcl(90, 24, 74), + N0904: hcl(90, 30, 66), + N0905: hcl(90, 36, 58), + N0906: hcl(90, 30, 50), + N0907: hcl(90, 24, 42), + N0908: hcl(90, 18, 34), + N0909: hcl(90, 12, 26), + + + // Olive + // ------------------------------------------------------------------------ + + N1051: hcl(105, 12, 90), + N1052: hcl(105, 18, 82), + N1053: hcl(105, 24, 74), + N1054: hcl(105, 30, 66), + N1055: hcl(105, 36, 58), + N1056: hcl(105, 30, 50), + N1057: hcl(105, 24, 42), + N1058: hcl(105, 18, 34), + N1059: hcl(105, 12, 26), + + + // Green + // ------------------------------------------------------------------------ + + N1201: hcl(120, 12, 90), + N1202: hcl(120, 18, 82), + N1203: hcl(120, 24, 74), + N1204: hcl(120, 30, 66), + N1205: hcl(120, 36, 58), + N1206: hcl(120, 30, 50), + N1207: hcl(120, 24, 42), + N1208: hcl(120, 18, 34), + N1209: hcl(120, 12, 26), + + + // Forest + // ------------------------------------------------------------------------ + + N1351: hcl(135, 12, 90), + N1352: hcl(135, 18, 82), + N1353: hcl(135, 24, 74), + N1354: hcl(135, 30, 66), + N1355: hcl(135, 36, 58), + N1356: hcl(135, 30, 50), + N1357: hcl(135, 24, 42), + N1358: hcl(135, 18, 34), + N1359: hcl(135, 12, 26), + + + // Jade + // ------------------------------------------------------------------------ + + N1501: hcl(150, 12, 90), + N1502: hcl(150, 18, 82), + N1503: hcl(150, 24, 74), + N1504: hcl(150, 30, 66), + N1505: hcl(150, 36, 58), + N1506: hcl(150, 30, 50), + N1507: hcl(150, 24, 42), + N1508: hcl(150, 18, 34), + N1509: hcl(150, 12, 26), + + + // Mint + // ------------------------------------------------------------------------ + + N1651: hcl(165, 12, 90), + N1652: hcl(165, 18, 82), + N1653: hcl(165, 24, 74), + N1654: hcl(165, 30, 66), + N1655: hcl(165, 36, 58), + N1656: hcl(165, 30, 50), + N1657: hcl(165, 24, 42), + N1658: hcl(165, 18, 34), + N1659: hcl(165, 12, 26), + + + // Cyan + // ------------------------------------------------------------------------ + + N1801: hcl(180, 12, 90), + N1802: hcl(180, 18, 82), + N1803: hcl(180, 24, 74), + N1804: hcl(180, 30, 66), + N1805: hcl(180, 36, 58), + N1806: hcl(180, 30, 50), + N1807: hcl(180, 24, 42), + N1808: hcl(180, 18, 34), + N1809: hcl(180, 12, 26), + + + // Teal + // ------------------------------------------------------------------------ + + N1951: hcl(195, 12, 90), + N1952: hcl(195, 18, 82), + N1953: hcl(195, 24, 74), + N1954: hcl(195, 30, 66), + N1955: hcl(195, 36, 58), + N1956: hcl(195, 30, 50), + N1957: hcl(195, 24, 42), + N1958: hcl(195, 18, 34), + N1959: hcl(195, 12, 26), + + + // Capri + // ------------------------------------------------------------------------ + + N2101: hcl(210, 12, 90), + N2102: hcl(210, 18, 82), + N2103: hcl(210, 24, 74), + N2104: hcl(210, 30, 66), + N2105: hcl(210, 36, 58), + N2106: hcl(210, 30, 50), + N2107: hcl(210, 24, 42), + N2108: hcl(210, 18, 34), + N2109: hcl(210, 12, 26), + + + // Sky + // ------------------------------------------------------------------------ + + N2251: hcl(225, 12, 90), + N2252: hcl(225, 18, 82), + N2253: hcl(225, 24, 74), + N2254: hcl(225, 30, 66), + N2255: hcl(225, 36, 58), + N2256: hcl(225, 30, 50), + N2257: hcl(225, 24, 42), + N2258: hcl(225, 18, 34), + N2259: hcl(225, 12, 26), + + + // Blue + // ------------------------------------------------------------------------ + + N2401: hcl(240, 12, 90), + N2402: hcl(240, 18, 82), + N2403: hcl(240, 24, 74), + N2404: hcl(240, 30, 66), + N2405: hcl(240, 36, 58), + N2406: hcl(240, 30, 50), + N2407: hcl(240, 24, 42), + N2408: hcl(240, 18, 34), + N2409: hcl(240, 12, 26), + + + // Azure + // ------------------------------------------------------------------------ + + N2551: hcl(255, 12, 90), + N2552: hcl(255, 18, 82), + N2553: hcl(255, 24, 74), + N2554: hcl(255, 30, 66), + N2555: hcl(255, 36, 58), + N2556: hcl(255, 30, 50), + N2557: hcl(255, 24, 42), + N2558: hcl(255, 18, 34), + N2559: hcl(255, 12, 26), + + + // Indigo + // ------------------------------------------------------------------------ + + N2701: hcl(270, 12, 90), + N2702: hcl(270, 18, 82), + N2703: hcl(270, 24, 74), + N2704: hcl(270, 30, 66), + N2705: hcl(270, 36, 58), + N2706: hcl(270, 30, 50), + N2707: hcl(270, 24, 42), + N2708: hcl(270, 18, 34), + N2709: hcl(270, 12, 26), + + + // Violet + // ------------------------------------------------------------------------ + + N2851: hcl(285, 12, 90), + N2852: hcl(285, 18, 82), + N2853: hcl(285, 24, 74), + N2854: hcl(285, 30, 66), + N2855: hcl(285, 36, 58), + N2856: hcl(285, 30, 50), + N2857: hcl(285, 24, 42), + N2858: hcl(285, 18, 34), + N2859: hcl(285, 12, 26), + + + // Magenta + // ------------------------------------------------------------------------ + + N3001: hcl(300, 12, 90), + N3002: hcl(300, 18, 82), + N3003: hcl(300, 24, 74), + N3004: hcl(300, 30, 66), + N3005: hcl(300, 36, 58), + N3006: hcl(300, 30, 50), + N3007: hcl(300, 24, 42), + N3008: hcl(300, 18, 34), + N3009: hcl(300, 12, 26), + + + // Purple + // ------------------------------------------------------------------------ + + N3151: hcl(315, 12, 90), + N3152: hcl(315, 18, 82), + N3153: hcl(315, 24, 74), + N3154: hcl(315, 30, 66), + N3155: hcl(315, 36, 58), + N3156: hcl(315, 30, 50), + N3157: hcl(315, 24, 42), + N3158: hcl(315, 18, 34), + N3159: hcl(315, 12, 26), + + + // Rose + // ------------------------------------------------------------------------ + + N3301: hcl(330, 12, 90), + N3302: hcl(330, 18, 82), + N3303: hcl(330, 24, 74), + N3304: hcl(330, 30, 66), + N3305: hcl(330, 36, 58), + N3306: hcl(330, 30, 50), + N3307: hcl(330, 24, 42), + N3308: hcl(330, 18, 34), + N3309: hcl(330, 12, 26), + + + // Pink + // ------------------------------------------------------------------------ + + N3451: hcl(345, 12, 90), + N3452: hcl(345, 18, 82), + N3453: hcl(345, 24, 74), + N3454: hcl(345, 30, 66), + N3455: hcl(345, 36, 58), + N3456: hcl(345, 30, 50), + N3457: hcl(345, 24, 42), + N3458: hcl(345, 18, 34), + N3459: hcl(345, 12, 26), + + + // Red + // ------------------------------------------------------------------------ + + N3601: hcl(360, 12, 90), + N3602: hcl(360, 18, 82), + N3603: hcl(360, 24, 74), + N3604: hcl(360, 30, 66), + N3605: hcl(360, 36, 58), + N3606: hcl(360, 30, 50), + N3607: hcl(360, 24, 42), + N3608: hcl(360, 18, 34), + N3609: hcl(360, 12, 26), + +) \ No newline at end of file diff --git a/dist/scss/hue.gl.scss b/dist/scss/hue/_hue.gl-hcl-var.scss similarity index 99% rename from dist/scss/hue.gl.scss rename to dist/scss/hue/_hue.gl-hcl-var.scss index eecfbb2..5fa93ca 100644 --- a/dist/scss/hue.gl.scss +++ b/dist/scss/hue/_hue.gl-hcl-var.scss @@ -15,7 +15,7 @@ // ============================================================================ // // hue.gl -// 0.0.7 +// 0.0.8 // // ============================================================================ diff --git a/dist/scss/hue/_hue.gl-hex-map.scss b/dist/scss/hue/_hue.gl-hex-map.scss new file mode 100644 index 0000000..0d01090 --- /dev/null +++ b/dist/scss/hue/_hue.gl-hex-map.scss @@ -0,0 +1,378 @@ +// Copyright 2023 Scape Agency BV + +// Licensed under the Apache License, Version 2.0 (the "License"); +// you may not use this file except in compliance with the License. +// You may obtain a copy of the License at + +// http://www.apache.org/licenses/LICENSE-2.0 + +// Unless required by applicable law or agreed to in writing, software +// distributed under the License is distributed on an "AS IS" BASIS, +// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. +// See the License for the specific language governing permissions and +// limitations under the License. + +// ============================================================================ +// +// hue.gl +// 0.0.8 +// +// ============================================================================ + + +// General +// ============================================================================ + +$hue: ( + + + // Grey + // ------------------------------------------------------------------------ + + N0001: #e2e2e2, + N0002: #cccccc, + N0003: #b6b6b6, + N0004: #a0a0a0, + N0005: #8b8b8b, + N0006: #777777, + N0007: #636363, + N0008: #505050, + N0009: #3e3e3e, + + + // Salmon + // ------------------------------------------------------------------------ + + N0151: #fadbdd, + N0152: #eec0c4, + N0153: #e2a6ac, + N0154: #d48c94, + N0155: #c6727d, + N0156: #a7636b, + N0157: #89545a, + N0158: #6b4549, + N0159: #4f3739, + + + // Orange + // ------------------------------------------------------------------------ + + N0301: #fadbd7, + N0302: #edc1bc, + N0303: #e0a8a1, + N0304: #d28e87, + N0305: #c4756e, + N0306: #a5655f, + N0307: #875650, + N0308: #6b4642, + N0309: #4f3835, + + + // Amber + // ------------------------------------------------------------------------ + + N0451: #f8dcd3, + N0452: #eac3b5, + N0453: #dcaa98, + N0454: #cd927c, + N0455: #be7960, + N0456: #a06954, + N0457: #845848, + N0458: #68483c, + N0459: #4d3931, + + + // Yellow + // ------------------------------------------------------------------------ + + N0601: #f4decf, + N0602: #e5c6af, + N0603: #d5ad90, + N0604: #c59672, + N0605: #b57f55, + N0606: #996d4b, + N0607: #7e5b41, + N0608: #644a38, + N0609: #4a3a2e, + + + // Lime + // ------------------------------------------------------------------------ + + N0751: #efe0cc, + N0752: #dec8ac, + N0753: #cdb18c, + N0754: #bb9b6c, + N0755: #a9854e, + N0756: #8f7145, + N0757: #765f3d, + N0758: #5e4d34, + N0759: #473c2c, + + + // Ecru + // ------------------------------------------------------------------------ + + N0901: #eae2cb, + N0902: #d6cbaa, + N0903: #c2b58a, + N0904: #af9f6a, + N0905: #9b8a4b, + N0906: #847643, + N0907: #6d623b, + N0908: #584f33, + N0909: #433d2b, + + + // Olive + // ------------------------------------------------------------------------ + + N1051: #e3e4cc, + N1052: #cdceab, + N1053: #b7b98b, + N1054: #a1a46b, + N1055: #8b8f4c, + N1056: #777a44, + N1057: #63663c, + N1058: #505234, + N1059: #3e3f2c, + + + // Green + // ------------------------------------------------------------------------ + + N1201: #dde6ce, + N1202: #c4d1ae, + N1203: #abbc8f, + N1204: #92a870, + N1205: #7a9453, + N1206: #697e49, + N1207: #586840, + N1208: #485437, + N1209: #39402d, + + + // Forest + // ------------------------------------------------------------------------ + + N1351: #d7e7d2, + N1352: #bbd3b3, + N1353: #9fbf96, + N1354: #83ab79, + N1355: #68975d, + N1356: #5a8151, + N1357: #4d6b46, + N1358: #40553b, + N1359: #344130, + + + // Jade + // ------------------------------------------------------------------------ + + N1501: #d1e8d6, + N1502: #b2d4ba, + N1503: #93c19f, + N1504: #74ad84, + N1505: #559a6a, + N1506: #4b835c, + N1507: #426c4e, + N1508: #395741, + N1509: #2f4234, + + + // Mint + // ------------------------------------------------------------------------ + + N1651: #cde9dc, + N1652: #abd6c2, + N1653: #89c2a9, + N1654: #66af91, + N1655: #409b7a, + N1656: #3c8469, + N1657: #376d58, + N1658: #315848, + N1659: #2b4338, + + + // Cyan + // ------------------------------------------------------------------------ + + N1801: #c9e9e2, + N1802: #a6d6cb, + N1803: #81c3b5, + N1804: #5baf9f, + N1805: #2a9c8a, + N1806: #2d8576, + N1807: #2d6e62, + N1808: #2b584f, + N1809: #28433d, + + + // Teal + // ------------------------------------------------------------------------ + + N1951: #c8e9e8, + N1952: #a3d6d4, + N1953: #7dc3c0, + N1954: #53afad, + N1955: #109c9a, + N1956: #208583, + N1957: #266e6d, + N1958: #275857, + N1959: #264342, + + + // Capri + // ------------------------------------------------------------------------ + + N2101: #c8e9ed, + N2102: #a3d5dc, + N2103: #7dc2cb, + N2104: #52aeba, + N2105: #019baa, + N2106: #1c8490, + N2107: #246d76, + N2108: #27575e, + N2109: #264246, + + + // Sky + // ------------------------------------------------------------------------ + + N2251: #cae8f2, + N2252: #a6d4e3, + N2253: #81c0d4, + N2254: #58acc6, + N2255: #1a99b7, + N2256: #25829a, + N2257: #2a6c7e, + N2258: #2a5664, + N2259: #27424a, + + + // Blue + // ------------------------------------------------------------------------ + + N2401: #cee6f6, + N2402: #acd2e9, + N2403: #8abedc, + N2404: #65aace, + N2405: #3696c1, + N2406: #3680a3, + N2407: #346a85, + N2408: #305568, + N2409: #2b414d, + + + // Azure + // ------------------------------------------------------------------------ + + N2551: #d3e5f8, + N2552: #b5cfec, + N2553: #95bbe0, + N2554: #75a6d4, + N2555: #5192c8, + N2556: #497ca8, + N2557: #416789, + N2558: #39536b, + N2559: #303f4f, + + + // Indigo + // ------------------------------------------------------------------------ + + N2701: #dae3f9, + N2702: #becdee, + N2703: #a3b7e2, + N2704: #87a2d6, + N2705: #6a8dca, + N2706: #5d78aa, + N2707: #4f648b, + N2708: #42516c, + N2709: #353e50, + + + // Violet + // ------------------------------------------------------------------------ + + N2851: #e0e1f9, + N2852: #c8caed, + N2853: #b1b3e1, + N2854: #999dd5, + N2855: #8188c8, + N2856: #6f74a8, + N2857: #5d6189, + N2858: #4c4e6c, + N2859: #3b3c4f, + + + // Magenta + // ------------------------------------------------------------------------ + + N3001: #e7dff6, + N3002: #d3c7e9, + N3003: #beafdc, + N3004: #aa98cf, + N3005: #9582c2, + N3006: #7f6fa3, + N3007: #6a5d86, + N3008: #554c69, + N3009: #413b4d, + + + // Purple + // ------------------------------------------------------------------------ + + N3151: #edddf3, + N3152: #dcc4e4, + N3153: #caacd6, + N3154: #b994c7, + N3155: #a77cb9, + N3156: #8d6b9c, + N3157: #755a7f, + N3158: #5d4964, + N3159: #46394b, + + + // Rose + // ------------------------------------------------------------------------ + + N3301: #f3dcee, + N3302: #e3c2dd, + N3303: #d4a9cd, + N3304: #c590bc, + N3305: #b577ac, + N3306: #996791, + N3307: #7d5777, + N3308: #63475f, + N3309: #4a3847, + + + // Pink + // ------------------------------------------------------------------------ + + N3451: #f7dbe9, + N3452: #e9c1d5, + N3453: #dba7c2, + N3454: #cd8daf, + N3455: #bf739d, + N3456: #a16485, + N3457: #84546e, + N3458: #684658, + N3459: #4d3743, + + + // Red + // ------------------------------------------------------------------------ + + N3601: #f9dbe3, + N3602: #edc0cd, + N3603: #e0a6b7, + N3604: #d38ca2, + N3605: #c5728d, + N3606: #a66278, + N3607: #885464, + N3608: #6b4551, + N3609: #4f373e, + +) \ No newline at end of file diff --git a/dist/scss/hue/_hue.gl-hex-var.scss b/dist/scss/hue/_hue.gl-hex-var.scss new file mode 100644 index 0000000..53e4d49 --- /dev/null +++ b/dist/scss/hue/_hue.gl-hex-var.scss @@ -0,0 +1,350 @@ +// Copyright 2023 Scape Agency BV + +// Licensed under the Apache License, Version 2.0 (the "License"); +// you may not use this file except in compliance with the License. +// You may obtain a copy of the License at + +// http://www.apache.org/licenses/LICENSE-2.0 + +// Unless required by applicable law or agreed to in writing, software +// distributed under the License is distributed on an "AS IS" BASIS, +// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. +// See the License for the specific language governing permissions and +// limitations under the License. + +// ============================================================================ +// +// hue.gl +// 0.0.8 +// +// ============================================================================ + + +// General +// ============================================================================ + +// Grey +// ---------------------------------------------------------------------------- + +$N0001: #e2e2e2; +$N0002: #cccccc; +$N0003: #b6b6b6; +$N0004: #a0a0a0; +$N0005: #8b8b8b; +$N0006: #777777; +$N0007: #636363; +$N0008: #505050; +$N0009: #3e3e3e; + +// Salmon +// ---------------------------------------------------------------------------- + +$N0151: #fadbdd; +$N0152: #eec0c4; +$N0153: #e2a6ac; +$N0154: #d48c94; +$N0155: #c6727d; +$N0156: #a7636b; +$N0157: #89545a; +$N0158: #6b4549; +$N0159: #4f3739; + +// Orange +// ---------------------------------------------------------------------------- + +$N0301: #fadbd7; +$N0302: #edc1bc; +$N0303: #e0a8a1; +$N0304: #d28e87; +$N0305: #c4756e; +$N0306: #a5655f; +$N0307: #875650; +$N0308: #6b4642; +$N0309: #4f3835; + +// Amber +// ---------------------------------------------------------------------------- + +$N0451: #f8dcd3; +$N0452: #eac3b5; +$N0453: #dcaa98; +$N0454: #cd927c; +$N0455: #be7960; +$N0456: #a06954; +$N0457: #845848; +$N0458: #68483c; +$N0459: #4d3931; + +// Yellow +// ---------------------------------------------------------------------------- + +$N0601: #f4decf; +$N0602: #e5c6af; +$N0603: #d5ad90; +$N0604: #c59672; +$N0605: #b57f55; +$N0606: #996d4b; +$N0607: #7e5b41; +$N0608: #644a38; +$N0609: #4a3a2e; + +// Lime +// ---------------------------------------------------------------------------- + +$N0751: #efe0cc; +$N0752: #dec8ac; +$N0753: #cdb18c; +$N0754: #bb9b6c; +$N0755: #a9854e; +$N0756: #8f7145; +$N0757: #765f3d; +$N0758: #5e4d34; +$N0759: #473c2c; + +// Ecru +// ---------------------------------------------------------------------------- + +$N0901: #eae2cb; +$N0902: #d6cbaa; +$N0903: #c2b58a; +$N0904: #af9f6a; +$N0905: #9b8a4b; +$N0906: #847643; +$N0907: #6d623b; +$N0908: #584f33; +$N0909: #433d2b; + +// Olive +// ---------------------------------------------------------------------------- + +$N1051: #e3e4cc; +$N1052: #cdceab; +$N1053: #b7b98b; +$N1054: #a1a46b; +$N1055: #8b8f4c; +$N1056: #777a44; +$N1057: #63663c; +$N1058: #505234; +$N1059: #3e3f2c; + +// Green +// ---------------------------------------------------------------------------- + +$N1201: #dde6ce; +$N1202: #c4d1ae; +$N1203: #abbc8f; +$N1204: #92a870; +$N1205: #7a9453; +$N1206: #697e49; +$N1207: #586840; +$N1208: #485437; +$N1209: #39402d; + +// Forest +// ---------------------------------------------------------------------------- + +$N1351: #d7e7d2; +$N1352: #bbd3b3; +$N1353: #9fbf96; +$N1354: #83ab79; +$N1355: #68975d; +$N1356: #5a8151; +$N1357: #4d6b46; +$N1358: #40553b; +$N1359: #344130; + +// Jade +// ---------------------------------------------------------------------------- + +$N1501: #d1e8d6; +$N1502: #b2d4ba; +$N1503: #93c19f; +$N1504: #74ad84; +$N1505: #559a6a; +$N1506: #4b835c; +$N1507: #426c4e; +$N1508: #395741; +$N1509: #2f4234; + +// Mint +// ---------------------------------------------------------------------------- + +$N1651: #cde9dc; +$N1652: #abd6c2; +$N1653: #89c2a9; +$N1654: #66af91; +$N1655: #409b7a; +$N1656: #3c8469; +$N1657: #376d58; +$N1658: #315848; +$N1659: #2b4338; + +// Cyan +// ---------------------------------------------------------------------------- + +$N1801: #c9e9e2; +$N1802: #a6d6cb; +$N1803: #81c3b5; +$N1804: #5baf9f; +$N1805: #2a9c8a; +$N1806: #2d8576; +$N1807: #2d6e62; +$N1808: #2b584f; +$N1809: #28433d; + +// Teal +// ---------------------------------------------------------------------------- + +$N1951: #c8e9e8; +$N1952: #a3d6d4; +$N1953: #7dc3c0; +$N1954: #53afad; +$N1955: #109c9a; +$N1956: #208583; +$N1957: #266e6d; +$N1958: #275857; +$N1959: #264342; + +// Capri +// ---------------------------------------------------------------------------- + +$N2101: #c8e9ed; +$N2102: #a3d5dc; +$N2103: #7dc2cb; +$N2104: #52aeba; +$N2105: #019baa; +$N2106: #1c8490; +$N2107: #246d76; +$N2108: #27575e; +$N2109: #264246; + +// Sky +// ---------------------------------------------------------------------------- + +$N2251: #cae8f2; +$N2252: #a6d4e3; +$N2253: #81c0d4; +$N2254: #58acc6; +$N2255: #1a99b7; +$N2256: #25829a; +$N2257: #2a6c7e; +$N2258: #2a5664; +$N2259: #27424a; + +// Blue +// ---------------------------------------------------------------------------- + +$N2401: #cee6f6; +$N2402: #acd2e9; +$N2403: #8abedc; +$N2404: #65aace; +$N2405: #3696c1; +$N2406: #3680a3; +$N2407: #346a85; +$N2408: #305568; +$N2409: #2b414d; + +// Azure +// ---------------------------------------------------------------------------- + +$N2551: #d3e5f8; +$N2552: #b5cfec; +$N2553: #95bbe0; +$N2554: #75a6d4; +$N2555: #5192c8; +$N2556: #497ca8; +$N2557: #416789; +$N2558: #39536b; +$N2559: #303f4f; + +// Indigo +// ---------------------------------------------------------------------------- + +$N2701: #dae3f9; +$N2702: #becdee; +$N2703: #a3b7e2; +$N2704: #87a2d6; +$N2705: #6a8dca; +$N2706: #5d78aa; +$N2707: #4f648b; +$N2708: #42516c; +$N2709: #353e50; + +// Violet +// ---------------------------------------------------------------------------- + +$N2851: #e0e1f9; +$N2852: #c8caed; +$N2853: #b1b3e1; +$N2854: #999dd5; +$N2855: #8188c8; +$N2856: #6f74a8; +$N2857: #5d6189; +$N2858: #4c4e6c; +$N2859: #3b3c4f; + +// Magenta +// ---------------------------------------------------------------------------- + +$N3001: #e7dff6; +$N3002: #d3c7e9; +$N3003: #beafdc; +$N3004: #aa98cf; +$N3005: #9582c2; +$N3006: #7f6fa3; +$N3007: #6a5d86; +$N3008: #554c69; +$N3009: #413b4d; + +// Purple +// ---------------------------------------------------------------------------- + +$N3151: #edddf3; +$N3152: #dcc4e4; +$N3153: #caacd6; +$N3154: #b994c7; +$N3155: #a77cb9; +$N3156: #8d6b9c; +$N3157: #755a7f; +$N3158: #5d4964; +$N3159: #46394b; + +// Rose +// ---------------------------------------------------------------------------- + +$N3301: #f3dcee; +$N3302: #e3c2dd; +$N3303: #d4a9cd; +$N3304: #c590bc; +$N3305: #b577ac; +$N3306: #996791; +$N3307: #7d5777; +$N3308: #63475f; +$N3309: #4a3847; + +// Pink +// ---------------------------------------------------------------------------- + +$N3451: #f7dbe9; +$N3452: #e9c1d5; +$N3453: #dba7c2; +$N3454: #cd8daf; +$N3455: #bf739d; +$N3456: #a16485; +$N3457: #84546e; +$N3458: #684658; +$N3459: #4d3743; + +// Red +// ---------------------------------------------------------------------------- + +$N3601: #f9dbe3; +$N3602: #edc0cd; +$N3603: #e0a6b7; +$N3604: #d38ca2; +$N3605: #c5728d; +$N3606: #a66278; +$N3607: #885464; +$N3608: #6b4551; +$N3609: #4f373e; + diff --git a/dist/scss/hue/_hue.gl-rgb-map.scss b/dist/scss/hue/_hue.gl-rgb-map.scss new file mode 100644 index 0000000..5e331b8 --- /dev/null +++ b/dist/scss/hue/_hue.gl-rgb-map.scss @@ -0,0 +1,378 @@ +// Copyright 2023 Scape Agency BV + +// Licensed under the Apache License, Version 2.0 (the "License"); +// you may not use this file except in compliance with the License. +// You may obtain a copy of the License at + +// http://www.apache.org/licenses/LICENSE-2.0 + +// Unless required by applicable law or agreed to in writing, software +// distributed under the License is distributed on an "AS IS" BASIS, +// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. +// See the License for the specific language governing permissions and +// limitations under the License. + +// ============================================================================ +// +// hue.gl +// 0.0.8 +// +// ============================================================================ + + +// General +// ============================================================================ + +$hue: ( + + + // Grey + // ------------------------------------------------------------------------ + + N0001: rgb(88.76% 88.76% 88.76%), + N0002: rgb(79.95% 79.95% 79.95%), + N0003: rgb(71.32% 71.32% 71.32%), + N0004: rgb(62.88% 62.88% 62.88%), + N0005: rgb(54.65% 54.65% 54.65%), + N0006: rgb(46.63% 46.63% 46.63%), + N0007: rgb(38.86% 38.86% 38.86%), + N0008: rgb(31.35% 31.35% 31.35%), + N0009: rgb(24.13% 24.13% 24.13%), + + + // Salmon + // ------------------------------------------------------------------------ + + N0151: rgb(98.15% 85.74% 86.65%), + N0152: rgb(93.43% 75.38% 76.87%), + N0153: rgb(88.46% 65.13% 67.32%), + N0154: rgb(83.24% 54.96% 58.02%), + N0155: rgb(77.76% 44.79% 49%), + N0156: rgb(65.49% 38.78% 42.05%), + N0157: rgb(53.61% 32.9% 35.3%), + N0158: rgb(42.16% 27.16% 28.77%), + N0159: rgb(31.17% 21.55% 22.48%), + + + // Orange + // ------------------------------------------------------------------------ + + N0301: rgb(97.92% 86.01% 84.47%), + N0302: rgb(93.06% 75.8% 73.66%), + N0303: rgb(87.92% 65.73% 63.13%), + N0304: rgb(82.51% 55.77% 52.91%), + N0305: rgb(76.82% 45.88% 43.04%), + N0306: rgb(64.75% 39.63% 37.22%), + N0307: rgb(53.05% 33.53% 31.56%), + N0308: rgb(41.77% 27.58% 26.06%), + N0309: rgb(30.95% 21.8% 20.75%), + + + // Amber + // ------------------------------------------------------------------------ + + N0451: rgb(97.09% 86.47% 82.58%), + N0452: rgb(91.82% 76.52% 70.87%), + N0453: rgb(86.29% 66.73% 59.48%), + N0454: rgb(80.5% 57.1% 48.43%), + N0455: rgb(74.45% 47.62% 37.75%), + N0456: rgb(62.83% 41% 32.95%), + N0457: rgb(51.58% 34.55% 28.26%), + N0458: rgb(40.71% 28.29% 23.68%), + N0459: rgb(30.27% 22.22% 19.24%), + + + // Yellow + // ------------------------------------------------------------------------ + + N0601: rgb(95.69% 87.08% 81.1%), + N0602: rgb(89.8% 77.46% 68.69%), + N0603: rgb(83.7% 68.02% 56.61%), + N0604: rgb(77.37% 58.78% 44.87%), + N0605: rgb(70.83% 49.74% 33.48%), + N0606: rgb(59.89% 42.68% 29.52%), + N0607: rgb(49.29% 35.82% 25.62%), + N0608: rgb(39.05% 29.17% 21.8%), + N0609: rgb(29.2% 22.76% 18.05%), + + + // Lime + // ------------------------------------------------------------------------ + + N0751: rgb(93.84% 87.8% 80.14%), + N0752: rgb(87.13% 78.54% 67.26%), + N0753: rgb(80.28% 69.48% 54.72%), + N0754: rgb(73.29% 60.63% 42.51%), + N0755: rgb(66.14% 52.01% 30.57%), + N0756: rgb(56.08% 44.5% 27.2%), + N0757: rgb(46.32% 37.2% 23.86%), + N0758: rgb(36.88% 30.15% 20.55%), + N0759: rgb(27.8% 23.37% 17.26%), + + + // Ecru + // ------------------------------------------------------------------------ + + N0901: rgb(91.63% 88.56% 79.77%), + N0902: rgb(83.95% 79.67% 66.7%), + N0903: rgb(76.23% 70.97% 53.97%), + N0904: rgb(68.46% 62.48% 41.54%), + N0905: rgb(60.62% 54.21% 29.32%), + N0906: rgb(51.58% 46.27% 26.22%), + N0907: rgb(42.81% 38.57% 23.12%), + N0908: rgb(34.31% 31.13% 20.03%), + N0909: rgb(26.13% 23.99% 16.95%), + + + // Olive + // ------------------------------------------------------------------------ + + N1051: rgb(89.19% 89.31% 80.01%), + N1052: rgb(80.43% 80.77% 67.06%), + N1053: rgb(71.73% 72.4% 54.42%), + N1054: rgb(63.07% 64.21% 42.08%), + N1055: rgb(54.44% 56.21% 29.94%), + N1056: rgb(46.56% 47.89% 26.72%), + N1057: rgb(38.89% 39.83% 23.51%), + N1058: rgb(31.45% 32.05% 20.32%), + N1059: rgb(24.28% 24.58% 17.14%), + + + // Green + // ------------------------------------------------------------------------ + + N1201: rgb(86.67% 90.01% 80.86%), + N1202: rgb(76.77% 81.78% 68.3%), + N1203: rgb(66.99% 73.68% 56.05%), + N1204: rgb(57.33% 65.72% 44.09%), + N1205: rgb(47.76% 57.91% 32.38%), + N1206: rgb(41.14% 49.29% 28.67%), + N1207: rgb(34.69% 40.93% 25.01%), + N1208: rgb(28.41% 32.85% 21.39%), + N1209: rgb(22.32% 25.1% 17.81%), + + + // Forest + // ------------------------------------------------------------------------ + + N1351: rgb(84.23% 90.61% 82.24%), + N1352: rgb(73.16% 82.63% 70.34%), + N1353: rgb(62.24% 74.75% 58.74%), + N1354: rgb(51.43% 66.96% 47.43%), + N1355: rgb(40.66% 59.28% 36.4%), + N1356: rgb(35.44% 50.42% 31.89%), + N1357: rgb(30.32% 41.82% 27.48%), + N1358: rgb(25.29% 33.51% 23.15%), + N1359: rgb(20.35% 25.54% 18.92%), + + + // Jade + // ------------------------------------------------------------------------ + + N1501: rgb(82.02% 91.09% 84.07%), + N1502: rgb(69.83% 83.29% 73.05%), + N1503: rgb(57.73% 75.57% 62.29%), + N1504: rgb(45.6% 67.9% 51.81%), + N1505: rgb(33.15% 60.3% 41.63%), + N1506: rgb(29.53% 51.26% 36.1%), + N1507: rgb(25.89% 42.48% 30.72%), + N1508: rgb(22.21% 34.01% 25.48%), + N1509: rgb(18.47% 25.87% 20.4%), + + + // Mint + // ------------------------------------------------------------------------ + + N1651: rgb(80.21% 91.4% 86.22%), + N1652: rgb(67.02% 83.73% 76.22%), + N1653: rgb(53.77% 76.11% 66.45%), + N1654: rgb(40.15% 68.52% 56.93%), + N1655: rgb(25.12% 60.96% 47.67%), + N1656: rgb(23.5% 51.8% 40.98%), + N1657: rgb(21.57% 42.92% 34.48%), + N1658: rgb(19.34% 34.34% 28.19%), + N1659: rgb(16.8% 26.09% 22.12%), + + + // Cyan + // ------------------------------------------------------------------------ + + N1801: rgb(78.94% 91.54% 88.55%), + N1802: rgb(64.98% 83.93% 79.65%), + N1803: rgb(50.74% 76.36% 70.93%), + N1804: rgb(35.56% 68.8% 62.42%), + N1805: rgb(16.33% 61.27% 54.12%), + N1806: rgb(17.56% 52.06% 46.2%), + N1807: rgb(17.67% 43.12% 38.52%), + N1808: rgb(16.94% 34.49% 31.1%), + N1809: rgb(15.51% 26.2% 23.97%), + + + // Teal + // ------------------------------------------------------------------------ + + N1951: rgb(78.33% 91.51% 90.88%), + N1952: rgb(63.93% 83.89% 83.09%), + N1953: rgb(49.03% 76.3% 75.43%), + N1954: rgb(32.59% 68.75% 67.92%), + N1955: rgb(6.301% 61.22% 60.57%), + N1956: rgb(12.57% 52.02% 51.42%), + N1957: rgb(14.88% 43.09% 42.56%), + N1958: rgb(15.41% 34.46% 34.02%), + N1959: rgb(14.76% 26.17% 25.83%), + + + // Capri + // ------------------------------------------------------------------------ + + N2101: rgb(78.44% 91.29% 93.07%), + N2102: rgb(64.02% 83.59% 86.31%), + N2103: rgb(48.98% 75.95% 79.64%), + N2104: rgb(32.12% 68.36% 73.07%), + N2105: rgb(0.31% 60.82% 66.6%), + N2106: rgb(10.99% 51.68% 56.3%), + N2107: rgb(14.24% 42.81% 46.34%), + N2108: rgb(15.18% 34.25% 36.75%), + N2109: rgb(14.72% 26.03% 27.57%), + + + // Sky + // ------------------------------------------------------------------------ + + N2251: rgb(79.29% 90.91% 94.96%), + N2252: rgb(65.28% 83.06% 89.09%), + N2253: rgb(50.71% 75.29% 83.27%), + N2254: rgb(34.55% 67.62% 77.51%), + N2255: rgb(10.02% 60.03% 71.81%), + N2256: rgb(14.62% 51.03% 60.52%), + N2257: rgb(16.32% 42.29% 49.6%), + N2258: rgb(16.45% 33.86% 39.1%), + N2259: rgb(15.45% 25.76% 29.07%), + + + // Blue + // ------------------------------------------------------------------------ + + N2401: rgb(80.81% 90.37% 96.43%), + N2402: rgb(67.63% 82.3% 91.25%), + N2403: rgb(54.05% 74.36% 86.09%), + N2404: rgb(39.41% 66.54% 80.95%), + N2405: rgb(21.13% 58.86% 75.84%), + N2406: rgb(21.23% 50.06% 63.78%), + N2407: rgb(20.47% 41.53% 52.13%), + N2408: rgb(18.99% 33.29% 40.93%), + N2409: rgb(16.86% 25.38% 30.24%), + + + // Azure + // ------------------------------------------------------------------------ + + N2551: rgb(82.88% 89.72% 97.37%), + N2552: rgb(70.83% 81.37% 92.63%), + N2553: rgb(58.59% 73.18% 87.89%), + N2554: rgb(45.8% 65.15% 83.15%), + N2555: rgb(31.59% 57.31% 78.42%), + N2556: rgb(28.74% 48.79% 65.87%), + N2557: rgb(25.66% 40.52% 53.74%), + N2558: rgb(22.34% 32.55% 42.09%), + N2559: rgb(18.78% 24.9% 30.98%), + + + // Indigo + // ------------------------------------------------------------------------ + + N2701: rgb(85.33% 88.98% 97.72%), + N2702: rgb(74.6% 80.3% 93.15%), + N2703: rgb(63.83% 71.8% 88.56%), + N2704: rgb(52.86% 63.49% 83.97%), + N2705: rgb(41.44% 55.41% 79.36%), + N2706: rgb(36.28% 47.24% 66.64%), + N2707: rgb(31.16% 39.32% 54.34%), + N2708: rgb(26.06% 31.67% 42.52%), + N2709: rgb(20.98% 24.33% 31.26%), + + + // Violet + // ------------------------------------------------------------------------ + + N2851: rgb(87.97% 88.21% 97.47%), + N2852: rgb(78.61% 79.16% 92.76%), + N2853: rgb(69.29% 70.3% 88.05%), + N2854: rgb(59.95% 61.64% 83.34%), + N2855: rgb(50.52% 53.22% 78.61%), + N2856: rgb(43.45% 45.47% 66.03%), + N2857: rgb(36.54% 37.95% 53.87%), + N2858: rgb(29.81% 30.69% 42.19%), + N2859: rgb(23.26% 23.71% 31.05%), + + + // Magenta + // ------------------------------------------------------------------------ + + N3001: rgb(90.6% 87.46% 96.62%), + N3002: rgb(82.55% 78.02% 91.51%), + N3003: rgb(74.55% 68.78% 86.41%), + N3004: rgb(66.58% 59.73% 81.31%), + N3005: rgb(58.62% 50.89% 76.23%), + N3006: rgb(49.92% 43.6% 64.1%), + N3007: rgb(41.48% 36.53% 52.38%), + N3008: rgb(33.31% 29.68% 41.12%), + N3009: rgb(25.45% 23.08% 30.37%), + + + // Purple + // ------------------------------------------------------------------------ + + N3151: rgb(93.04% 86.78% 95.24%), + N3152: rgb(86.15% 76.99% 89.48%), + N3153: rgb(79.26% 67.36% 83.75%), + N3154: rgb(72.39% 57.9% 78.05%), + N3155: rgb(65.5% 48.6% 72.39%), + N3156: rgb(55.48% 41.79% 61%), + N3157: rgb(45.76% 35.15% 49.99%), + N3158: rgb(36.39% 28.71% 39.39%), + N3159: rgb(27.4% 22.48% 29.27%), + + + // Rose + // ------------------------------------------------------------------------ + + N3301: rgb(95.12% 86.23% 93.42%), + N3302: rgb(89.17% 76.14% 86.8%), + N3303: rgb(83.17% 66.18% 80.25%), + N3304: rgb(77.1% 56.35% 73.78%), + N3305: rgb(70.96% 46.61% 67.39%), + N3306: rgb(59.91% 40.21% 56.95%), + N3307: rgb(49.21% 33.97% 46.85%), + N3308: rgb(38.89% 27.89% 37.13%), + N3309: rgb(29.01% 21.99% 27.82%), + + + // Pink + // ------------------------------------------------------------------------ + + N3451: rgb(96.72% 85.86% 91.28%), + N3452: rgb(91.46% 75.55% 83.66%), + N3453: rgb(86.07% 65.37% 76.17%), + N3454: rgb(80.54% 55.26% 68.8%), + N3455: rgb(74.87% 45.18% 61.56%), + N3456: rgb(63.1% 39.09% 52.23%), + N3457: rgb(51.7% 33.13% 43.19%), + N3458: rgb(40.72% 27.32% 34.48%), + N3459: rgb(30.2% 21.65% 26.13%), + + + // Red + // ------------------------------------------------------------------------ + + N3601: rgb(97.75% 85.69% 88.98%), + N3602: rgb(92.9% 75.29% 80.28%), + N3603: rgb(87.85% 65% 71.76%), + N3604: rgb(82.6% 54.78% 63.43%), + N3605: rgb(77.13% 44.54% 55.3%), + N3606: rgb(64.96% 38.59% 47.16%), + N3607: rgb(53.17% 32.76% 39.26%), + N3608: rgb(41.81% 27.06% 31.63%), + N3609: rgb(30.93% 21.49% 24.31%), + +) \ No newline at end of file diff --git a/dist/scss/hue/_hue.gl-rgb-var.scss b/dist/scss/hue/_hue.gl-rgb-var.scss new file mode 100644 index 0000000..5fa93ca --- /dev/null +++ b/dist/scss/hue/_hue.gl-rgb-var.scss @@ -0,0 +1,350 @@ +// Copyright 2023 Scape Agency BV + +// Licensed under the Apache License, Version 2.0 (the "License"); +// you may not use this file except in compliance with the License. +// You may obtain a copy of the License at + +// http://www.apache.org/licenses/LICENSE-2.0 + +// Unless required by applicable law or agreed to in writing, software +// distributed under the License is distributed on an "AS IS" BASIS, +// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. +// See the License for the specific language governing permissions and +// limitations under the License. + +// ============================================================================ +// +// hue.gl +// 0.0.8 +// +// ============================================================================ + + +// General +// ============================================================================ + +// Grey +// ---------------------------------------------------------------------------- + +$N0001: rgb(88.76% 88.76% 88.76%); +$N0002: rgb(79.95% 79.95% 79.95%); +$N0003: rgb(71.32% 71.32% 71.32%); +$N0004: rgb(62.88% 62.88% 62.88%); +$N0005: rgb(54.65% 54.65% 54.65%); +$N0006: rgb(46.63% 46.63% 46.63%); +$N0007: rgb(38.86% 38.86% 38.86%); +$N0008: rgb(31.35% 31.35% 31.35%); +$N0009: rgb(24.13% 24.13% 24.13%); + +// Salmon +// ---------------------------------------------------------------------------- + +$N0151: rgb(98.15% 85.74% 86.65%); +$N0152: rgb(93.43% 75.38% 76.87%); +$N0153: rgb(88.46% 65.13% 67.32%); +$N0154: rgb(83.24% 54.96% 58.02%); +$N0155: rgb(77.76% 44.79% 49%); +$N0156: rgb(65.49% 38.78% 42.05%); +$N0157: rgb(53.61% 32.9% 35.3%); +$N0158: rgb(42.16% 27.16% 28.77%); +$N0159: rgb(31.17% 21.55% 22.48%); + +// Orange +// ---------------------------------------------------------------------------- + +$N0301: rgb(97.92% 86.01% 84.47%); +$N0302: rgb(93.06% 75.8% 73.66%); +$N0303: rgb(87.92% 65.73% 63.13%); +$N0304: rgb(82.51% 55.77% 52.91%); +$N0305: rgb(76.82% 45.88% 43.04%); +$N0306: rgb(64.75% 39.63% 37.22%); +$N0307: rgb(53.05% 33.53% 31.56%); +$N0308: rgb(41.77% 27.58% 26.06%); +$N0309: rgb(30.95% 21.8% 20.75%); + +// Amber +// ---------------------------------------------------------------------------- + +$N0451: rgb(97.09% 86.47% 82.58%); +$N0452: rgb(91.82% 76.52% 70.87%); +$N0453: rgb(86.29% 66.73% 59.48%); +$N0454: rgb(80.5% 57.1% 48.43%); +$N0455: rgb(74.45% 47.62% 37.75%); +$N0456: rgb(62.83% 41% 32.95%); +$N0457: rgb(51.58% 34.55% 28.26%); +$N0458: rgb(40.71% 28.29% 23.68%); +$N0459: rgb(30.27% 22.22% 19.24%); + +// Yellow +// ---------------------------------------------------------------------------- + +$N0601: rgb(95.69% 87.08% 81.1%); +$N0602: rgb(89.8% 77.46% 68.69%); +$N0603: rgb(83.7% 68.02% 56.61%); +$N0604: rgb(77.37% 58.78% 44.87%); +$N0605: rgb(70.83% 49.74% 33.48%); +$N0606: rgb(59.89% 42.68% 29.52%); +$N0607: rgb(49.29% 35.82% 25.62%); +$N0608: rgb(39.05% 29.17% 21.8%); +$N0609: rgb(29.2% 22.76% 18.05%); + +// Lime +// ---------------------------------------------------------------------------- + +$N0751: rgb(93.84% 87.8% 80.14%); +$N0752: rgb(87.13% 78.54% 67.26%); +$N0753: rgb(80.28% 69.48% 54.72%); +$N0754: rgb(73.29% 60.63% 42.51%); +$N0755: rgb(66.14% 52.01% 30.57%); +$N0756: rgb(56.08% 44.5% 27.2%); +$N0757: rgb(46.32% 37.2% 23.86%); +$N0758: rgb(36.88% 30.15% 20.55%); +$N0759: rgb(27.8% 23.37% 17.26%); + +// Ecru +// ---------------------------------------------------------------------------- + +$N0901: rgb(91.63% 88.56% 79.77%); +$N0902: rgb(83.95% 79.67% 66.7%); +$N0903: rgb(76.23% 70.97% 53.97%); +$N0904: rgb(68.46% 62.48% 41.54%); +$N0905: rgb(60.62% 54.21% 29.32%); +$N0906: rgb(51.58% 46.27% 26.22%); +$N0907: rgb(42.81% 38.57% 23.12%); +$N0908: rgb(34.31% 31.13% 20.03%); +$N0909: rgb(26.13% 23.99% 16.95%); + +// Olive +// ---------------------------------------------------------------------------- + +$N1051: rgb(89.19% 89.31% 80.01%); +$N1052: rgb(80.43% 80.77% 67.06%); +$N1053: rgb(71.73% 72.4% 54.42%); +$N1054: rgb(63.07% 64.21% 42.08%); +$N1055: rgb(54.44% 56.21% 29.94%); +$N1056: rgb(46.56% 47.89% 26.72%); +$N1057: rgb(38.89% 39.83% 23.51%); +$N1058: rgb(31.45% 32.05% 20.32%); +$N1059: rgb(24.28% 24.58% 17.14%); + +// Green +// ---------------------------------------------------------------------------- + +$N1201: rgb(86.67% 90.01% 80.86%); +$N1202: rgb(76.77% 81.78% 68.3%); +$N1203: rgb(66.99% 73.68% 56.05%); +$N1204: rgb(57.33% 65.72% 44.09%); +$N1205: rgb(47.76% 57.91% 32.38%); +$N1206: rgb(41.14% 49.29% 28.67%); +$N1207: rgb(34.69% 40.93% 25.01%); +$N1208: rgb(28.41% 32.85% 21.39%); +$N1209: rgb(22.32% 25.1% 17.81%); + +// Forest +// ---------------------------------------------------------------------------- + +$N1351: rgb(84.23% 90.61% 82.24%); +$N1352: rgb(73.16% 82.63% 70.34%); +$N1353: rgb(62.24% 74.75% 58.74%); +$N1354: rgb(51.43% 66.96% 47.43%); +$N1355: rgb(40.66% 59.28% 36.4%); +$N1356: rgb(35.44% 50.42% 31.89%); +$N1357: rgb(30.32% 41.82% 27.48%); +$N1358: rgb(25.29% 33.51% 23.15%); +$N1359: rgb(20.35% 25.54% 18.92%); + +// Jade +// ---------------------------------------------------------------------------- + +$N1501: rgb(82.02% 91.09% 84.07%); +$N1502: rgb(69.83% 83.29% 73.05%); +$N1503: rgb(57.73% 75.57% 62.29%); +$N1504: rgb(45.6% 67.9% 51.81%); +$N1505: rgb(33.15% 60.3% 41.63%); +$N1506: rgb(29.53% 51.26% 36.1%); +$N1507: rgb(25.89% 42.48% 30.72%); +$N1508: rgb(22.21% 34.01% 25.48%); +$N1509: rgb(18.47% 25.87% 20.4%); + +// Mint +// ---------------------------------------------------------------------------- + +$N1651: rgb(80.21% 91.4% 86.22%); +$N1652: rgb(67.02% 83.73% 76.22%); +$N1653: rgb(53.77% 76.11% 66.45%); +$N1654: rgb(40.15% 68.52% 56.93%); +$N1655: rgb(25.12% 60.96% 47.67%); +$N1656: rgb(23.5% 51.8% 40.98%); +$N1657: rgb(21.57% 42.92% 34.48%); +$N1658: rgb(19.34% 34.34% 28.19%); +$N1659: rgb(16.8% 26.09% 22.12%); + +// Cyan +// ---------------------------------------------------------------------------- + +$N1801: rgb(78.94% 91.54% 88.55%); +$N1802: rgb(64.98% 83.93% 79.65%); +$N1803: rgb(50.74% 76.36% 70.93%); +$N1804: rgb(35.56% 68.8% 62.42%); +$N1805: rgb(16.33% 61.27% 54.12%); +$N1806: rgb(17.56% 52.06% 46.2%); +$N1807: rgb(17.67% 43.12% 38.52%); +$N1808: rgb(16.94% 34.49% 31.1%); +$N1809: rgb(15.51% 26.2% 23.97%); + +// Teal +// ---------------------------------------------------------------------------- + +$N1951: rgb(78.33% 91.51% 90.88%); +$N1952: rgb(63.93% 83.89% 83.09%); +$N1953: rgb(49.03% 76.3% 75.43%); +$N1954: rgb(32.59% 68.75% 67.92%); +$N1955: rgb(6.301% 61.22% 60.57%); +$N1956: rgb(12.57% 52.02% 51.42%); +$N1957: rgb(14.88% 43.09% 42.56%); +$N1958: rgb(15.41% 34.46% 34.02%); +$N1959: rgb(14.76% 26.17% 25.83%); + +// Capri +// ---------------------------------------------------------------------------- + +$N2101: rgb(78.44% 91.29% 93.07%); +$N2102: rgb(64.02% 83.59% 86.31%); +$N2103: rgb(48.98% 75.95% 79.64%); +$N2104: rgb(32.12% 68.36% 73.07%); +$N2105: rgb(0.31% 60.82% 66.6%); +$N2106: rgb(10.99% 51.68% 56.3%); +$N2107: rgb(14.24% 42.81% 46.34%); +$N2108: rgb(15.18% 34.25% 36.75%); +$N2109: rgb(14.72% 26.03% 27.57%); + +// Sky +// ---------------------------------------------------------------------------- + +$N2251: rgb(79.29% 90.91% 94.96%); +$N2252: rgb(65.28% 83.06% 89.09%); +$N2253: rgb(50.71% 75.29% 83.27%); +$N2254: rgb(34.55% 67.62% 77.51%); +$N2255: rgb(10.02% 60.03% 71.81%); +$N2256: rgb(14.62% 51.03% 60.52%); +$N2257: rgb(16.32% 42.29% 49.6%); +$N2258: rgb(16.45% 33.86% 39.1%); +$N2259: rgb(15.45% 25.76% 29.07%); + +// Blue +// ---------------------------------------------------------------------------- + +$N2401: rgb(80.81% 90.37% 96.43%); +$N2402: rgb(67.63% 82.3% 91.25%); +$N2403: rgb(54.05% 74.36% 86.09%); +$N2404: rgb(39.41% 66.54% 80.95%); +$N2405: rgb(21.13% 58.86% 75.84%); +$N2406: rgb(21.23% 50.06% 63.78%); +$N2407: rgb(20.47% 41.53% 52.13%); +$N2408: rgb(18.99% 33.29% 40.93%); +$N2409: rgb(16.86% 25.38% 30.24%); + +// Azure +// ---------------------------------------------------------------------------- + +$N2551: rgb(82.88% 89.72% 97.37%); +$N2552: rgb(70.83% 81.37% 92.63%); +$N2553: rgb(58.59% 73.18% 87.89%); +$N2554: rgb(45.8% 65.15% 83.15%); +$N2555: rgb(31.59% 57.31% 78.42%); +$N2556: rgb(28.74% 48.79% 65.87%); +$N2557: rgb(25.66% 40.52% 53.74%); +$N2558: rgb(22.34% 32.55% 42.09%); +$N2559: rgb(18.78% 24.9% 30.98%); + +// Indigo +// ---------------------------------------------------------------------------- + +$N2701: rgb(85.33% 88.98% 97.72%); +$N2702: rgb(74.6% 80.3% 93.15%); +$N2703: rgb(63.83% 71.8% 88.56%); +$N2704: rgb(52.86% 63.49% 83.97%); +$N2705: rgb(41.44% 55.41% 79.36%); +$N2706: rgb(36.28% 47.24% 66.64%); +$N2707: rgb(31.16% 39.32% 54.34%); +$N2708: rgb(26.06% 31.67% 42.52%); +$N2709: rgb(20.98% 24.33% 31.26%); + +// Violet +// ---------------------------------------------------------------------------- + +$N2851: rgb(87.97% 88.21% 97.47%); +$N2852: rgb(78.61% 79.16% 92.76%); +$N2853: rgb(69.29% 70.3% 88.05%); +$N2854: rgb(59.95% 61.64% 83.34%); +$N2855: rgb(50.52% 53.22% 78.61%); +$N2856: rgb(43.45% 45.47% 66.03%); +$N2857: rgb(36.54% 37.95% 53.87%); +$N2858: rgb(29.81% 30.69% 42.19%); +$N2859: rgb(23.26% 23.71% 31.05%); + +// Magenta +// ---------------------------------------------------------------------------- + +$N3001: rgb(90.6% 87.46% 96.62%); +$N3002: rgb(82.55% 78.02% 91.51%); +$N3003: rgb(74.55% 68.78% 86.41%); +$N3004: rgb(66.58% 59.73% 81.31%); +$N3005: rgb(58.62% 50.89% 76.23%); +$N3006: rgb(49.92% 43.6% 64.1%); +$N3007: rgb(41.48% 36.53% 52.38%); +$N3008: rgb(33.31% 29.68% 41.12%); +$N3009: rgb(25.45% 23.08% 30.37%); + +// Purple +// ---------------------------------------------------------------------------- + +$N3151: rgb(93.04% 86.78% 95.24%); +$N3152: rgb(86.15% 76.99% 89.48%); +$N3153: rgb(79.26% 67.36% 83.75%); +$N3154: rgb(72.39% 57.9% 78.05%); +$N3155: rgb(65.5% 48.6% 72.39%); +$N3156: rgb(55.48% 41.79% 61%); +$N3157: rgb(45.76% 35.15% 49.99%); +$N3158: rgb(36.39% 28.71% 39.39%); +$N3159: rgb(27.4% 22.48% 29.27%); + +// Rose +// ---------------------------------------------------------------------------- + +$N3301: rgb(95.12% 86.23% 93.42%); +$N3302: rgb(89.17% 76.14% 86.8%); +$N3303: rgb(83.17% 66.18% 80.25%); +$N3304: rgb(77.1% 56.35% 73.78%); +$N3305: rgb(70.96% 46.61% 67.39%); +$N3306: rgb(59.91% 40.21% 56.95%); +$N3307: rgb(49.21% 33.97% 46.85%); +$N3308: rgb(38.89% 27.89% 37.13%); +$N3309: rgb(29.01% 21.99% 27.82%); + +// Pink +// ---------------------------------------------------------------------------- + +$N3451: rgb(96.72% 85.86% 91.28%); +$N3452: rgb(91.46% 75.55% 83.66%); +$N3453: rgb(86.07% 65.37% 76.17%); +$N3454: rgb(80.54% 55.26% 68.8%); +$N3455: rgb(74.87% 45.18% 61.56%); +$N3456: rgb(63.1% 39.09% 52.23%); +$N3457: rgb(51.7% 33.13% 43.19%); +$N3458: rgb(40.72% 27.32% 34.48%); +$N3459: rgb(30.2% 21.65% 26.13%); + +// Red +// ---------------------------------------------------------------------------- + +$N3601: rgb(97.75% 85.69% 88.98%); +$N3602: rgb(92.9% 75.29% 80.28%); +$N3603: rgb(87.85% 65% 71.76%); +$N3604: rgb(82.6% 54.78% 63.43%); +$N3605: rgb(77.13% 44.54% 55.3%); +$N3606: rgb(64.96% 38.59% 47.16%); +$N3607: rgb(53.17% 32.76% 39.26%); +$N3608: rgb(41.81% 27.06% 31.63%); +$N3609: rgb(30.93% 21.49% 24.31%); + diff --git a/dist/scss/index.scss b/dist/scss/index.scss index ee9c4d8..2b107fe 100644 --- a/dist/scss/index.scss +++ b/dist/scss/index.scss @@ -23,7 +23,6 @@ TABLE OF CONTENTS */ -@import "_niji_var.scss"; -@import "_niji_root.scss"; -@import "_niji_background.scss"; -@import "_niji_gradients.scss"; +@import "hue/_hue.gl-hex-map.scss"; +@import "hue/_hue.gl-hex-var.scss"; +@import "_utils.scss"; diff --git a/dist/scss/niji-rgb.scss b/dist/scss/niji-rgb.scss deleted file mode 100644 index c0d7d72..0000000 --- a/dist/scss/niji-rgb.scss +++ /dev/null @@ -1,512 +0,0 @@ -/* Root Variables */ -:root { - - /* Vermillion */ - /* ----------------------------------------------------------------------- */ - --N1015: rgb(98.2% 85.7% 86.7%); - --N2015: rgb(93.4% 75.4% 76.9%); - --N3015: rgb(88.5% 65.1% 67.3%); - --N4015: rgb(83.2% 55% 58%); - --N5015: rgb(77.8% 44.8% 49%); - --N6015: rgb(65.5% 38.8% 42.1%); - --N7015: rgb(53.6% 32.9% 35.3%); - --N8015: rgb(42.2% 27.2% 28.8%); - --N9015: rgb(31.2% 21.5% 22.5%); - - /* Orange */ - /* ----------------------------------------------------------------------- */ - --N1030: rgb(97.9% 86% 84.5%); - --N2030: rgb(93.1% 75.8% 73.7%); - --N3030: rgb(87.9% 65.7% 63.1%); - --N4030: rgb(82.5% 55.8% 52.9%); - --N5030: rgb(76.8% 45.9% 43%); - --N6030: rgb(64.7% 39.6% 37.2%); - --N7030: rgb(53.1% 33.5% 31.6%); - --N8030: rgb(41.8% 27.6% 26.1%); - --N9030: rgb(30.9% 21.8% 20.7%); - - /* Amber */ - /* ----------------------------------------------------------------------- */ - --N1045: rgb(97.1% 86.5% 82.6%); - --N2045: rgb(91.8% 76.5% 70.9%); - --N3045: rgb(86.3% 66.7% 59.5%); - --N4045: rgb(80.5% 57.1% 48.4%); - --N5045: rgb(74.5% 47.6% 37.8%); - --N6045: rgb(62.8% 41% 32.9%); - --N7045: rgb(51.6% 34.6% 28.3%); - --N8045: rgb(40.7% 28.3% 23.7%); - --N9045: rgb(30.3% 22.2% 19.2%); - - /* Yellow */ - /* ----------------------------------------------------------------------- */ - --N1060: rgb(95.7% 87.1% 81.1%); - --N2060: rgb(89.8% 77.5% 68.7%); - --N3060: rgb(83.7% 68% 56.6%); - --N4060: rgb(77.4% 58.8% 44.9%); - --N5060: rgb(70.8% 49.7% 33.5%); - --N6060: rgb(59.9% 42.7% 29.5%); - --N7060: rgb(49.3% 35.8% 25.6%); - --N8060: rgb(39% 29.2% 21.8%); - --N9060: rgb(29.2% 22.8% 18%); - - /* Lime */ - /* ----------------------------------------------------------------------- */ - --N1075: rgb(93.8% 87.8% 80.1%); - --N2075: rgb(87.1% 78.5% 67.3%); - --N3075: rgb(80.3% 69.5% 54.7%); - --N4075: rgb(73.3% 60.6% 42.5%); - --N5075: rgb(66.1% 52% 30.6%); - --N6075: rgb(56.1% 44.5% 27.2%); - --N7075: rgb(46.3% 37.2% 23.9%); - --N8075: rgb(36.9% 30.2% 20.5%); - --N9075: rgb(27.8% 23.4% 17.3%); - - /* Ecru */ - /* ----------------------------------------------------------------------- */ - --N1090: rgb(91.6% 88.6% 79.8%); - --N2090: rgb(84% 79.7% 66.7%); - --N3090: rgb(76.2% 71% 54%); - --N4090: rgb(68.5% 62.5% 41.5%); - --N5090: rgb(60.6% 54.2% 29.3%); - --N6090: rgb(51.6% 46.3% 26.2%); - --N7090: rgb(42.8% 38.6% 23.1%); - --N8090: rgb(34.3% 31.1% 20%); - --N9090: rgb(26.1% 24% 17%); - - /* Olive */ - /* ----------------------------------------------------------------------- */ - --N1105: rgb(89.2% 89.3% 80%); - --N2105: rgb(80.4% 80.8% 67.1%); - --N3105: rgb(71.7% 72.4% 54.4%); - --N4105: rgb(63.1% 64.2% 42.1%); - --N5105: rgb(54.4% 56.2% 29.9%); - --N6105: rgb(46.6% 47.9% 26.7%); - --N7105: rgb(38.9% 39.8% 23.5%); - --N8105: rgb(31.5% 32% 20.3%); - --N9105: rgb(24.3% 24.6% 17.1%); - - /* Green */ - /* ----------------------------------------------------------------------- */ - --N1120: rgb(86.7% 90% 80.9%); - --N2120: rgb(76.8% 81.8% 68.3%); - --N3120: rgb(67% 73.7% 56%); - --N4120: rgb(57.3% 65.7% 44.1%); - --N5120: rgb(47.8% 57.9% 32.4%); - --N6120: rgb(41.1% 49.3% 28.7%); - --N7120: rgb(34.7% 40.9% 25%); - --N8120: rgb(28.4% 32.9% 21.4%); - --N9120: rgb(22.3% 25.1% 17.8%); - - /* Forest */ - /* ----------------------------------------------------------------------- */ - --N1135: rgb(84.2% 90.6% 82.2%); - --N2135: rgb(73.2% 82.6% 70.3%); - --N3135: rgb(62.2% 74.7% 58.7%); - --N4135: rgb(51.4% 67% 47.4%); - --N5135: rgb(40.7% 59.3% 36.4%); - --N6135: rgb(35.4% 50.4% 31.9%); - --N7135: rgb(30.3% 41.8% 27.5%); - --N8135: rgb(25.3% 33.5% 23.2%); - --N9135: rgb(20.4% 25.5% 18.9%); - - /* Jade */ - /* ----------------------------------------------------------------------- */ - --N1150: rgb(82% 91.1% 84.1%); - --N2150: rgb(69.8% 83.3% 73%); - --N3150: rgb(57.7% 75.6% 62.3%); - --N4150: rgb(45.6% 67.9% 51.8%); - --N5150: rgb(33.1% 60.3% 41.6%); - --N6150: rgb(29.5% 51.3% 36.1%); - --N7150: rgb(25.9% 42.5% 30.7%); - --N8150: rgb(22.2% 34% 25.5%); - --N9150: rgb(18.5% 25.9% 20.4%); - - /* Mint */ - /* ----------------------------------------------------------------------- */ - --N1165: rgb(80.2% 91.4% 86.2%); - --N2165: rgb(67% 83.7% 76.2%); - --N3165: rgb(53.8% 76.1% 66.5%); - --N4165: rgb(40.1% 68.5% 56.9%); - --N5165: rgb(25.1% 61% 47.7%); - --N6165: rgb(23.5% 51.8% 41%); - --N7165: rgb(21.6% 42.9% 34.5%); - --N8165: rgb(19.3% 34.3% 28.2%); - --N9165: rgb(16.8% 26.1% 22.1%); - - /* Cyan */ - /* ----------------------------------------------------------------------- */ - --N1180: rgb(78.9% 91.5% 88.5%); - --N2180: rgb(65% 83.9% 79.6%); - --N3180: rgb(50.7% 76.4% 70.9%); - --N4180: rgb(35.6% 68.8% 62.4%); - --N5180: rgb(16.3% 61.3% 54.1%); - --N6180: rgb(17.6% 52.1% 46.2%); - --N7180: rgb(17.7% 43.1% 38.5%); - --N8180: rgb(16.9% 34.5% 31.1%); - --N9180: rgb(15.5% 26.2% 24%); - - /* Teal */ - /* ----------------------------------------------------------------------- */ - --N1195: rgb(78.3% 91.5% 90.9%); - --N2195: rgb(63.9% 83.9% 83.1%); - --N3195: rgb(49% 76.3% 75.4%); - --N4195: rgb(32.6% 68.8% 67.9%); - --N5195: rgb(6.3% 61.2% 60.6%); - --N6195: rgb(12.6% 52% 51.4%); - --N7195: rgb(14.9% 43.1% 42.6%); - --N8195: rgb(15.4% 34.5% 34%); - --N9195: rgb(14.8% 26.2% 25.8%); - - /* Capri */ - /* ----------------------------------------------------------------------- */ - --N1210: rgb(78.4% 91.3% 93.1%); - --N2210: rgb(64% 83.6% 86.3%); - --N3210: rgb(49% 75.9% 79.6%); - --N4210: rgb(32.1% 68.4% 73.1%); - --N5210: rgb(0.31% 60.8% 66.6%); - --N6210: rgb(11% 51.7% 56.3%); - --N7210: rgb(14.2% 42.8% 46.3%); - --N8210: rgb(15.2% 34.3% 36.7%); - --N9210: rgb(14.7% 26% 27.6%); - - /* Cerulean */ - /* ----------------------------------------------------------------------- */ - --N1225: rgb(79.3% 90.9% 95%); - --N2225: rgb(65.3% 83.1% 89.1%); - --N3225: rgb(50.7% 75.3% 83.3%); - --N4225: rgb(34.5% 67.6% 77.5%); - --N5225: rgb(10% 60% 71.8%); - --N6225: rgb(14.6% 51% 60.5%); - --N7225: rgb(16.3% 42.3% 49.6%); - --N8225: rgb(16.4% 33.9% 39.1%); - --N9225: rgb(15.4% 25.8% 29.1%); - - /* Blue */ - /* ----------------------------------------------------------------------- */ - --N1240: rgb(80.8% 90.4% 96.4%); - --N2240: rgb(67.6% 82.3% 91.2%); - --N3240: rgb(54% 74.4% 86.1%); - --N4240: rgb(39.4% 66.5% 81%); - --N5240: rgb(21.1% 58.9% 75.8%); - --N6240: rgb(21.2% 50.1% 63.8%); - --N7240: rgb(20.5% 41.5% 52.1%); - --N8240: rgb(19% 33.3% 40.9%); - --N9240: rgb(16.9% 25.4% 30.2%); - - /* Azure */ - /* ----------------------------------------------------------------------- */ - --N1255: rgb(82.9% 89.7% 97.4%); - --N2255: rgb(70.8% 81.4% 92.6%); - --N3255: rgb(58.6% 73.2% 87.9%); - --N4255: rgb(45.8% 65.2% 83.2%); - --N5255: rgb(31.6% 57.3% 78.4%); - --N6255: rgb(28.7% 48.8% 65.9%); - --N7255: rgb(25.7% 40.5% 53.7%); - --N8255: rgb(22.3% 32.5% 42.1%); - --N9255: rgb(18.8% 24.9% 31%); - - /* Violet */ - /* ----------------------------------------------------------------------- */ - --N1270: rgb(85.3% 89% 97.7%); - --N2270: rgb(74.6% 80.3% 93.1%); - --N3270: rgb(63.8% 71.8% 88.6%); - --N4270: rgb(52.9% 63.5% 84%); - --N5270: rgb(41.4% 55.4% 79.4%); - --N6270: rgb(36.3% 47.2% 66.6%); - --N7270: rgb(31.2% 39.3% 54.3%); - --N8270: rgb(26.1% 31.7% 42.5%); - --N9270: rgb(21% 24.3% 31.3%); - - /* Purple */ - /* ----------------------------------------------------------------------- */ - --N1285: rgb(88% 88.2% 97.5%); - --N2285: rgb(78.6% 79.2% 92.8%); - --N3285: rgb(69.3% 70.3% 88.1%); - --N4285: rgb(59.9% 61.6% 83.3%); - --N5285: rgb(50.5% 53.2% 78.6%); - --N6285: rgb(43.4% 45.5% 66%); - --N7285: rgb(36.5% 38% 53.9%); - --N8285: rgb(29.8% 30.7% 42.2%); - --N9285: rgb(23.3% 23.7% 31%); - - /* Magenta */ - /* ----------------------------------------------------------------------- */ - --N1300: rgb(90.6% 87.5% 96.6%); - --N2300: rgb(82.6% 78% 91.5%); - --N3300: rgb(74.5% 68.8% 86.4%); - --N4300: rgb(66.6% 59.7% 81.3%); - --N5300: rgb(58.6% 50.9% 76.2%); - --N6300: rgb(49.9% 43.6% 64.1%); - --N7300: rgb(41.5% 36.5% 52.4%); - --N8300: rgb(33.3% 29.7% 41.1%); - --N9300: rgb(25.4% 23.1% 30.4%); - - /* Cerise */ - /* ----------------------------------------------------------------------- */ - --N1315: rgb(93% 86.8% 95.2%); - --N2315: rgb(86.1% 77% 89.5%); - --N3315: rgb(79.3% 67.4% 83.7%); - --N4315: rgb(72.4% 57.9% 78.1%); - --N5315: rgb(65.5% 48.6% 72.4%); - --N6315: rgb(55.5% 41.8% 61%); - --N7315: rgb(45.8% 35.1% 50%); - --N8315: rgb(36.4% 28.7% 39.4%); - --N9315: rgb(27.4% 22.5% 29.3%); - - /* Rose */ - /* ----------------------------------------------------------------------- */ - --N1330: rgb(95.1% 86.2% 93.4%); - --N2330: rgb(89.2% 76.1% 86.8%); - --N3330: rgb(83.2% 66.2% 80.3%); - --N4330: rgb(77.1% 56.4% 73.8%); - --N5330: rgb(71% 46.6% 67.4%); - --N6330: rgb(59.9% 40.2% 57%); - --N7330: rgb(49.2% 34% 46.9%); - --N8330: rgb(38.9% 27.9% 37.1%); - --N9330: rgb(29% 22% 27.8%); - - /* Pink */ - /* ----------------------------------------------------------------------- */ - --N1345: rgb(96.7% 85.9% 91.3%); - --N2345: rgb(91.5% 75.6% 83.7%); - --N3345: rgb(86.1% 65.4% 76.2%); - --N4345: rgb(80.5% 55.3% 68.8%); - --N5345: rgb(74.9% 45.2% 61.6%); - --N6345: rgb(63.1% 39.1% 52.2%); - --N7345: rgb(51.7% 33.1% 43.2%); - --N8345: rgb(40.7% 27.3% 34.5%); - --N9345: rgb(30.2% 21.6% 26.1%); - - /* Red */ - /* ----------------------------------------------------------------------- */ - --N1360: rgb(97.7% 85.7% 89%); - --N2360: rgb(92.9% 75.3% 80.3%); - --N3360: rgb(87.9% 65% 71.8%); - --N4360: rgb(82.6% 54.8% 63.4%); - --N5360: rgb(77.1% 44.5% 55.3%); - --N6360: rgb(65% 38.6% 47.2%); - --N7360: rgb(53.2% 32.8% 39.3%); - --N8360: rgb(41.8% 27.1% 31.6%); - --N9360: rgb(30.9% 21.5% 24.3%); -} - - -/* Classes */ - -.N1015 { background-color: var(--N1015); } -.N2015 { background-color: var(--N2015); } -.N3015 { background-color: var(--N3015); } -.N4015 { background-color: var(--N4015); } -.N5015 { background-color: var(--N5015); } -.N6015 { background-color: var(--N6015); } -.N7015 { background-color: var(--N7015); } -.N8015 { background-color: var(--N8015); } -.N9015 { background-color: var(--N9015); } -.N1030 { background-color: var(--N1030); } -.N2030 { background-color: var(--N2030); } -.N3030 { background-color: var(--N3030); } -.N4030 { background-color: var(--N4030); } -.N5030 { background-color: var(--N5030); } -.N6030 { background-color: var(--N6030); } -.N7030 { background-color: var(--N7030); } -.N8030 { background-color: var(--N8030); } -.N9030 { background-color: var(--N9030); } -.N1045 { background-color: var(--N1045); } -.N2045 { background-color: var(--N2045); } -.N3045 { background-color: var(--N3045); } -.N4045 { background-color: var(--N4045); } -.N5045 { background-color: var(--N5045); } -.N6045 { background-color: var(--N6045); } -.N7045 { background-color: var(--N7045); } -.N8045 { background-color: var(--N8045); } -.N9045 { background-color: var(--N9045); } -.N1060 { background-color: var(--N1060); } -.N2060 { background-color: var(--N2060); } -.N3060 { background-color: var(--N3060); } -.N4060 { background-color: var(--N4060); } -.N5060 { background-color: var(--N5060); } -.N6060 { background-color: var(--N6060); } -.N7060 { background-color: var(--N7060); } -.N8060 { background-color: var(--N8060); } -.N9060 { background-color: var(--N9060); } -.N1075 { background-color: var(--N1075); } -.N2075 { background-color: var(--N2075); } -.N3075 { background-color: var(--N3075); } -.N4075 { background-color: var(--N4075); } -.N5075 { background-color: var(--N5075); } -.N6075 { background-color: var(--N6075); } -.N7075 { background-color: var(--N7075); } -.N8075 { background-color: var(--N8075); } -.N9075 { background-color: var(--N9075); } -.N1090 { background-color: var(--N1090); } -.N2090 { background-color: var(--N2090); } -.N3090 { background-color: var(--N3090); } -.N4090 { background-color: var(--N4090); } -.N5090 { background-color: var(--N5090); } -.N6090 { background-color: var(--N6090); } -.N7090 { background-color: var(--N7090); } -.N8090 { background-color: var(--N8090); } -.N9090 { background-color: var(--N9090); } -.N1105 { background-color: var(--N1105); } -.N2105 { background-color: var(--N2105); } -.N3105 { background-color: var(--N3105); } -.N4105 { background-color: var(--N4105); } -.N5105 { background-color: var(--N5105); } -.N6105 { background-color: var(--N6105); } -.N7105 { background-color: var(--N7105); } -.N8105 { background-color: var(--N8105); } -.N9105 { background-color: var(--N9105); } -.N1120 { background-color: var(--N1120); } -.N2120 { background-color: var(--N2120); } -.N3120 { background-color: var(--N3120); } -.N4120 { background-color: var(--N4120); } -.N5120 { background-color: var(--N5120); } -.N6120 { background-color: var(--N6120); } -.N7120 { background-color: var(--N7120); } -.N8120 { background-color: var(--N8120); } -.N9120 { background-color: var(--N9120); } -.N1135 { background-color: var(--N1135); } -.N2135 { background-color: var(--N2135); } -.N3135 { background-color: var(--N3135); } -.N4135 { background-color: var(--N4135); } -.N5135 { background-color: var(--N5135); } -.N6135 { background-color: var(--N6135); } -.N7135 { background-color: var(--N7135); } -.N8135 { background-color: var(--N8135); } -.N9135 { background-color: var(--N9135); } -.N1150 { background-color: var(--N1150); } -.N2150 { background-color: var(--N2150); } -.N3150 { background-color: var(--N3150); } -.N4150 { background-color: var(--N4150); } -.N5150 { background-color: var(--N5150); } -.N6150 { background-color: var(--N6150); } -.N7150 { background-color: var(--N7150); } -.N8150 { background-color: var(--N8150); } -.N9150 { background-color: var(--N9150); } -.N1165 { background-color: var(--N1165); } -.N2165 { background-color: var(--N2165); } -.N3165 { background-color: var(--N3165); } -.N4165 { background-color: var(--N4165); } -.N5165 { background-color: var(--N5165); } -.N6165 { background-color: var(--N6165); } -.N7165 { background-color: var(--N7165); } -.N8165 { background-color: var(--N8165); } -.N9165 { background-color: var(--N9165); } -.N1180 { background-color: var(--N1180); } -.N2180 { background-color: var(--N2180); } -.N3180 { background-color: var(--N3180); } -.N4180 { background-color: var(--N4180); } -.N5180 { background-color: var(--N5180); } -.N6180 { background-color: var(--N6180); } -.N7180 { background-color: var(--N7180); } -.N8180 { background-color: var(--N8180); } -.N9180 { background-color: var(--N9180); } -.N1195 { background-color: var(--N1195); } -.N2195 { background-color: var(--N2195); } -.N3195 { background-color: var(--N3195); } -.N4195 { background-color: var(--N4195); } -.N5195 { background-color: var(--N5195); } -.N6195 { background-color: var(--N6195); } -.N7195 { background-color: var(--N7195); } -.N8195 { background-color: var(--N8195); } -.N9195 { background-color: var(--N9195); } -.N1210 { background-color: var(--N1210); } -.N2210 { background-color: var(--N2210); } -.N3210 { background-color: var(--N3210); } -.N4210 { background-color: var(--N4210); } -.N5210 { background-color: var(--N5210); } -.N6210 { background-color: var(--N6210); } -.N7210 { background-color: var(--N7210); } -.N8210 { background-color: var(--N8210); } -.N9210 { background-color: var(--N9210); } -.N1225 { background-color: var(--N1225); } -.N2225 { background-color: var(--N2225); } -.N3225 { background-color: var(--N3225); } -.N4225 { background-color: var(--N4225); } -.N5225 { background-color: var(--N5225); } -.N6225 { background-color: var(--N6225); } -.N7225 { background-color: var(--N7225); } -.N8225 { background-color: var(--N8225); } -.N9225 { background-color: var(--N9225); } -.N1240 { background-color: var(--N1240); } -.N2240 { background-color: var(--N2240); } -.N3240 { background-color: var(--N3240); } -.N4240 { background-color: var(--N4240); } -.N5240 { background-color: var(--N5240); } -.N6240 { background-color: var(--N6240); } -.N7240 { background-color: var(--N7240); } -.N8240 { background-color: var(--N8240); } -.N9240 { background-color: var(--N9240); } -.N1255 { background-color: var(--N1255); } -.N2255 { background-color: var(--N2255); } -.N3255 { background-color: var(--N3255); } -.N4255 { background-color: var(--N4255); } -.N5255 { background-color: var(--N5255); } -.N6255 { background-color: var(--N6255); } -.N7255 { background-color: var(--N7255); } -.N8255 { background-color: var(--N8255); } -.N9255 { background-color: var(--N9255); } -.N1270 { background-color: var(--N1270); } -.N2270 { background-color: var(--N2270); } -.N3270 { background-color: var(--N3270); } -.N4270 { background-color: var(--N4270); } -.N5270 { background-color: var(--N5270); } -.N6270 { background-color: var(--N6270); } -.N7270 { background-color: var(--N7270); } -.N8270 { background-color: var(--N8270); } -.N9270 { background-color: var(--N9270); } -.N1285 { background-color: var(--N1285); } -.N2285 { background-color: var(--N2285); } -.N3285 { background-color: var(--N3285); } -.N4285 { background-color: var(--N4285); } -.N5285 { background-color: var(--N5285); } -.N6285 { background-color: var(--N6285); } -.N7285 { background-color: var(--N7285); } -.N8285 { background-color: var(--N8285); } -.N9285 { background-color: var(--N9285); } -.N1300 { background-color: var(--N1300); } -.N2300 { background-color: var(--N2300); } -.N3300 { background-color: var(--N3300); } -.N4300 { background-color: var(--N4300); } -.N5300 { background-color: var(--N5300); } -.N6300 { background-color: var(--N6300); } -.N7300 { background-color: var(--N7300); } -.N8300 { background-color: var(--N8300); } -.N9300 { background-color: var(--N9300); } -.N1315 { background-color: var(--N1315); } -.N2315 { background-color: var(--N2315); } -.N3315 { background-color: var(--N3315); } -.N4315 { background-color: var(--N4315); } -.N5315 { background-color: var(--N5315); } -.N6315 { background-color: var(--N6315); } -.N7315 { background-color: var(--N7315); } -.N8315 { background-color: var(--N8315); } -.N9315 { background-color: var(--N9315); } -.N1330 { background-color: var(--N1330); } -.N2330 { background-color: var(--N2330); } -.N3330 { background-color: var(--N3330); } -.N4330 { background-color: var(--N4330); } -.N5330 { background-color: var(--N5330); } -.N6330 { background-color: var(--N6330); } -.N7330 { background-color: var(--N7330); } -.N8330 { background-color: var(--N8330); } -.N9330 { background-color: var(--N9330); } -.N1345 { background-color: var(--N1345); } -.N2345 { background-color: var(--N2345); } -.N3345 { background-color: var(--N3345); } -.N4345 { background-color: var(--N4345); } -.N5345 { background-color: var(--N5345); } -.N6345 { background-color: var(--N6345); } -.N7345 { background-color: var(--N7345); } -.N8345 { background-color: var(--N8345); } -.N9345 { background-color: var(--N9345); } -.N1360 { background-color: var(--N1360); } -.N2360 { background-color: var(--N2360); } -.N3360 { background-color: var(--N3360); } -.N4360 { background-color: var(--N4360); } -.N5360 { background-color: var(--N5360); } -.N6360 { background-color: var(--N6360); } -.N7360 { background-color: var(--N7360); } -.N8360 { background-color: var(--N8360); } -.N9360 { background-color: var(--N9360); } - diff --git a/dist/scss/niji.scss b/dist/scss/niji.scss deleted file mode 100644 index 381cf3d..0000000 --- a/dist/scss/niji.scss +++ /dev/null @@ -1,445 +0,0 @@ - -/* Root Variables */ -:root { - // -------------------------------------------------------------------------- - --N1015: lch(90 12 15); - --N2015: lch(82 18 15); - --N3015: lch(74 24 15); - --N4015: lch(66 30 15); - --N5015: lch(58 36 15); - --N6015: lch(50 30 15); - --N7015: lch(42 24 15); - --N8015: lch(34 18 15); - --N9015: lch(26 12 15); - --N1030: lch(90 12 30); - --N2030: lch(82 18 30); - --N3030: lch(74 24 30); - --N4030: lch(66 30 30); - --N5030: lch(58 36 30); - --N6030: lch(50 30 30); - --N7030: lch(42 24 30); - --N8030: lch(34 18 30); - --N9030: lch(26 12 30); - --N1045: lch(90 12 45); - --N2045: lch(82 18 45); - --N3045: lch(74 24 45); - --N4045: lch(66 30 45); - --N5045: lch(58 36 45); - --N6045: lch(50 30 45); - --N7045: lch(42 24 45); - --N8045: lch(34 18 45); - --N9045: lch(26 12 45); - --N1060: lch(90 12 60); - --N2060: lch(82 18 60); - --N3060: lch(74 24 60); - --N4060: lch(66 30 60); - --N5060: lch(58 36 60); - --N6060: lch(50 30 60); - --N7060: lch(42 24 60); - --N8060: lch(34 18 60); - --N9060: lch(26 12 60); - --N1075: lch(90 12 75); - --N2075: lch(82 18 75); - --N3075: lch(74 24 75); - --N4075: lch(66 30 75); - --N5075: lch(58 36 75); - --N6075: lch(50 30 75); - --N7075: lch(42 24 75); - --N8075: lch(34 18 75); - --N9075: lch(26 12 75); - --N1090: lch(90 12 90); - --N2090: lch(82 18 90); - --N3090: lch(74 24 90); - --N4090: lch(66 30 90); - --N5090: lch(58 36 90); - --N6090: lch(50 30 90); - --N7090: lch(42 24 90); - --N8090: lch(34 18 90); - --N9090: lch(26 12 90); - --N1105: lch(90 12 105); - --N2105: lch(82 18 105); - --N3105: lch(74 24 105); - --N4105: lch(66 30 105); - --N5105: lch(58 36 105); - --N6105: lch(50 30 105); - --N7105: lch(42 24 105); - --N8105: lch(34 18 105); - --N9105: lch(26 12 105); - --N1120: lch(90 12 120); - --N2120: lch(82 18 120); - --N3120: lch(74 24 120); - --N4120: lch(66 30 120); - --N5120: lch(58 36 120); - --N6120: lch(50 30 120); - --N7120: lch(42 24 120); - --N8120: lch(34 18 120); - --N9120: lch(26 12 120); - --N1135: lch(90 12 135); - --N2135: lch(82 18 135); - --N3135: lch(74 24 135); - --N4135: lch(66 30 135); - --N5135: lch(58 36 135); - --N6135: lch(50 30 135); - --N7135: lch(42 24 135); - --N8135: lch(34 18 135); - --N9135: lch(26 12 135); - --N1150: lch(90 12 150); - --N2150: lch(82 18 150); - --N3150: lch(74 24 150); - --N4150: lch(66 30 150); - --N5150: lch(58 36 150); - --N6150: lch(50 30 150); - --N7150: lch(42 24 150); - --N8150: lch(34 18 150); - --N9150: lch(26 12 150); - --N1165: lch(90 12 165); - --N2165: lch(82 18 165); - --N3165: lch(74 24 165); - --N4165: lch(66 30 165); - --N5165: lch(58 36 165); - --N6165: lch(50 30 165); - --N7165: lch(42 24 165); - --N8165: lch(34 18 165); - --N9165: lch(26 12 165); - --N1180: lch(90 12 180); - --N2180: lch(82 18 180); - --N3180: lch(74 24 180); - --N4180: lch(66 30 180); - --N5180: lch(58 36 180); - --N6180: lch(50 30 180); - --N7180: lch(42 24 180); - --N8180: lch(34 18 180); - --N9180: lch(26 12 180); - --N1195: lch(90 12 195); - --N2195: lch(82 18 195); - --N3195: lch(74 24 195); - --N4195: lch(66 30 195); - --N5195: lch(58 36 195); - --N6195: lch(50 30 195); - --N7195: lch(42 24 195); - --N8195: lch(34 18 195); - --N9195: lch(26 12 195); - --N1210: lch(90 12 210); - --N2210: lch(82 18 210); - --N3210: lch(74 24 210); - --N4210: lch(66 30 210); - --N5210: lch(58 36 210); - --N6210: lch(50 30 210); - --N7210: lch(42 24 210); - --N8210: lch(34 18 210); - --N9210: lch(26 12 210); - --N1225: lch(90 12 225); - --N2225: lch(82 18 225); - --N3225: lch(74 24 225); - --N4225: lch(66 30 225); - --N5225: lch(58 36 225); - --N6225: lch(50 30 225); - --N7225: lch(42 24 225); - --N8225: lch(34 18 225); - --N9225: lch(26 12 225); - --N1240: lch(90 12 240); - --N2240: lch(82 18 240); - --N3240: lch(74 24 240); - --N4240: lch(66 30 240); - --N5240: lch(58 36 240); - --N6240: lch(50 30 240); - --N7240: lch(42 24 240); - --N8240: lch(34 18 240); - --N9240: lch(26 12 240); - --N1255: lch(90 12 255); - --N2255: lch(82 18 255); - --N3255: lch(74 24 255); - --N4255: lch(66 30 255); - --N5255: lch(58 36 255); - --N6255: lch(50 30 255); - --N7255: lch(42 24 255); - --N8255: lch(34 18 255); - --N9255: lch(26 12 255); - --N1270: lch(90 12 270); - --N2270: lch(82 18 270); - --N3270: lch(74 24 270); - --N4270: lch(66 30 270); - --N5270: lch(58 36 270); - --N6270: lch(50 30 270); - --N7270: lch(42 24 270); - --N8270: lch(34 18 270); - --N9270: lch(26 12 270); - --N1285: lch(90 12 285); - --N2285: lch(82 18 285); - --N3285: lch(74 24 285); - --N4285: lch(66 30 285); - --N5285: lch(58 36 285); - --N6285: lch(50 30 285); - --N7285: lch(42 24 285); - --N8285: lch(34 18 285); - --N9285: lch(26 12 285); - --N1300: lch(90 12 300); - --N2300: lch(82 18 300); - --N3300: lch(74 24 300); - --N4300: lch(66 30 300); - --N5300: lch(58 36 300); - --N6300: lch(50 30 300); - --N7300: lch(42 24 300); - --N8300: lch(34 18 300); - --N9300: lch(26 12 300); - --N1315: lch(90 12 315); - --N2315: lch(82 18 315); - --N3315: lch(74 24 315); - --N4315: lch(66 30 315); - --N5315: lch(58 36 315); - --N6315: lch(50 30 315); - --N7315: lch(42 24 315); - --N8315: lch(34 18 315); - --N9315: lch(26 12 315); - --N1330: lch(90 12 330); - --N2330: lch(82 18 330); - --N3330: lch(74 24 330); - --N4330: lch(66 30 330); - --N5330: lch(58 36 330); - --N6330: lch(50 30 330); - --N7330: lch(42 24 330); - --N8330: lch(34 18 330); - --N9330: lch(26 12 330); - --N1345: lch(90 12 345); - --N2345: lch(82 18 345); - --N3345: lch(74 24 345); - --N4345: lch(66 30 345); - --N5345: lch(58 36 345); - --N6345: lch(50 30 345); - --N7345: lch(42 24 345); - --N8345: lch(34 18 345); - --N9345: lch(26 12 345); - --N1360: lch(90 12 360); - --N2360: lch(82 18 360); - --N3360: lch(74 24 360); - --N4360: lch(66 30 360); - --N5360: lch(58 36 360); - --N6360: lch(50 30 360); - --N7360: lch(42 24 360); - --N8360: lch(34 18 360); - --N9360: lch(26 12 360); -} - - - -/* Classes */ - -.N1015 { background-color: var(--N1015); } -.N2015 { background-color: var(--N2015); } -.N3015 { background-color: var(--N3015); } -.N4015 { background-color: var(--N4015); } -.N5015 { background-color: var(--N5015); } -.N6015 { background-color: var(--N6015); } -.N7015 { background-color: var(--N7015); } -.N8015 { background-color: var(--N8015); } -.N9015 { background-color: var(--N9015); } -.N1030 { background-color: var(--N1030); } -.N2030 { background-color: var(--N2030); } -.N3030 { background-color: var(--N3030); } -.N4030 { background-color: var(--N4030); } -.N5030 { background-color: var(--N5030); } -.N6030 { background-color: var(--N6030); } -.N7030 { background-color: var(--N7030); } -.N8030 { background-color: var(--N8030); } -.N9030 { background-color: var(--N9030); } -.N1045 { background-color: var(--N1045); } -.N2045 { background-color: var(--N2045); } -.N3045 { background-color: var(--N3045); } -.N4045 { background-color: var(--N4045); } -.N5045 { background-color: var(--N5045); } -.N6045 { background-color: var(--N6045); } -.N7045 { background-color: var(--N7045); } -.N8045 { background-color: var(--N8045); } -.N9045 { background-color: var(--N9045); } -.N1060 { background-color: var(--N1060); } -.N2060 { background-color: var(--N2060); } -.N3060 { background-color: var(--N3060); } -.N4060 { background-color: var(--N4060); } -.N5060 { background-color: var(--N5060); } -.N6060 { background-color: var(--N6060); } -.N7060 { background-color: var(--N7060); } -.N8060 { background-color: var(--N8060); } -.N9060 { background-color: var(--N9060); } -.N1075 { background-color: var(--N1075); } -.N2075 { background-color: var(--N2075); } -.N3075 { background-color: var(--N3075); } -.N4075 { background-color: var(--N4075); } -.N5075 { background-color: var(--N5075); } -.N6075 { background-color: var(--N6075); } -.N7075 { background-color: var(--N7075); } -.N8075 { background-color: var(--N8075); } -.N9075 { background-color: var(--N9075); } -.N1090 { background-color: var(--N1090); } -.N2090 { background-color: var(--N2090); } -.N3090 { background-color: var(--N3090); } -.N4090 { background-color: var(--N4090); } -.N5090 { background-color: var(--N5090); } -.N6090 { background-color: var(--N6090); } -.N7090 { background-color: var(--N7090); } -.N8090 { background-color: var(--N8090); } -.N9090 { background-color: var(--N9090); } -.N1105 { background-color: var(--N1105); } -.N2105 { background-color: var(--N2105); } -.N3105 { background-color: var(--N3105); } -.N4105 { background-color: var(--N4105); } -.N5105 { background-color: var(--N5105); } -.N6105 { background-color: var(--N6105); } -.N7105 { background-color: var(--N7105); } -.N8105 { background-color: var(--N8105); } -.N9105 { background-color: var(--N9105); } -.N1120 { background-color: var(--N1120); } -.N2120 { background-color: var(--N2120); } -.N3120 { background-color: var(--N3120); } -.N4120 { background-color: var(--N4120); } -.N5120 { background-color: var(--N5120); } -.N6120 { background-color: var(--N6120); } -.N7120 { background-color: var(--N7120); } -.N8120 { background-color: var(--N8120); } -.N9120 { background-color: var(--N9120); } -.N1135 { background-color: var(--N1135); } -.N2135 { background-color: var(--N2135); } -.N3135 { background-color: var(--N3135); } -.N4135 { background-color: var(--N4135); } -.N5135 { background-color: var(--N5135); } -.N6135 { background-color: var(--N6135); } -.N7135 { background-color: var(--N7135); } -.N8135 { background-color: var(--N8135); } -.N9135 { background-color: var(--N9135); } -.N1150 { background-color: var(--N1150); } -.N2150 { background-color: var(--N2150); } -.N3150 { background-color: var(--N3150); } -.N4150 { background-color: var(--N4150); } -.N5150 { background-color: var(--N5150); } -.N6150 { background-color: var(--N6150); } -.N7150 { background-color: var(--N7150); } -.N8150 { background-color: var(--N8150); } -.N9150 { background-color: var(--N9150); } -.N1165 { background-color: var(--N1165); } -.N2165 { background-color: var(--N2165); } -.N3165 { background-color: var(--N3165); } -.N4165 { background-color: var(--N4165); } -.N5165 { background-color: var(--N5165); } -.N6165 { background-color: var(--N6165); } -.N7165 { background-color: var(--N7165); } -.N8165 { background-color: var(--N8165); } -.N9165 { background-color: var(--N9165); } -.N1180 { background-color: var(--N1180); } -.N2180 { background-color: var(--N2180); } -.N3180 { background-color: var(--N3180); } -.N4180 { background-color: var(--N4180); } -.N5180 { background-color: var(--N5180); } -.N6180 { background-color: var(--N6180); } -.N7180 { background-color: var(--N7180); } -.N8180 { background-color: var(--N8180); } -.N9180 { background-color: var(--N9180); } -.N1195 { background-color: var(--N1195); } -.N2195 { background-color: var(--N2195); } -.N3195 { background-color: var(--N3195); } -.N4195 { background-color: var(--N4195); } -.N5195 { background-color: var(--N5195); } -.N6195 { background-color: var(--N6195); } -.N7195 { background-color: var(--N7195); } -.N8195 { background-color: var(--N8195); } -.N9195 { background-color: var(--N9195); } -.N1210 { background-color: var(--N1210); } -.N2210 { background-color: var(--N2210); } -.N3210 { background-color: var(--N3210); } -.N4210 { background-color: var(--N4210); } -.N5210 { background-color: var(--N5210); } -.N6210 { background-color: var(--N6210); } -.N7210 { background-color: var(--N7210); } -.N8210 { background-color: var(--N8210); } -.N9210 { background-color: var(--N9210); } -.N1225 { background-color: var(--N1225); } -.N2225 { background-color: var(--N2225); } -.N3225 { background-color: var(--N3225); } -.N4225 { background-color: var(--N4225); } -.N5225 { background-color: var(--N5225); } -.N6225 { background-color: var(--N6225); } -.N7225 { background-color: var(--N7225); } -.N8225 { background-color: var(--N8225); } -.N9225 { background-color: var(--N9225); } -.N1240 { background-color: var(--N1240); } -.N2240 { background-color: var(--N2240); } -.N3240 { background-color: var(--N3240); } -.N4240 { background-color: var(--N4240); } -.N5240 { background-color: var(--N5240); } -.N6240 { background-color: var(--N6240); } -.N7240 { background-color: var(--N7240); } -.N8240 { background-color: var(--N8240); } -.N9240 { background-color: var(--N9240); } -.N1255 { background-color: var(--N1255); } -.N2255 { background-color: var(--N2255); } -.N3255 { background-color: var(--N3255); } -.N4255 { background-color: var(--N4255); } -.N5255 { background-color: var(--N5255); } -.N6255 { background-color: var(--N6255); } -.N7255 { background-color: var(--N7255); } -.N8255 { background-color: var(--N8255); } -.N9255 { background-color: var(--N9255); } -.N1270 { background-color: var(--N1270); } -.N2270 { background-color: var(--N2270); } -.N3270 { background-color: var(--N3270); } -.N4270 { background-color: var(--N4270); } -.N5270 { background-color: var(--N5270); } -.N6270 { background-color: var(--N6270); } -.N7270 { background-color: var(--N7270); } -.N8270 { background-color: var(--N8270); } -.N9270 { background-color: var(--N9270); } -.N1285 { background-color: var(--N1285); } -.N2285 { background-color: var(--N2285); } -.N3285 { background-color: var(--N3285); } -.N4285 { background-color: var(--N4285); } -.N5285 { background-color: var(--N5285); } -.N6285 { background-color: var(--N6285); } -.N7285 { background-color: var(--N7285); } -.N8285 { background-color: var(--N8285); } -.N9285 { background-color: var(--N9285); } -.N1300 { background-color: var(--N1300); } -.N2300 { background-color: var(--N2300); } -.N3300 { background-color: var(--N3300); } -.N4300 { background-color: var(--N4300); } -.N5300 { background-color: var(--N5300); } -.N6300 { background-color: var(--N6300); } -.N7300 { background-color: var(--N7300); } -.N8300 { background-color: var(--N8300); } -.N9300 { background-color: var(--N9300); } -.N1315 { background-color: var(--N1315); } -.N2315 { background-color: var(--N2315); } -.N3315 { background-color: var(--N3315); } -.N4315 { background-color: var(--N4315); } -.N5315 { background-color: var(--N5315); } -.N6315 { background-color: var(--N6315); } -.N7315 { background-color: var(--N7315); } -.N8315 { background-color: var(--N8315); } -.N9315 { background-color: var(--N9315); } -.N1330 { background-color: var(--N1330); } -.N2330 { background-color: var(--N2330); } -.N3330 { background-color: var(--N3330); } -.N4330 { background-color: var(--N4330); } -.N5330 { background-color: var(--N5330); } -.N6330 { background-color: var(--N6330); } -.N7330 { background-color: var(--N7330); } -.N8330 { background-color: var(--N8330); } -.N9330 { background-color: var(--N9330); } -.N1345 { background-color: var(--N1345); } -.N2345 { background-color: var(--N2345); } -.N3345 { background-color: var(--N3345); } -.N4345 { background-color: var(--N4345); } -.N5345 { background-color: var(--N5345); } -.N6345 { background-color: var(--N6345); } -.N7345 { background-color: var(--N7345); } -.N8345 { background-color: var(--N8345); } -.N9345 { background-color: var(--N9345); } -.N1360 { background-color: var(--N1360); } -.N2360 { background-color: var(--N2360); } -.N3360 { background-color: var(--N3360); } -.N4360 { background-color: var(--N4360); } -.N5360 { background-color: var(--N5360); } -.N6360 { background-color: var(--N6360); } -.N7360 { background-color: var(--N7360); } -.N8360 { background-color: var(--N8360); } -.N9360 { background-color: var(--N9360); } - - -// diff --git a/dist/scss/niji/_niji_add.scss b/dist/scss/niji/_niji_add.scss deleted file mode 100644 index ec91c95..0000000 --- a/dist/scss/niji/_niji_add.scss +++ /dev/null @@ -1,166 +0,0 @@ - -// * { -// margin: 0; -// padding: 0; -// box-sizing: border-box; -// font-family: Sans-Serif; -// } - -// body { -// /* position: absolute; */ -// /* margin: 0; -// padding: 0; */ -// width: 100vw; -// max-width: 100vw; -// height: 100vh; -// max-height: 100vh; -// } - -// button { -// margin: 20px; -// padding: 10px; -// background-color: black; -// color: white; -// } - -// h1 { -// background-color: black; -// color: white; -// width: 100px; -// margin: auto; - -// } - -// table, th, td { -// border: 1px solid white; -// } -// #niji_wrapper { -// position: relative; -// width: 100%; -// min-width: 100%; -// height: 100%; -// min-height: 100%; -// /* overflow: hidden; */ -// padding: 5%; -// } - -.niji_header { - text-align: center; -} -.niji_footer { - text-align: center; -} - - - -.niji_table { - position: relative; - width: 100%; - max-width: 100%; - border-collapse: collapse; - table-layout: fixed; -} -.niji_table tbody{ - /* position: relative; - width: 100%; - min-width: 100%; */ -} -.niji_row { - /* position: relative; - width: 100vw; - height: 10vw; */ -} - -.niji_row .niji_cell:nth-child(n + 8) { - color: white; - /* border: 2px solid orange; - margin-bottom: 1px; */ -} - -.niji_cell, .niji_cell_header { - position: relative; - width: 10%; - height: 10vw; - overflow: hidden; - margin: 0; - padding: 0; -} - - - - -/* .niji_swatch_div, .niji_cell_header_div { */ -.niji_swatch_div { - position: relative; - width: 100%; - height: 100%; - border: 1px solid white; - /* overflow: hidden; */ - position: absolute; - top: 0; - left: 0; - z-index: -100; -} - -.niji_cell_header { - text-align: center; - vertical-align: middle; - font-size: 10px; - -} - -.niji_cell_header_div { - text-align: center; - vertical-align: middle; - font-weight: 600; - font-size: 16px; -} - -.niji_cell_header_div_day { - text-align: center; - vertical-align: middle; - font-weight: 600; - font-size: 16px; - margin: 20px; - opacity: 0.5; -} - - -.niji_label_div { - position: relative; - overflow: hidden; - /* bottom: 0; */ - width: 100%; - height: 100%; - overflow: hidden; - - /* width: 10vw; - height: 10vw; */ - z-index: 10; - - margin: 0; - padding: 5%; - display: flex; - flex-direction: column; - /* flex-wrap:wrap; - align-items: flex-end; */ - - justify-content: flex-end; -} - - -.niji_label_div_line_title { - font-weight: 600; - font-size: 10px; - overflow: hidden; - width: 100%; - height: 12px; -} - -.niji_label_div_line { - overflow: hidden; - font-size: 10px; - width: 100%; - height: 12px; -} - diff --git a/dist/scss/niji/_niji_background.scss b/dist/scss/niji/_niji_background.scss deleted file mode 100644 index 0a2cb73..0000000 --- a/dist/scss/niji/_niji_background.scss +++ /dev/null @@ -1,220 +0,0 @@ - -/* Classes */ - -.N1015 { background-color: $N1015; } -.N2015 { background-color: $N2015; } -.N3015 { background-color: $N3015; } -.N4015 { background-color: $N4015; } -.N5015 { background-color: $N5015; } -.N6015 { background-color: $N6015; } -.N7015 { background-color: $N7015; } -.N8015 { background-color: $N8015; } -.N9015 { background-color: $N9015; } -.N1030 { background-color: $N1030; } -.N2030 { background-color: $N2030; } -.N3030 { background-color: $N3030; } -.N4030 { background-color: $N4030; } -.N5030 { background-color: $N5030; } -.N6030 { background-color: $N6030; } -.N7030 { background-color: $N7030; } -.N8030 { background-color: $N8030; } -.N9030 { background-color: $N9030; } -.N1045 { background-color: $N1045; } -.N2045 { background-color: $N2045; } -.N3045 { background-color: $N3045; } -.N4045 { background-color: $N4045; } -.N5045 { background-color: $N5045; } -.N6045 { background-color: $N6045; } -.N7045 { background-color: $N7045; } -.N8045 { background-color: $N8045; } -.N9045 { background-color: $N9045; } -.N1060 { background-color: $N1060; } -.N2060 { background-color: $N2060; } -.N3060 { background-color: $N3060; } -.N4060 { background-color: $N4060; } -.N5060 { background-color: $N5060; } -.N6060 { background-color: $N6060; } -.N7060 { background-color: $N7060; } -.N8060 { background-color: $N8060; } -.N9060 { background-color: $N9060; } -.N1075 { background-color: $N1075; } -.N2075 { background-color: $N2075; } -.N3075 { background-color: $N3075; } -.N4075 { background-color: $N4075; } -.N5075 { background-color: $N5075; } -.N6075 { background-color: $N6075; } -.N7075 { background-color: $N7075; } -.N8075 { background-color: $N8075; } -.N9075 { background-color: $N9075; } -.N1090 { background-color: $N1090; } -.N2090 { background-color: $N2090; } -.N3090 { background-color: $N3090; } -.N4090 { background-color: $N4090; } -.N5090 { background-color: $N5090; } -.N6090 { background-color: $N6090; } -.N7090 { background-color: $N7090; } -.N8090 { background-color: $N8090; } -.N9090 { background-color: $N9090; } -.N1105 { background-color: $N1105; } -.N2105 { background-color: $N2105; } -.N3105 { background-color: $N3105; } -.N4105 { background-color: $N4105; } -.N5105 { background-color: $N5105; } -.N6105 { background-color: $N6105; } -.N7105 { background-color: $N7105; } -.N8105 { background-color: $N8105; } -.N9105 { background-color: $N9105; } -.N1120 { background-color: $N1120; } -.N2120 { background-color: $N2120; } -.N3120 { background-color: $N3120; } -.N4120 { background-color: $N4120; } -.N5120 { background-color: $N5120; } -.N6120 { background-color: $N6120; } -.N7120 { background-color: $N7120; } -.N8120 { background-color: $N8120; } -.N9120 { background-color: $N9120; } -.N1135 { background-color: $N1135; } -.N2135 { background-color: $N2135; } -.N3135 { background-color: $N3135; } -.N4135 { background-color: $N4135; } -.N5135 { background-color: $N5135; } -.N6135 { background-color: $N6135; } -.N7135 { background-color: $N7135; } -.N8135 { background-color: $N8135; } -.N9135 { background-color: $N9135; } -.N1150 { background-color: $N1150; } -.N2150 { background-color: $N2150; } -.N3150 { background-color: $N3150; } -.N4150 { background-color: $N4150; } -.N5150 { background-color: $N5150; } -.N6150 { background-color: $N6150; } -.N7150 { background-color: $N7150; } -.N8150 { background-color: $N8150; } -.N9150 { background-color: $N9150; } -.N1165 { background-color: $N1165; } -.N2165 { background-color: $N2165; } -.N3165 { background-color: $N3165; } -.N4165 { background-color: $N4165; } -.N5165 { background-color: $N5165; } -.N6165 { background-color: $N6165; } -.N7165 { background-color: $N7165; } -.N8165 { background-color: $N8165; } -.N9165 { background-color: $N9165; } -.N1180 { background-color: $N1180; } -.N2180 { background-color: $N2180; } -.N3180 { background-color: $N3180; } -.N4180 { background-color: $N4180; } -.N5180 { background-color: $N5180; } -.N6180 { background-color: $N6180; } -.N7180 { background-color: $N7180; } -.N8180 { background-color: $N8180; } -.N9180 { background-color: $N9180; } -.N1195 { background-color: $N1195; } -.N2195 { background-color: $N2195; } -.N3195 { background-color: $N3195; } -.N4195 { background-color: $N4195; } -.N5195 { background-color: $N5195; } -.N6195 { background-color: $N6195; } -.N7195 { background-color: $N7195; } -.N8195 { background-color: $N8195; } -.N9195 { background-color: $N9195; } -.N1210 { background-color: $N1210; } -.N2210 { background-color: $N2210; } -.N3210 { background-color: $N3210; } -.N4210 { background-color: $N4210; } -.N5210 { background-color: $N5210; } -.N6210 { background-color: $N6210; } -.N7210 { background-color: $N7210; } -.N8210 { background-color: $N8210; } -.N9210 { background-color: $N9210; } -.N1225 { background-color: $N1225; } -.N2225 { background-color: $N2225; } -.N3225 { background-color: $N3225; } -.N4225 { background-color: $N4225; } -.N5225 { background-color: $N5225; } -.N6225 { background-color: $N6225; } -.N7225 { background-color: $N7225; } -.N8225 { background-color: $N8225; } -.N9225 { background-color: $N9225; } -.N1240 { background-color: $N1240; } -.N2240 { background-color: $N2240; } -.N3240 { background-color: $N3240; } -.N4240 { background-color: $N4240; } -.N5240 { background-color: $N5240; } -.N6240 { background-color: $N6240; } -.N7240 { background-color: $N7240; } -.N8240 { background-color: $N8240; } -.N9240 { background-color: $N9240; } -.N1255 { background-color: $N1255; } -.N2255 { background-color: $N2255; } -.N3255 { background-color: $N3255; } -.N4255 { background-color: $N4255; } -.N5255 { background-color: $N5255; } -.N6255 { background-color: $N6255; } -.N7255 { background-color: $N7255; } -.N8255 { background-color: $N8255; } -.N9255 { background-color: $N9255; } -.N1270 { background-color: $N1270; } -.N2270 { background-color: $N2270; } -.N3270 { background-color: $N3270; } -.N4270 { background-color: $N4270; } -.N5270 { background-color: $N5270; } -.N6270 { background-color: $N6270; } -.N7270 { background-color: $N7270; } -.N8270 { background-color: $N8270; } -.N9270 { background-color: $N9270; } -.N1285 { background-color: $N1285; } -.N2285 { background-color: $N2285; } -.N3285 { background-color: $N3285; } -.N4285 { background-color: $N4285; } -.N5285 { background-color: $N5285; } -.N6285 { background-color: $N6285; } -.N7285 { background-color: $N7285; } -.N8285 { background-color: $N8285; } -.N9285 { background-color: $N9285; } -.N1300 { background-color: $N1300; } -.N2300 { background-color: $N2300; } -.N3300 { background-color: $N3300; } -.N4300 { background-color: $N4300; } -.N5300 { background-color: $N5300; } -.N6300 { background-color: $N6300; } -.N7300 { background-color: $N7300; } -.N8300 { background-color: $N8300; } -.N9300 { background-color: $N9300; } -.N1315 { background-color: $N1315; } -.N2315 { background-color: $N2315; } -.N3315 { background-color: $N3315; } -.N4315 { background-color: $N4315; } -.N5315 { background-color: $N5315; } -.N6315 { background-color: $N6315; } -.N7315 { background-color: $N7315; } -.N8315 { background-color: $N8315; } -.N9315 { background-color: $N9315; } -.N1330 { background-color: $N1330; } -.N2330 { background-color: $N2330; } -.N3330 { background-color: $N3330; } -.N4330 { background-color: $N4330; } -.N5330 { background-color: $N5330; } -.N6330 { background-color: $N6330; } -.N7330 { background-color: $N7330; } -.N8330 { background-color: $N8330; } -.N9330 { background-color: $N9330; } -.N1345 { background-color: $N1345; } -.N2345 { background-color: $N2345; } -.N3345 { background-color: $N3345; } -.N4345 { background-color: $N4345; } -.N5345 { background-color: $N5345; } -.N6345 { background-color: $N6345; } -.N7345 { background-color: $N7345; } -.N8345 { background-color: $N8345; } -.N9345 { background-color: $N9345; } -.N1360 { background-color: $N1360; } -.N2360 { background-color: $N2360; } -.N3360 { background-color: $N3360; } -.N4360 { background-color: $N4360; } -.N5360 { background-color: $N5360; } -.N6360 { background-color: $N6360; } -.N7360 { background-color: $N7360; } -.N8360 { background-color: $N8360; } -.N9360 { background-color: $N9360; } - diff --git a/dist/scss/niji/_niji_gradients.scss b/dist/scss/niji/_niji_gradients.scss deleted file mode 100644 index 02fe730..0000000 --- a/dist/scss/niji/_niji_gradients.scss +++ /dev/null @@ -1,101 +0,0 @@ - -@mixin gradient_linear_2($val1, $val2) { - background: linear-gradient(90deg, $val1 0%, $val2 100%); -} -@mixin gradient_linear_3($val1, $val2, $val3) { - background: linear-gradient(90deg, $val1 0%, $val2 50%, $val3 100%); -} -@mixin gradient_linear_4($val1, $val2, $val3, $val4) { - background: linear-gradient(90deg, $val1 0%, $val2 33.33%, $val3 66.67%, $val4 100%); -} -@mixin gradient_linear_5($val1, $val2, $val3, $val4, $val5) { - background: linear-gradient(90deg, $val1 0%, $val2 25%, $val3 50%, $val4 75%, $val5 100%); -} -@mixin gradient_linear_6($val1, $val2, $val3, $val4, $val5, $val6) { - background: linear-gradient(90deg, $val1 0%, $val2 20%, $val3 40%, $val4 60%, $val5 80%, $val6 100%); -} - -@mixin gradient_015 { @include gradient_linear_3( $N1015, $N5015, $N9015 ); } -@mixin gradient_030 { @include gradient_linear_3( $N1030, $N5030, $N9030 ); } -@mixin gradient_045 { @include gradient_linear_3( $N1045, $N5045, $N9045 ); } -@mixin gradient_060 { @include gradient_linear_3( $N1060, $N5060, $N9060 ); } -@mixin gradient_075 { @include gradient_linear_3( $N1075, $N5075, $N9075 ); } -@mixin gradient_090 { @include gradient_linear_3( $N1090, $N5090, $N9090 ); } -@mixin gradient_105 { @include gradient_linear_3( $N1105, $N5105, $N9105 ); } -@mixin gradient_120 { @include gradient_linear_3( $N1120, $N5120, $N9120 ); } -@mixin gradient_135 { @include gradient_linear_3( $N1135, $N5135, $N9135 ); } -@mixin gradient_150 { @include gradient_linear_3( $N1150, $N5150, $N9150 ); } -@mixin gradient_165 { @include gradient_linear_3( $N1165, $N5165, $N9165 ); } -@mixin gradient_180 { @include gradient_linear_3( $N1180, $N5180, $N9180 ); } -@mixin gradient_195 { @include gradient_linear_3( $N1195, $N5195, $N9195 ); } -@mixin gradient_210 { @include gradient_linear_3( $N1210, $N5210, $N9210 ); } -@mixin gradient_225 { @include gradient_linear_3( $N1225, $N5225, $N9225 ); } -@mixin gradient_240 { @include gradient_linear_3( $N1240, $N5240, $N9240 ); } -@mixin gradient_255 { @include gradient_linear_3( $N1255, $N5255, $N9255 ); } -@mixin gradient_270 { @include gradient_linear_3( $N1270, $N5270, $N9270 ); } -@mixin gradient_285 { @include gradient_linear_3( $N1285, $N5285, $N9285 ); } -@mixin gradient_300 { @include gradient_linear_3( $N1300, $N5300, $N9300 ); } -@mixin gradient_315 { @include gradient_linear_3( $N1315, $N5315, $N9315 ); } -@mixin gradient_330 { @include gradient_linear_3( $N1330, $N5330, $N9330 ); } -@mixin gradient_345 { @include gradient_linear_3( $N1345, $N5345, $N9345 ); } -@mixin gradient_360 { @include gradient_linear_3( $N1360, $N5360, $N9360 ); } - - -.gradient_015 { @include gradient_015; } -.gradient_030 { @include gradient_030; } -.gradient_045 { @include gradient_045; } -.gradient_060 { @include gradient_060; } -.gradient_075 { @include gradient_075; } -.gradient_090 { @include gradient_090; } -.gradient_105 { @include gradient_105; } -.gradient_120 { @include gradient_120; } -.gradient_135 { @include gradient_135; } -.gradient_150 { @include gradient_150; } -.gradient_165 { @include gradient_165; } -.gradient_180 { @include gradient_180; } -.gradient_195 { @include gradient_195; } -.gradient_210 { @include gradient_210; } -.gradient_225 { @include gradient_225; } -.gradient_240 { @include gradient_240; } -.gradient_255 { @include gradient_255; } -.gradient_270 { @include gradient_270; } -.gradient_285 { @include gradient_285; } -.gradient_300 { @include gradient_300; } -.gradient_315 { @include gradient_315; } -.gradient_330 { @include gradient_330; } -.gradient_345 { @include gradient_345; } -.gradient_360 { @include gradient_360; } - - - -@mixin gradient_1x { @include gradient_linear_5( $N1360, $N1090, $N1180, $N1270, $N1360 ); } -@mixin gradient_2x { @include gradient_linear_5( $N2360, $N2090, $N2180, $N2270, $N2360 ); } -@mixin gradient_3x { @include gradient_linear_5( $N3360, $N3090, $N3180, $N3270, $N3360 ); } -@mixin gradient_4x { @include gradient_linear_5( $N4360, $N4090, $N4180, $N4270, $N4360 ); } -@mixin gradient_5x { @include gradient_linear_5( $N5360, $N5090, $N5180, $N5270, $N5360 ); } -@mixin gradient_6x { @include gradient_linear_5( $N6360, $N6090, $N6180, $N6270, $N6360 ); } -@mixin gradient_7x { @include gradient_linear_5( $N7360, $N7090, $N7180, $N7270, $N7360 ); } -@mixin gradient_8x { @include gradient_linear_5( $N8360, $N8090, $N8180, $N8270, $N8360 ); } -@mixin gradient_9x { @include gradient_linear_5( $N9360, $N9090, $N9180, $N9270, $N9360 ); } - -.gradient_1x { @include gradient_1x; } -.gradient_2x { @include gradient_2x; } -.gradient_3x { @include gradient_3x; } -.gradient_4x { @include gradient_4x; } -.gradient_5x { @include gradient_5x; } -.gradient_6x { @include gradient_6x; } -.gradient_7x { @include gradient_7x; } -.gradient_8x { @include gradient_8x; } -.gradient_9x { @include gradient_9x; } - - - -@mixin gradient_x { @include gradient_linear_4( $N1240, $N5240, $N5360, $N9360 ); } -.gradient_x { @include gradient_x; } - -@mixin gradient_gnbu { @include gradient_linear_5( $N5120, $N5150, $N5180, $N5210, $N5240 ); } -.gradient_gnbu { @include gradient_gnbu; } - - -@mixin gradient_linear_d120 { @include gradient_linear_5( $N1120, $N3150, $N5180, $N7210, $N9240 ); } -.gradient_linear_d120 { @include gradient_linear_d120; } \ No newline at end of file diff --git a/dist/scss/niji/_niji_root.scss b/dist/scss/niji/_niji_root.scss deleted file mode 100644 index dda2be8..0000000 --- a/dist/scss/niji/_niji_root.scss +++ /dev/null @@ -1,292 +0,0 @@ -/* Root Variables */ -:root { - - /* Vermillion */ - /* ----------------------------------------------------------------------- */ - --N1015: rgb(98.2% 85.7% 86.7%); - --N2015: rgb(93.4% 75.4% 76.9%); - --N3015: rgb(88.5% 65.1% 67.3%); - --N4015: rgb(83.2% 55% 58%); - --N5015: rgb(77.8% 44.8% 49%); - --N6015: rgb(65.5% 38.8% 42.1%); - --N7015: rgb(53.6% 32.9% 35.3%); - --N8015: rgb(42.2% 27.2% 28.8%); - --N9015: rgb(31.2% 21.5% 22.5%); - - /* Orange */ - /* ----------------------------------------------------------------------- */ - --N1030: rgb(97.9% 86% 84.5%); - --N2030: rgb(93.1% 75.8% 73.7%); - --N3030: rgb(87.9% 65.7% 63.1%); - --N4030: rgb(82.5% 55.8% 52.9%); - --N5030: rgb(76.8% 45.9% 43%); - --N6030: rgb(64.7% 39.6% 37.2%); - --N7030: rgb(53.1% 33.5% 31.6%); - --N8030: rgb(41.8% 27.6% 26.1%); - --N9030: rgb(30.9% 21.8% 20.7%); - - /* Amber */ - /* ----------------------------------------------------------------------- */ - --N1045: rgb(97.1% 86.5% 82.6%); - --N2045: rgb(91.8% 76.5% 70.9%); - --N3045: rgb(86.3% 66.7% 59.5%); - --N4045: rgb(80.5% 57.1% 48.4%); - --N5045: rgb(74.5% 47.6% 37.8%); - --N6045: rgb(62.8% 41% 32.9%); - --N7045: rgb(51.6% 34.6% 28.3%); - --N8045: rgb(40.7% 28.3% 23.7%); - --N9045: rgb(30.3% 22.2% 19.2%); - - /* Yellow */ - /* ----------------------------------------------------------------------- */ - --N1060: rgb(95.7% 87.1% 81.1%); - --N2060: rgb(89.8% 77.5% 68.7%); - --N3060: rgb(83.7% 68% 56.6%); - --N4060: rgb(77.4% 58.8% 44.9%); - --N5060: rgb(70.8% 49.7% 33.5%); - --N6060: rgb(59.9% 42.7% 29.5%); - --N7060: rgb(49.3% 35.8% 25.6%); - --N8060: rgb(39% 29.2% 21.8%); - --N9060: rgb(29.2% 22.8% 18%); - - /* Lime */ - /* ----------------------------------------------------------------------- */ - --N1075: rgb(93.8% 87.8% 80.1%); - --N2075: rgb(87.1% 78.5% 67.3%); - --N3075: rgb(80.3% 69.5% 54.7%); - --N4075: rgb(73.3% 60.6% 42.5%); - --N5075: rgb(66.1% 52% 30.6%); - --N6075: rgb(56.1% 44.5% 27.2%); - --N7075: rgb(46.3% 37.2% 23.9%); - --N8075: rgb(36.9% 30.2% 20.5%); - --N9075: rgb(27.8% 23.4% 17.3%); - - /* Ecru */ - /* ----------------------------------------------------------------------- */ - --N1090: rgb(91.6% 88.6% 79.8%); - --N2090: rgb(84% 79.7% 66.7%); - --N3090: rgb(76.2% 71% 54%); - --N4090: rgb(68.5% 62.5% 41.5%); - --N5090: rgb(60.6% 54.2% 29.3%); - --N6090: rgb(51.6% 46.3% 26.2%); - --N7090: rgb(42.8% 38.6% 23.1%); - --N8090: rgb(34.3% 31.1% 20%); - --N9090: rgb(26.1% 24% 17%); - - /* Olive */ - /* ----------------------------------------------------------------------- */ - --N1105: rgb(89.2% 89.3% 80%); - --N2105: rgb(80.4% 80.8% 67.1%); - --N3105: rgb(71.7% 72.4% 54.4%); - --N4105: rgb(63.1% 64.2% 42.1%); - --N5105: rgb(54.4% 56.2% 29.9%); - --N6105: rgb(46.6% 47.9% 26.7%); - --N7105: rgb(38.9% 39.8% 23.5%); - --N8105: rgb(31.5% 32% 20.3%); - --N9105: rgb(24.3% 24.6% 17.1%); - - /* Green */ - /* ----------------------------------------------------------------------- */ - --N1120: rgb(86.7% 90% 80.9%); - --N2120: rgb(76.8% 81.8% 68.3%); - --N3120: rgb(67% 73.7% 56%); - --N4120: rgb(57.3% 65.7% 44.1%); - --N5120: rgb(47.8% 57.9% 32.4%); - --N6120: rgb(41.1% 49.3% 28.7%); - --N7120: rgb(34.7% 40.9% 25%); - --N8120: rgb(28.4% 32.9% 21.4%); - --N9120: rgb(22.3% 25.1% 17.8%); - - /* Forest */ - /* ----------------------------------------------------------------------- */ - --N1135: rgb(84.2% 90.6% 82.2%); - --N2135: rgb(73.2% 82.6% 70.3%); - --N3135: rgb(62.2% 74.7% 58.7%); - --N4135: rgb(51.4% 67% 47.4%); - --N5135: rgb(40.7% 59.3% 36.4%); - --N6135: rgb(35.4% 50.4% 31.9%); - --N7135: rgb(30.3% 41.8% 27.5%); - --N8135: rgb(25.3% 33.5% 23.2%); - --N9135: rgb(20.4% 25.5% 18.9%); - - /* Jade */ - /* ----------------------------------------------------------------------- */ - --N1150: rgb(82% 91.1% 84.1%); - --N2150: rgb(69.8% 83.3% 73%); - --N3150: rgb(57.7% 75.6% 62.3%); - --N4150: rgb(45.6% 67.9% 51.8%); - --N5150: rgb(33.1% 60.3% 41.6%); - --N6150: rgb(29.5% 51.3% 36.1%); - --N7150: rgb(25.9% 42.5% 30.7%); - --N8150: rgb(22.2% 34% 25.5%); - --N9150: rgb(18.5% 25.9% 20.4%); - - /* Mint */ - /* ----------------------------------------------------------------------- */ - --N1165: rgb(80.2% 91.4% 86.2%); - --N2165: rgb(67% 83.7% 76.2%); - --N3165: rgb(53.8% 76.1% 66.5%); - --N4165: rgb(40.1% 68.5% 56.9%); - --N5165: rgb(25.1% 61% 47.7%); - --N6165: rgb(23.5% 51.8% 41%); - --N7165: rgb(21.6% 42.9% 34.5%); - --N8165: rgb(19.3% 34.3% 28.2%); - --N9165: rgb(16.8% 26.1% 22.1%); - - /* Cyan */ - /* ----------------------------------------------------------------------- */ - --N1180: rgb(78.9% 91.5% 88.5%); - --N2180: rgb(65% 83.9% 79.6%); - --N3180: rgb(50.7% 76.4% 70.9%); - --N4180: rgb(35.6% 68.8% 62.4%); - --N5180: rgb(16.3% 61.3% 54.1%); - --N6180: rgb(17.6% 52.1% 46.2%); - --N7180: rgb(17.7% 43.1% 38.5%); - --N8180: rgb(16.9% 34.5% 31.1%); - --N9180: rgb(15.5% 26.2% 24%); - - /* Teal */ - /* ----------------------------------------------------------------------- */ - --N1195: rgb(78.3% 91.5% 90.9%); - --N2195: rgb(63.9% 83.9% 83.1%); - --N3195: rgb(49% 76.3% 75.4%); - --N4195: rgb(32.6% 68.8% 67.9%); - --N5195: rgb(6.3% 61.2% 60.6%); - --N6195: rgb(12.6% 52% 51.4%); - --N7195: rgb(14.9% 43.1% 42.6%); - --N8195: rgb(15.4% 34.5% 34%); - --N9195: rgb(14.8% 26.2% 25.8%); - - /* Capri */ - /* ----------------------------------------------------------------------- */ - --N1210: rgb(78.4% 91.3% 93.1%); - --N2210: rgb(64% 83.6% 86.3%); - --N3210: rgb(49% 75.9% 79.6%); - --N4210: rgb(32.1% 68.4% 73.1%); - --N5210: rgb(0.31% 60.8% 66.6%); - --N6210: rgb(11% 51.7% 56.3%); - --N7210: rgb(14.2% 42.8% 46.3%); - --N8210: rgb(15.2% 34.3% 36.7%); - --N9210: rgb(14.7% 26% 27.6%); - - /* Cerulean */ - /* ----------------------------------------------------------------------- */ - --N1225: rgb(79.3% 90.9% 95%); - --N2225: rgb(65.3% 83.1% 89.1%); - --N3225: rgb(50.7% 75.3% 83.3%); - --N4225: rgb(34.5% 67.6% 77.5%); - --N5225: rgb(10% 60% 71.8%); - --N6225: rgb(14.6% 51% 60.5%); - --N7225: rgb(16.3% 42.3% 49.6%); - --N8225: rgb(16.4% 33.9% 39.1%); - --N9225: rgb(15.4% 25.8% 29.1%); - - /* Blue */ - /* ----------------------------------------------------------------------- */ - --N1240: rgb(80.8% 90.4% 96.4%); - --N2240: rgb(67.6% 82.3% 91.2%); - --N3240: rgb(54% 74.4% 86.1%); - --N4240: rgb(39.4% 66.5% 81%); - --N5240: rgb(21.1% 58.9% 75.8%); - --N6240: rgb(21.2% 50.1% 63.8%); - --N7240: rgb(20.5% 41.5% 52.1%); - --N8240: rgb(19% 33.3% 40.9%); - --N9240: rgb(16.9% 25.4% 30.2%); - - /* Azure */ - /* ----------------------------------------------------------------------- */ - --N1255: rgb(82.9% 89.7% 97.4%); - --N2255: rgb(70.8% 81.4% 92.6%); - --N3255: rgb(58.6% 73.2% 87.9%); - --N4255: rgb(45.8% 65.2% 83.2%); - --N5255: rgb(31.6% 57.3% 78.4%); - --N6255: rgb(28.7% 48.8% 65.9%); - --N7255: rgb(25.7% 40.5% 53.7%); - --N8255: rgb(22.3% 32.5% 42.1%); - --N9255: rgb(18.8% 24.9% 31%); - - /* Violet */ - /* ----------------------------------------------------------------------- */ - --N1270: rgb(85.3% 89% 97.7%); - --N2270: rgb(74.6% 80.3% 93.1%); - --N3270: rgb(63.8% 71.8% 88.6%); - --N4270: rgb(52.9% 63.5% 84%); - --N5270: rgb(41.4% 55.4% 79.4%); - --N6270: rgb(36.3% 47.2% 66.6%); - --N7270: rgb(31.2% 39.3% 54.3%); - --N8270: rgb(26.1% 31.7% 42.5%); - --N9270: rgb(21% 24.3% 31.3%); - - /* Purple */ - /* ----------------------------------------------------------------------- */ - --N1285: rgb(88% 88.2% 97.5%); - --N2285: rgb(78.6% 79.2% 92.8%); - --N3285: rgb(69.3% 70.3% 88.1%); - --N4285: rgb(59.9% 61.6% 83.3%); - --N5285: rgb(50.5% 53.2% 78.6%); - --N6285: rgb(43.4% 45.5% 66%); - --N7285: rgb(36.5% 38% 53.9%); - --N8285: rgb(29.8% 30.7% 42.2%); - --N9285: rgb(23.3% 23.7% 31%); - - /* Magenta */ - /* ----------------------------------------------------------------------- */ - --N1300: rgb(90.6% 87.5% 96.6%); - --N2300: rgb(82.6% 78% 91.5%); - --N3300: rgb(74.5% 68.8% 86.4%); - --N4300: rgb(66.6% 59.7% 81.3%); - --N5300: rgb(58.6% 50.9% 76.2%); - --N6300: rgb(49.9% 43.6% 64.1%); - --N7300: rgb(41.5% 36.5% 52.4%); - --N8300: rgb(33.3% 29.7% 41.1%); - --N9300: rgb(25.4% 23.1% 30.4%); - - /* Cerise */ - /* ----------------------------------------------------------------------- */ - --N1315: rgb(93% 86.8% 95.2%); - --N2315: rgb(86.1% 77% 89.5%); - --N3315: rgb(79.3% 67.4% 83.7%); - --N4315: rgb(72.4% 57.9% 78.1%); - --N5315: rgb(65.5% 48.6% 72.4%); - --N6315: rgb(55.5% 41.8% 61%); - --N7315: rgb(45.8% 35.1% 50%); - --N8315: rgb(36.4% 28.7% 39.4%); - --N9315: rgb(27.4% 22.5% 29.3%); - - /* Rose */ - /* ----------------------------------------------------------------------- */ - --N1330: rgb(95.1% 86.2% 93.4%); - --N2330: rgb(89.2% 76.1% 86.8%); - --N3330: rgb(83.2% 66.2% 80.3%); - --N4330: rgb(77.1% 56.4% 73.8%); - --N5330: rgb(71% 46.6% 67.4%); - --N6330: rgb(59.9% 40.2% 57%); - --N7330: rgb(49.2% 34% 46.9%); - --N8330: rgb(38.9% 27.9% 37.1%); - --N9330: rgb(29% 22% 27.8%); - - /* Pink */ - /* ----------------------------------------------------------------------- */ - --N1345: rgb(96.7% 85.9% 91.3%); - --N2345: rgb(91.5% 75.6% 83.7%); - --N3345: rgb(86.1% 65.4% 76.2%); - --N4345: rgb(80.5% 55.3% 68.8%); - --N5345: rgb(74.9% 45.2% 61.6%); - --N6345: rgb(63.1% 39.1% 52.2%); - --N7345: rgb(51.7% 33.1% 43.2%); - --N8345: rgb(40.7% 27.3% 34.5%); - --N9345: rgb(30.2% 21.6% 26.1%); - - /* Red */ - /* ----------------------------------------------------------------------- */ - --N1360: rgb(97.7% 85.7% 89%); - --N2360: rgb(92.9% 75.3% 80.3%); - --N3360: rgb(87.9% 65% 71.8%); - --N4360: rgb(82.6% 54.8% 63.4%); - --N5360: rgb(77.1% 44.5% 55.3%); - --N6360: rgb(65% 38.6% 47.2%); - --N7360: rgb(53.2% 32.8% 39.3%); - --N8360: rgb(41.8% 27.1% 31.6%); - --N9360: rgb(30.9% 21.5% 24.3%); -} - \ No newline at end of file diff --git a/dist/scss/niji/_niji_var.scss b/dist/scss/niji/_niji_var.scss deleted file mode 100644 index 94c2fca..0000000 --- a/dist/scss/niji/_niji_var.scss +++ /dev/null @@ -1,288 +0,0 @@ - -/* Vermillion */ -/* ----------------------------------------------------------------------- */ -$N1015: rgb(98.2% 85.7% 86.7%); -$N2015: rgb(93.4% 75.4% 76.9%); -$N3015: rgb(88.5% 65.1% 67.3%); -$N4015: rgb(83.2% 55% 58%); -$N5015: rgb(77.8% 44.8% 49%); -$N6015: rgb(65.5% 38.8% 42.1%); -$N7015: rgb(53.6% 32.9% 35.3%); -$N8015: rgb(42.2% 27.2% 28.8%); -$N9015: rgb(31.2% 21.5% 22.5%); - -/* Orange */ -/* ----------------------------------------------------------------------- */ -$N1030: rgb(97.9% 86% 84.5%); -$N2030: rgb(93.1% 75.8% 73.7%); -$N3030: rgb(87.9% 65.7% 63.1%); -$N4030: rgb(82.5% 55.8% 52.9%); -$N5030: rgb(76.8% 45.9% 43%); -$N6030: rgb(64.7% 39.6% 37.2%); -$N7030: rgb(53.1% 33.5% 31.6%); -$N8030: rgb(41.8% 27.6% 26.1%); -$N9030: rgb(30.9% 21.8% 20.7%); - -/* Amber */ -/* ----------------------------------------------------------------------- */ -$N1045: rgb(97.1% 86.5% 82.6%); -$N2045: rgb(91.8% 76.5% 70.9%); -$N3045: rgb(86.3% 66.7% 59.5%); -$N4045: rgb(80.5% 57.1% 48.4%); -$N5045: rgb(74.5% 47.6% 37.8%); -$N6045: rgb(62.8% 41% 32.9%); -$N7045: rgb(51.6% 34.6% 28.3%); -$N8045: rgb(40.7% 28.3% 23.7%); -$N9045: rgb(30.3% 22.2% 19.2%); - -/* Yellow */ -/* ----------------------------------------------------------------------- */ -$N1060: rgb(95.7% 87.1% 81.1%); -$N2060: rgb(89.8% 77.5% 68.7%); -$N3060: rgb(83.7% 68% 56.6%); -$N4060: rgb(77.4% 58.8% 44.9%); -$N5060: rgb(70.8% 49.7% 33.5%); -$N6060: rgb(59.9% 42.7% 29.5%); -$N7060: rgb(49.3% 35.8% 25.6%); -$N8060: rgb(39% 29.2% 21.8%); -$N9060: rgb(29.2% 22.8% 18%); - -/* Lime */ -/* ----------------------------------------------------------------------- */ -$N1075: rgb(93.8% 87.8% 80.1%); -$N2075: rgb(87.1% 78.5% 67.3%); -$N3075: rgb(80.3% 69.5% 54.7%); -$N4075: rgb(73.3% 60.6% 42.5%); -$N5075: rgb(66.1% 52% 30.6%); -$N6075: rgb(56.1% 44.5% 27.2%); -$N7075: rgb(46.3% 37.2% 23.9%); -$N8075: rgb(36.9% 30.2% 20.5%); -$N9075: rgb(27.8% 23.4% 17.3%); - -/* Ecru */ -/* ----------------------------------------------------------------------- */ -$N1090: rgb(91.6% 88.6% 79.8%); -$N2090: rgb(84% 79.7% 66.7%); -$N3090: rgb(76.2% 71% 54%); -$N4090: rgb(68.5% 62.5% 41.5%); -$N5090: rgb(60.6% 54.2% 29.3%); -$N6090: rgb(51.6% 46.3% 26.2%); -$N7090: rgb(42.8% 38.6% 23.1%); -$N8090: rgb(34.3% 31.1% 20%); -$N9090: rgb(26.1% 24% 17%); - -/* Olive */ -/* ----------------------------------------------------------------------- */ -$N1105: rgb(89.2% 89.3% 80%); -$N2105: rgb(80.4% 80.8% 67.1%); -$N3105: rgb(71.7% 72.4% 54.4%); -$N4105: rgb(63.1% 64.2% 42.1%); -$N5105: rgb(54.4% 56.2% 29.9%); -$N6105: rgb(46.6% 47.9% 26.7%); -$N7105: rgb(38.9% 39.8% 23.5%); -$N8105: rgb(31.5% 32% 20.3%); -$N9105: rgb(24.3% 24.6% 17.1%); - -/* Green */ -/* ----------------------------------------------------------------------- */ -$N1120: rgb(86.7% 90% 80.9%); -$N2120: rgb(76.8% 81.8% 68.3%); -$N3120: rgb(67% 73.7% 56%); -$N4120: rgb(57.3% 65.7% 44.1%); -$N5120: rgb(47.8% 57.9% 32.4%); -$N6120: rgb(41.1% 49.3% 28.7%); -$N7120: rgb(34.7% 40.9% 25%); -$N8120: rgb(28.4% 32.9% 21.4%); -$N9120: rgb(22.3% 25.1% 17.8%); - -/* Forest */ -/* ----------------------------------------------------------------------- */ -$N1135: rgb(84.2% 90.6% 82.2%); -$N2135: rgb(73.2% 82.6% 70.3%); -$N3135: rgb(62.2% 74.7% 58.7%); -$N4135: rgb(51.4% 67% 47.4%); -$N5135: rgb(40.7% 59.3% 36.4%); -$N6135: rgb(35.4% 50.4% 31.9%); -$N7135: rgb(30.3% 41.8% 27.5%); -$N8135: rgb(25.3% 33.5% 23.2%); -$N9135: rgb(20.4% 25.5% 18.9%); - -/* Jade */ -/* ----------------------------------------------------------------------- */ -$N1150: rgb(82% 91.1% 84.1%); -$N2150: rgb(69.8% 83.3% 73%); -$N3150: rgb(57.7% 75.6% 62.3%); -$N4150: rgb(45.6% 67.9% 51.8%); -$N5150: rgb(33.1% 60.3% 41.6%); -$N6150: rgb(29.5% 51.3% 36.1%); -$N7150: rgb(25.9% 42.5% 30.7%); -$N8150: rgb(22.2% 34% 25.5%); -$N9150: rgb(18.5% 25.9% 20.4%); - -/* Mint */ -/* ----------------------------------------------------------------------- */ -$N1165: rgb(80.2% 91.4% 86.2%); -$N2165: rgb(67% 83.7% 76.2%); -$N3165: rgb(53.8% 76.1% 66.5%); -$N4165: rgb(40.1% 68.5% 56.9%); -$N5165: rgb(25.1% 61% 47.7%); -$N6165: rgb(23.5% 51.8% 41%); -$N7165: rgb(21.6% 42.9% 34.5%); -$N8165: rgb(19.3% 34.3% 28.2%); -$N9165: rgb(16.8% 26.1% 22.1%); - -/* Cyan */ -/* ----------------------------------------------------------------------- */ -$N1180: rgb(78.9% 91.5% 88.5%); -$N2180: rgb(65% 83.9% 79.6%); -$N3180: rgb(50.7% 76.4% 70.9%); -$N4180: rgb(35.6% 68.8% 62.4%); -$N5180: rgb(16.3% 61.3% 54.1%); -$N6180: rgb(17.6% 52.1% 46.2%); -$N7180: rgb(17.7% 43.1% 38.5%); -$N8180: rgb(16.9% 34.5% 31.1%); -$N9180: rgb(15.5% 26.2% 24%); - -/* Teal */ -/* ----------------------------------------------------------------------- */ -$N1195: rgb(78.3% 91.5% 90.9%); -$N2195: rgb(63.9% 83.9% 83.1%); -$N3195: rgb(49% 76.3% 75.4%); -$N4195: rgb(32.6% 68.8% 67.9%); -$N5195: rgb(6.3% 61.2% 60.6%); -$N6195: rgb(12.6% 52% 51.4%); -$N7195: rgb(14.9% 43.1% 42.6%); -$N8195: rgb(15.4% 34.5% 34%); -$N9195: rgb(14.8% 26.2% 25.8%); - -/* Capri */ -/* ----------------------------------------------------------------------- */ -$N1210: rgb(78.4% 91.3% 93.1%); -$N2210: rgb(64% 83.6% 86.3%); -$N3210: rgb(49% 75.9% 79.6%); -$N4210: rgb(32.1% 68.4% 73.1%); -$N5210: rgb(0.31% 60.8% 66.6%); -$N6210: rgb(11% 51.7% 56.3%); -$N7210: rgb(14.2% 42.8% 46.3%); -$N8210: rgb(15.2% 34.3% 36.7%); -$N9210: rgb(14.7% 26% 27.6%); - -/* Cerulean */ -/* ----------------------------------------------------------------------- */ -$N1225: rgb(79.3% 90.9% 95%); -$N2225: rgb(65.3% 83.1% 89.1%); -$N3225: rgb(50.7% 75.3% 83.3%); -$N4225: rgb(34.5% 67.6% 77.5%); -$N5225: rgb(10% 60% 71.8%); -$N6225: rgb(14.6% 51% 60.5%); -$N7225: rgb(16.3% 42.3% 49.6%); -$N8225: rgb(16.4% 33.9% 39.1%); -$N9225: rgb(15.4% 25.8% 29.1%); - -/* Blue */ -/* ----------------------------------------------------------------------- */ -$N1240: rgb(80.8% 90.4% 96.4%); -$N2240: rgb(67.6% 82.3% 91.2%); -$N3240: rgb(54% 74.4% 86.1%); -$N4240: rgb(39.4% 66.5% 81%); -$N5240: rgb(21.1% 58.9% 75.8%); -$N6240: rgb(21.2% 50.1% 63.8%); -$N7240: rgb(20.5% 41.5% 52.1%); -$N8240: rgb(19% 33.3% 40.9%); -$N9240: rgb(16.9% 25.4% 30.2%); - -/* Azure */ -/* ----------------------------------------------------------------------- */ -$N1255: rgb(82.9% 89.7% 97.4%); -$N2255: rgb(70.8% 81.4% 92.6%); -$N3255: rgb(58.6% 73.2% 87.9%); -$N4255: rgb(45.8% 65.2% 83.2%); -$N5255: rgb(31.6% 57.3% 78.4%); -$N6255: rgb(28.7% 48.8% 65.9%); -$N7255: rgb(25.7% 40.5% 53.7%); -$N8255: rgb(22.3% 32.5% 42.1%); -$N9255: rgb(18.8% 24.9% 31%); - -/* Violet */ -/* ----------------------------------------------------------------------- */ -$N1270: rgb(85.3% 89% 97.7%); -$N2270: rgb(74.6% 80.3% 93.1%); -$N3270: rgb(63.8% 71.8% 88.6%); -$N4270: rgb(52.9% 63.5% 84%); -$N5270: rgb(41.4% 55.4% 79.4%); -$N6270: rgb(36.3% 47.2% 66.6%); -$N7270: rgb(31.2% 39.3% 54.3%); -$N8270: rgb(26.1% 31.7% 42.5%); -$N9270: rgb(21% 24.3% 31.3%); - -/* Purple */ -/* ----------------------------------------------------------------------- */ -$N1285: rgb(88% 88.2% 97.5%); -$N2285: rgb(78.6% 79.2% 92.8%); -$N3285: rgb(69.3% 70.3% 88.1%); -$N4285: rgb(59.9% 61.6% 83.3%); -$N5285: rgb(50.5% 53.2% 78.6%); -$N6285: rgb(43.4% 45.5% 66%); -$N7285: rgb(36.5% 38% 53.9%); -$N8285: rgb(29.8% 30.7% 42.2%); -$N9285: rgb(23.3% 23.7% 31%); - -/* Magenta */ -/* ----------------------------------------------------------------------- */ -$N1300: rgb(90.6% 87.5% 96.6%); -$N2300: rgb(82.6% 78% 91.5%); -$N3300: rgb(74.5% 68.8% 86.4%); -$N4300: rgb(66.6% 59.7% 81.3%); -$N5300: rgb(58.6% 50.9% 76.2%); -$N6300: rgb(49.9% 43.6% 64.1%); -$N7300: rgb(41.5% 36.5% 52.4%); -$N8300: rgb(33.3% 29.7% 41.1%); -$N9300: rgb(25.4% 23.1% 30.4%); - -/* Cerise */ -/* ----------------------------------------------------------------------- */ -$N1315: rgb(93% 86.8% 95.2%); -$N2315: rgb(86.1% 77% 89.5%); -$N3315: rgb(79.3% 67.4% 83.7%); -$N4315: rgb(72.4% 57.9% 78.1%); -$N5315: rgb(65.5% 48.6% 72.4%); -$N6315: rgb(55.5% 41.8% 61%); -$N7315: rgb(45.8% 35.1% 50%); -$N8315: rgb(36.4% 28.7% 39.4%); -$N9315: rgb(27.4% 22.5% 29.3%); - -/* Rose */ -/* ----------------------------------------------------------------------- */ -$N1330: rgb(95.1% 86.2% 93.4%); -$N2330: rgb(89.2% 76.1% 86.8%); -$N3330: rgb(83.2% 66.2% 80.3%); -$N4330: rgb(77.1% 56.4% 73.8%); -$N5330: rgb(71% 46.6% 67.4%); -$N6330: rgb(59.9% 40.2% 57%); -$N7330: rgb(49.2% 34% 46.9%); -$N8330: rgb(38.9% 27.9% 37.1%); -$N9330: rgb(29% 22% 27.8%); - -/* Pink */ -/* ----------------------------------------------------------------------- */ -$N1345: rgb(96.7% 85.9% 91.3%); -$N2345: rgb(91.5% 75.6% 83.7%); -$N3345: rgb(86.1% 65.4% 76.2%); -$N4345: rgb(80.5% 55.3% 68.8%); -$N5345: rgb(74.9% 45.2% 61.6%); -$N6345: rgb(63.1% 39.1% 52.2%); -$N7345: rgb(51.7% 33.1% 43.2%); -$N8345: rgb(40.7% 27.3% 34.5%); -$N9345: rgb(30.2% 21.6% 26.1%); - -/* Red */ -/* ----------------------------------------------------------------------- */ -$N1360: rgb(97.7% 85.7% 89%); -$N2360: rgb(92.9% 75.3% 80.3%); -$N3360: rgb(87.9% 65% 71.8%); -$N4360: rgb(82.6% 54.8% 63.4%); -$N5360: rgb(77.1% 44.5% 55.3%); -$N6360: rgb(65% 38.6% 47.2%); -$N7360: rgb(53.2% 32.8% 39.3%); -$N8360: rgb(41.8% 27.1% 31.6%); -$N9360: rgb(30.9% 21.5% 24.3%); diff --git a/dist/scss/niji/niji.scss b/dist/scss/niji/niji.scss deleted file mode 100644 index 5cf378a..0000000 --- a/dist/scss/niji/niji.scss +++ /dev/null @@ -1,7 +0,0 @@ - - - -@import "_niji_var.scss"; -@import "_niji_root.scss"; -@import "_niji_background.scss"; -@import "_niji_gradients.scss"; diff --git a/dist/scss/palettes.scss b/dist/scss/palettes.scss deleted file mode 100644 index 654b129..0000000 --- a/dist/scss/palettes.scss +++ /dev/null @@ -1,30 +0,0 @@ - - -.niji_136 { - background-color: lch(90, 12, 360); -} - - - -.niji_236: lch(84 18 360); -.niji_336: lch(78 24 360); -.niji_436: lch(72 30 360); -.niji_536: lch(66 36 360); -.niji_636: lch(54 30 360); -.niji_736: lch(42 24 360); -.niji_836: lch(30 18 360); -.niji_936: lch(18 12 360); - - -.niji_136 { - background-color: -} -background-color: lch(90 12 360); -.niji_236: lch(84 18 360); -.niji_336: lch(78 24 360); -.niji_436: lch(72 30 360); -.niji_536: lch(66 36 360); -.niji_636: lch(54 30 360); -.niji_736: lch(42 24 360); -.niji_836: lch(30 18 360); -.niji_936: lch(18 12 360); \ No newline at end of file diff --git a/dist/scss/standards/_flat_design_colors.scss b/dist/scss/standards/_flat_design_colors.scss deleted file mode 100644 index cb5246a..0000000 --- a/dist/scss/standards/_flat_design_colors.scss +++ /dev/null @@ -1,72 +0,0 @@ -/* Flat color palette downloaded from - * http://htmlcolorcodes.com/color-charts/ - * - * Check out our powerful color picker - * http://htmlcolorcodes.com/color-picker/ - * - * Want to learn more about colors in SCSS? - * http://htmlcolorcodes.com/tutorials/ - * - * - - - - - - - - - - - - - - - - - - - * Credits: - * - * Original color palette by - * http://designmodo.github.io/Flat-UI/ - * - * - - - - - - - - - - - - - - - - - - - * How to use: - * - * Include this file with your other .scss files: - * - * @import "flat_colors"; - * - * and use the color variables in your stylesheets: - * - * .class { - * color: $turquoise; - * } - */ - -/* Teals */ -$turquoise: #1abc9c; -$green-sea: #16a085; - -/* Greens */ -$emerald: #2ecc71; -$nephritis: #27ae60; - -/* Blues */ -$peter-river: #3498db; -$belize-hole: #2980b9; - -/* Purples */ -$amethyst: #9b59b6; -$wisteria: #8e44ad; - -/* Blacks */ -$wet-asphalt: #34495e; -$midnight-blue: #2c3e50; - -/* Yellows */ -$sunflower: #f1c40f; -$orange: #f39c12; - -/* Oranges */ -$carrot: #e67e22; -$pumpkin: #d35400; - -/* Reds */ -$alizarin: #e74c3c; -$pomegranate: #c0392b; - -/* Whites */ -$clouds: #ecf0f1; -$silver: #bdc3c7; - -/* Grays */ -$concrete: #95a5a6; -$asbestos: #7f8c8d; - -/* Want more? Get the full flat color palette at - * http://htmlcolorcodes.com/color-charts/ - */ \ No newline at end of file diff --git a/dist/scss/standards/_flat_design_colors_full.scss b/dist/scss/standards/_flat_design_colors_full.scss deleted file mode 100644 index 97f5849..0000000 --- a/dist/scss/standards/_flat_design_colors_full.scss +++ /dev/null @@ -1,298 +0,0 @@ -/* Flat color palette (full) downloaded from - * http://htmlcolorcodes.com/color-charts/ - * - * Check out our powerful color picker - * http://htmlcolorcodes.com/color-picker/ - * - * Want to learn more about colors in SCSS? - * http://htmlcolorcodes.com/tutorials/ - * - * - - - - - - - - - - - - - - - - - - - * Credits: - * - * Original color palette by - * http://designmodo.github.io/Flat-UI/ - * - * - - - - - - - - - - - - - - - - - - - * How to use: - * - * Include this file with your other .scss files: - * - * @import "flat_colors_full"; - * - * and use the color variables in your stylesheets: - * - * .class { - * color: $turquoise-500; - * } - * - * - - - - - - - - - - - - - - - - - - - * Note: - * - * $color and $color-500 are the same, simply there - * for your convenience. - */ - -/* Turquoise */ -$turquoise: #1abc9c; -$turquoise-50: #e8f8f5; -$turquoise-100: #d1f2eb; -$turquoise-200: #a3e4d7; -$turquoise-300: #76d7c4; -$turquoise-400: #48c9b0; -$turquoise-500: #1abc9c; -$turquoise-600: #17a589; -$turquoise-700: #148f77; -$turquoise-800: #117864; -$turquoise-900: #0e6251; - -/* Green Sea */ -$green-sea: #16a085; -$green-sea-50: #e8f6f3; -$green-sea-100: #d0ece7; -$green-sea-200: #a2d9ce; -$green-sea-300: #73c6b6; -$green-sea-400: #45b39d; -$green-sea-500: #16a085; -$green-sea-600: #138d75; -$green-sea-700: #117a65; -$green-sea-800: #0e6655; -$green-sea-900: #0b5345; - -/* Emerald */ -$emerald: #2ecc71; -$emerald-50: #eafaf1; -$emerald-100: #d5f5e3; -$emerald-200: #abebc6; -$emerald-300: #82e0aa; -$emerald-400: #58d68d; -$emerald-500: #2ecc71; -$emerald-600: #28b463; -$emerald-700: #239b56; -$emerald-800: #1d8348; -$emerald-900: #186a3b; - -/* Nephritis */ -$nephritis: #27ae60; -$nephritis-50: #e9f7ef; -$nephritis-100: #d4efdf; -$nephritis-200: #a9dfbf; -$nephritis-300: #7dcea0; -$nephritis-400: #52be80; -$nephritis-500: #27ae60; -$nephritis-600: #229954; -$nephritis-700: #1e8449; -$nephritis-800: #196f3d; -$nephritis-900: #145a32; - -/* Peter River */ -$peter-river: #3498db; -$peter-river-50: #ebf5fb; -$peter-river-100: #d6eaf8; -$peter-river-200: #aed6f1; -$peter-river-300: #85c1e9; -$peter-river-400: #5dade2; -$peter-river-500: #3498db; -$peter-river-600: #2e86c1; -$peter-river-700: #2874a6; -$peter-river-800: #21618c; -$peter-river-900: #1b4f72; - -/* Belize Hole */ -$belize-hole: #2980b9; -$belize-hole-50: #eaf2f8; -$belize-hole-100: #d4e6f1; -$belize-hole-200: #a9cce3; -$belize-hole-300: #7fb3d5; -$belize-hole-400: #5499c7; -$belize-hole-500: #2980b9; -$belize-hole-600: #2471a3; -$belize-hole-700: #1f618d; -$belize-hole-800: #1a5276; -$belize-hole-900: #154360; - -/* Amethyst */ -$amethyst: #9b59b6; -$amethyst-50: #f5eef8; -$amethyst-100: #ebdef0; -$amethyst-200: #d7bde2; -$amethyst-300: #c39bd3; -$amethyst-400: #af7ac5; -$amethyst-500: #9b59b6; -$amethyst-600: #884ea0; -$amethyst-700: #76448a; -$amethyst-800: #633974; -$amethyst-900: #512e5f; - -/* Wisteria */ -$wisteria: #8e44ad; -$wisteria-50: #f4ecf7; -$wisteria-100: #e8daef; -$wisteria-200: #d2b4de; -$wisteria-300: #bb8fce; -$wisteria-400: #a569bd; -$wisteria-500: #8e44ad; -$wisteria-600: #7d3c98; -$wisteria-700: #6c3483; -$wisteria-800: #5b2c6f; -$wisteria-900: #4a235a; - -/* Wet Asphalt */ -$wet-asphalt: #34495e; -$wet-asphalt-50: #ebedef; -$wet-asphalt-100: #d6dbdf; -$wet-asphalt-200: #aeb6bf; -$wet-asphalt-300: #85929e; -$wet-asphalt-400: #5d6d7e; -$wet-asphalt-500: #34495e; -$wet-asphalt-600: #2e4053; -$wet-asphalt-700: #283747; -$wet-asphalt-800: #212f3c; -$wet-asphalt-900: #1b2631; - -/* Midnight Blue */ -$midnight-blue: #2c3e50; -$midnight-blue-50: #eaecee; -$midnight-blue-100: #d5d8dc; -$midnight-blue-200: #abb2b9; -$midnight-blue-300: #808b96; -$midnight-blue-400: #566573; -$midnight-blue-500: #2c3e50; -$midnight-blue-600: #273746; -$midnight-blue-700: #212f3d; -$midnight-blue-800: #1c2833; -$midnight-blue-900: #17202a; - -/* Sunflower */ -$sunflower: #f1c40f; -$sunflower-50: #fef9e7; -$sunflower-100: #fcf3cf; -$sunflower-200: #f9e79f; -$sunflower-300: #f7dc6f; -$sunflower-400: #f4d03f; -$sunflower-500: #f1c40f; -$sunflower-600: #d4ac0d; -$sunflower-700: #b7950b; -$sunflower-800: #9a7d0a; -$sunflower-900: #7d6608; - -/* Orange */ -$orange: #f39c12; -$orange-50: #fef5e7; -$orange-100: #fdebd0; -$orange-200: #fad7a0; -$orange-300: #f8c471; -$orange-400: #f5b041; -$orange-500: #f39c12; -$orange-600: #d68910; -$orange-700: #b9770e; -$orange-800: #9c640c; -$orange-900: #7e5109; - -/* Carrot */ -$carrot: #e67e22; -$carrot-50: #fdf2e9; -$carrot-100: #fae5d3; -$carrot-200: #f5cba7; -$carrot-300: #f0b27a; -$carrot-400: #eb984e; -$carrot-500: #e67e22; -$carrot-600: #ca6f1e; -$carrot-700: #af601a; -$carrot-800: #935116; -$carrot-900: #784212; - -/* Pumpkin */ -$pumpkin: #d35400; -$pumpkin-50: #fbeee6; -$pumpkin-100: #f6ddcc; -$pumpkin-200: #edbb99; -$pumpkin-300: #e59866; -$pumpkin-400: #dc7633; -$pumpkin-500: #d35400; -$pumpkin-600: #ba4a00; -$pumpkin-700: #a04000; -$pumpkin-800: #873600; -$pumpkin-900: #6e2c00; - -/* Alizarin */ -$alizarin: #e74c3c; -$alizarin-50: #fdedec; -$alizarin-100: #fadbd8; -$alizarin-200: #f5b7b1; -$alizarin-300: #f1948a; -$alizarin-400: #ec7063; -$alizarin-500: #e74c3c; -$alizarin-600: #cb4335; -$alizarin-700: #b03a2e; -$alizarin-800: #943126; -$alizarin-900: #78281f; - -/* Pomegranate */ -$pomegranate: #c0392b; -$pomegranate-50: #f9ebea; -$pomegranate-100: #f2d7d5; -$pomegranate-200: #e6b0aa; -$pomegranate-300: #d98880; -$pomegranate-400: #cd6155; -$pomegranate-500: #c0392b; -$pomegranate-600: #a93226; -$pomegranate-700: #922b21; -$pomegranate-800: #7b241c; -$pomegranate-900: #641e16; - -/* Clouds */ -$clouds: #ecf0f1; -$clouds-50: #fdfefe; -$clouds-100: #fbfcfc; -$clouds-200: #f7f9f9; -$clouds-300: #f4f6f7; -$clouds-400: #f0f3f4; -$clouds-500: #ecf0f1; -$clouds-600: #d0d3d4; -$clouds-700: #b3b6b7; -$clouds-800: #979a9a; -$clouds-900: #7b7d7d; - -/* Silver */ -$silver: #bdc3c7; -$silver-50: #f8f9f9; -$silver-100: #f2f3f4; -$silver-200: #e5e7e9; -$silver-300: #d7dbdd; -$silver-400: #cacfd2; -$silver-500: #bdc3c7; -$silver-600: #a6acaf; -$silver-700: #909497; -$silver-800: #797d7f; -$silver-900: #626567; - -/* Concrete */ -$concrete: #95a5a6; -$concrete-50: #f4f6f6; -$concrete-100: #eaeded; -$concrete-200: #d5dbdb; -$concrete-300: #bfc9ca; -$concrete-400: #aab7b8; -$concrete-500: #95a5a6; -$concrete-600: #839192; -$concrete-700: #717d7e; -$concrete-800: #5f6a6a; -$concrete-900: #4d5656; - -/* Asbestos */ -$asbestos: #7f8c8d; -$asbestos-50: #f2f4f4; -$asbestos-100: #e5e8e8; -$asbestos-200: #ccd1d1; -$asbestos-300: #b2babb; -$asbestos-400: #99a3a4; -$asbestos-500: #7f8c8d; -$asbestos-600: #707b7c; -$asbestos-700: #616a6b; -$asbestos-800: #515a5a; -$asbestos-900: #424949; - -/* Want more? Check our our other color palettes at - * http://htmlcolorcodes.com/color-charts/ - */ \ No newline at end of file diff --git a/dist/scss/standards/_flat_design_hex_map.scss b/dist/scss/standards/_flat_design_hex_map.scss new file mode 100644 index 0000000..228c12e --- /dev/null +++ b/dist/scss/standards/_flat_design_hex_map.scss @@ -0,0 +1,342 @@ +// Copyright 2023 Scape Agency BV + +// Licensed under the Apache License, Version 2.0 (the "License"), +// you may not use this file except in compliance with the License. +// You may obtain a copy of the License at + +// http://www.apache.org/licenses/LICENSE-2.0 + +// Unless required by applicable law or agreed to in writing, software +// distributed under the License is distributed on an "AS IS" BASIS, +// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. +// See the License for the specific language governing permissions and +// limitations under the License. + + +// ============================================================================ +// Flat Design Colors +// ============================================================================ + + +$color_flat_design_hex: ( + +// Turquoise +// ---------------------------------------------------------------------------- + + turquoise: #1abc9c, + turquoise-50: #e8f8f5, + turquoise-100: #d1f2eb, + turquoise-200: #a3e4d7, + turquoise-300: #76d7c4, + turquoise-400: #48c9b0, + turquoise-500: #1abc9c, + turquoise-600: #17a589, + turquoise-700: #148f77, + turquoise-800: #117864, + turquoise-900: #0e6251, + + +// Green Sea +// ---------------------------------------------------------------------------- + + green-sea: #16a085, + green-sea-50: #e8f6f3, + green-sea-100: #d0ece7, + green-sea-200: #a2d9ce, + green-sea-300: #73c6b6, + green-sea-400: #45b39d, + green-sea-500: #16a085, + green-sea-600: #138d75, + green-sea-700: #117a65, + green-sea-800: #0e6655, + green-sea-900: #0b5345, + + +// Emerald +// ---------------------------------------------------------------------------- + + emerald: #2ecc71, + emerald-50: #eafaf1, + emerald-100: #d5f5e3, + emerald-200: #abebc6, + emerald-300: #82e0aa, + emerald-400: #58d68d, + emerald-500: #2ecc71, + emerald-600: #28b463, + emerald-700: #239b56, + emerald-800: #1d8348, + emerald-900: #186a3b, + + +// Nephritis +// ---------------------------------------------------------------------------- + + nephritis: #27ae60, + nephritis-50: #e9f7ef, + nephritis-100: #d4efdf, + nephritis-200: #a9dfbf, + nephritis-300: #7dcea0, + nephritis-400: #52be80, + nephritis-500: #27ae60, + nephritis-600: #229954, + nephritis-700: #1e8449, + nephritis-800: #196f3d, + nephritis-900: #145a32, + + +// Peter River +// ---------------------------------------------------------------------------- + + peter-river: #3498db, + peter-river-50: #ebf5fb, + peter-river-100: #d6eaf8, + peter-river-200: #aed6f1, + peter-river-300: #85c1e9, + peter-river-400: #5dade2, + peter-river-500: #3498db, + peter-river-600: #2e86c1, + peter-river-700: #2874a6, + peter-river-800: #21618c, + peter-river-900: #1b4f72, + + +// Belize Hole +// ---------------------------------------------------------------------------- + + belize-hole: #2980b9, + belize-hole-50: #eaf2f8, + belize-hole-100: #d4e6f1, + belize-hole-200: #a9cce3, + belize-hole-300: #7fb3d5, + belize-hole-400: #5499c7, + belize-hole-500: #2980b9, + belize-hole-600: #2471a3, + belize-hole-700: #1f618d, + belize-hole-800: #1a5276, + belize-hole-900: #154360, + + +// Amethyst +// ---------------------------------------------------------------------------- + + amethyst: #9b59b6, + amethyst-50: #f5eef8, + amethyst-100: #ebdef0, + amethyst-200: #d7bde2, + amethyst-300: #c39bd3, + amethyst-400: #af7ac5, + amethyst-500: #9b59b6, + amethyst-600: #884ea0, + amethyst-700: #76448a, + amethyst-800: #633974, + amethyst-900: #512e5f, + + +// Wisteria +// ---------------------------------------------------------------------------- + + wisteria: #8e44ad, + wisteria-50: #f4ecf7, + wisteria-100: #e8daef, + wisteria-200: #d2b4de, + wisteria-300: #bb8fce, + wisteria-400: #a569bd, + wisteria-500: #8e44ad, + wisteria-600: #7d3c98, + wisteria-700: #6c3483, + wisteria-800: #5b2c6f, + wisteria-900: #4a235a, + + +// Wet Asphalt +// ---------------------------------------------------------------------------- + + wet-asphalt: #34495e, + wet-asphalt-50: #ebedef, + wet-asphalt-100: #d6dbdf, + wet-asphalt-200: #aeb6bf, + wet-asphalt-300: #85929e, + wet-asphalt-400: #5d6d7e, + wet-asphalt-500: #34495e, + wet-asphalt-600: #2e4053, + wet-asphalt-700: #283747, + wet-asphalt-800: #212f3c, + wet-asphalt-900: #1b2631, + + +// Midnight Blue +// ---------------------------------------------------------------------------- + + midnight-blue: #2c3e50, + midnight-blue-50: #eaecee, + midnight-blue-100: #d5d8dc, + midnight-blue-200: #abb2b9, + midnight-blue-300: #808b96, + midnight-blue-400: #566573, + midnight-blue-500: #2c3e50, + midnight-blue-600: #273746, + midnight-blue-700: #212f3d, + midnight-blue-800: #1c2833, + midnight-blue-900: #17202a, + + +// Sunflower +// ---------------------------------------------------------------------------- + + sunflower: #f1c40f, + sunflower-50: #fef9e7, + sunflower-100: #fcf3cf, + sunflower-200: #f9e79f, + sunflower-300: #f7dc6f, + sunflower-400: #f4d03f, + sunflower-500: #f1c40f, + sunflower-600: #d4ac0d, + sunflower-700: #b7950b, + sunflower-800: #9a7d0a, + sunflower-900: #7d6608, + + +// Orange +// ---------------------------------------------------------------------------- + + orange: #f39c12, + orange-50: #fef5e7, + orange-100: #fdebd0, + orange-200: #fad7a0, + orange-300: #f8c471, + orange-400: #f5b041, + orange-500: #f39c12, + orange-600: #d68910, + orange-700: #b9770e, + orange-800: #9c640c, + orange-900: #7e5109, + + +// Carrot +// ---------------------------------------------------------------------------- + + carrot: #e67e22, + carrot-50: #fdf2e9, + carrot-100: #fae5d3, + carrot-200: #f5cba7, + carrot-300: #f0b27a, + carrot-400: #eb984e, + carrot-500: #e67e22, + carrot-600: #ca6f1e, + carrot-700: #af601a, + carrot-800: #935116, + carrot-900: #784212, + + +// Pumpkin +// ---------------------------------------------------------------------------- + + pumpkin: #d35400, + pumpkin-50: #fbeee6, + pumpkin-100: #f6ddcc, + pumpkin-200: #edbb99, + pumpkin-300: #e59866, + pumpkin-400: #dc7633, + pumpkin-500: #d35400, + pumpkin-600: #ba4a00, + pumpkin-700: #a04000, + pumpkin-800: #873600, + pumpkin-900: #6e2c00, + + +// Alizarin +// ---------------------------------------------------------------------------- + + alizarin: #e74c3c, + alizarin-50: #fdedec, + alizarin-100: #fadbd8, + alizarin-200: #f5b7b1, + alizarin-300: #f1948a, + alizarin-400: #ec7063, + alizarin-500: #e74c3c, + alizarin-600: #cb4335, + alizarin-700: #b03a2e, + alizarin-800: #943126, + alizarin-900: #78281f, + + +// Pomegranate +// ---------------------------------------------------------------------------- + + pomegranate: #c0392b, + pomegranate-50: #f9ebea, + pomegranate-100: #f2d7d5, + pomegranate-200: #e6b0aa, + pomegranate-300: #d98880, + pomegranate-400: #cd6155, + pomegranate-500: #c0392b, + pomegranate-600: #a93226, + pomegranate-700: #922b21, + pomegranate-800: #7b241c, + pomegranate-900: #641e16, + + +// Clouds +// ---------------------------------------------------------------------------- + + clouds: #ecf0f1, + clouds-50: #fdfefe, + clouds-100: #fbfcfc, + clouds-200: #f7f9f9, + clouds-300: #f4f6f7, + clouds-400: #f0f3f4, + clouds-500: #ecf0f1, + clouds-600: #d0d3d4, + clouds-700: #b3b6b7, + clouds-800: #979a9a, + clouds-900: #7b7d7d, + + +// Silver +// ---------------------------------------------------------------------------- + + silver: #bdc3c7, + silver-50: #f8f9f9, + silver-100: #f2f3f4, + silver-200: #e5e7e9, + silver-300: #d7dbdd, + silver-400: #cacfd2, + silver-500: #bdc3c7, + silver-600: #a6acaf, + silver-700: #909497, + silver-800: #797d7f, + silver-900: #626567, + + +// Concrete +// ---------------------------------------------------------------------------- + + concrete: #95a5a6, + concrete-50: #f4f6f6, + concrete-100: #eaeded, + concrete-200: #d5dbdb, + concrete-300: #bfc9ca, + concrete-400: #aab7b8, + concrete-500: #95a5a6, + concrete-600: #839192, + concrete-700: #717d7e, + concrete-800: #5f6a6a, + concrete-900: #4d5656, + + +// Asbestos +// ---------------------------------------------------------------------------- + + asbestos: #7f8c8d, + asbestos-50: #f2f4f4, + asbestos-100: #e5e8e8, + asbestos-200: #ccd1d1, + asbestos-300: #b2babb, + asbestos-400: #99a3a4, + asbestos-500: #7f8c8d, + asbestos-600: #707b7c, + asbestos-700: #616a6b, + asbestos-800: #515a5a, + asbestos-900: #424949, + +) \ No newline at end of file diff --git a/dist/scss/standards/_flat_design_hex_var.scss b/dist/scss/standards/_flat_design_hex_var.scss new file mode 100644 index 0000000..5179825 --- /dev/null +++ b/dist/scss/standards/_flat_design_hex_var.scss @@ -0,0 +1,338 @@ +// Copyright 2023 Scape Agency BV + +// Licensed under the Apache License, Version 2.0 (the "License"); +// you may not use this file except in compliance with the License. +// You may obtain a copy of the License at + +// http://www.apache.org/licenses/LICENSE-2.0 + +// Unless required by applicable law or agreed to in writing, software +// distributed under the License is distributed on an "AS IS" BASIS, +// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. +// See the License for the specific language governing permissions and +// limitations under the License. + + +// ============================================================================ +// Flat Design Colors +// ============================================================================ + + +// Turquoise +// ---------------------------------------------------------------------------- + +$turquoise: #1abc9c; +$turquoise-50: #e8f8f5; +$turquoise-100: #d1f2eb; +$turquoise-200: #a3e4d7; +$turquoise-300: #76d7c4; +$turquoise-400: #48c9b0; +$turquoise-500: #1abc9c; +$turquoise-600: #17a589; +$turquoise-700: #148f77; +$turquoise-800: #117864; +$turquoise-900: #0e6251; + + +// Green Sea +// ---------------------------------------------------------------------------- + +$green-sea: #16a085; +$green-sea-50: #e8f6f3; +$green-sea-100: #d0ece7; +$green-sea-200: #a2d9ce; +$green-sea-300: #73c6b6; +$green-sea-400: #45b39d; +$green-sea-500: #16a085; +$green-sea-600: #138d75; +$green-sea-700: #117a65; +$green-sea-800: #0e6655; +$green-sea-900: #0b5345; + + +// Emerald +// ---------------------------------------------------------------------------- + +$emerald: #2ecc71; +$emerald-50: #eafaf1; +$emerald-100: #d5f5e3; +$emerald-200: #abebc6; +$emerald-300: #82e0aa; +$emerald-400: #58d68d; +$emerald-500: #2ecc71; +$emerald-600: #28b463; +$emerald-700: #239b56; +$emerald-800: #1d8348; +$emerald-900: #186a3b; + + +// Nephritis +// ---------------------------------------------------------------------------- + +$nephritis: #27ae60; +$nephritis-50: #e9f7ef; +$nephritis-100: #d4efdf; +$nephritis-200: #a9dfbf; +$nephritis-300: #7dcea0; +$nephritis-400: #52be80; +$nephritis-500: #27ae60; +$nephritis-600: #229954; +$nephritis-700: #1e8449; +$nephritis-800: #196f3d; +$nephritis-900: #145a32; + + +// Peter River +// ---------------------------------------------------------------------------- + +$peter-river: #3498db; +$peter-river-50: #ebf5fb; +$peter-river-100: #d6eaf8; +$peter-river-200: #aed6f1; +$peter-river-300: #85c1e9; +$peter-river-400: #5dade2; +$peter-river-500: #3498db; +$peter-river-600: #2e86c1; +$peter-river-700: #2874a6; +$peter-river-800: #21618c; +$peter-river-900: #1b4f72; + + +// Belize Hole +// ---------------------------------------------------------------------------- + +$belize-hole: #2980b9; +$belize-hole-50: #eaf2f8; +$belize-hole-100: #d4e6f1; +$belize-hole-200: #a9cce3; +$belize-hole-300: #7fb3d5; +$belize-hole-400: #5499c7; +$belize-hole-500: #2980b9; +$belize-hole-600: #2471a3; +$belize-hole-700: #1f618d; +$belize-hole-800: #1a5276; +$belize-hole-900: #154360; + + +// Amethyst +// ---------------------------------------------------------------------------- + +$amethyst: #9b59b6; +$amethyst-50: #f5eef8; +$amethyst-100: #ebdef0; +$amethyst-200: #d7bde2; +$amethyst-300: #c39bd3; +$amethyst-400: #af7ac5; +$amethyst-500: #9b59b6; +$amethyst-600: #884ea0; +$amethyst-700: #76448a; +$amethyst-800: #633974; +$amethyst-900: #512e5f; + + +// Wisteria +// ---------------------------------------------------------------------------- + +$wisteria: #8e44ad; +$wisteria-50: #f4ecf7; +$wisteria-100: #e8daef; +$wisteria-200: #d2b4de; +$wisteria-300: #bb8fce; +$wisteria-400: #a569bd; +$wisteria-500: #8e44ad; +$wisteria-600: #7d3c98; +$wisteria-700: #6c3483; +$wisteria-800: #5b2c6f; +$wisteria-900: #4a235a; + + +// Wet Asphalt +// ---------------------------------------------------------------------------- + +$wet-asphalt: #34495e; +$wet-asphalt-50: #ebedef; +$wet-asphalt-100: #d6dbdf; +$wet-asphalt-200: #aeb6bf; +$wet-asphalt-300: #85929e; +$wet-asphalt-400: #5d6d7e; +$wet-asphalt-500: #34495e; +$wet-asphalt-600: #2e4053; +$wet-asphalt-700: #283747; +$wet-asphalt-800: #212f3c; +$wet-asphalt-900: #1b2631; + + +// Midnight Blue +// ---------------------------------------------------------------------------- + +$midnight-blue: #2c3e50; +$midnight-blue-50: #eaecee; +$midnight-blue-100: #d5d8dc; +$midnight-blue-200: #abb2b9; +$midnight-blue-300: #808b96; +$midnight-blue-400: #566573; +$midnight-blue-500: #2c3e50; +$midnight-blue-600: #273746; +$midnight-blue-700: #212f3d; +$midnight-blue-800: #1c2833; +$midnight-blue-900: #17202a; + + +// Sunflower +// ---------------------------------------------------------------------------- + +$sunflower: #f1c40f; +$sunflower-50: #fef9e7; +$sunflower-100: #fcf3cf; +$sunflower-200: #f9e79f; +$sunflower-300: #f7dc6f; +$sunflower-400: #f4d03f; +$sunflower-500: #f1c40f; +$sunflower-600: #d4ac0d; +$sunflower-700: #b7950b; +$sunflower-800: #9a7d0a; +$sunflower-900: #7d6608; + + +// Orange +// ---------------------------------------------------------------------------- + +$orange: #f39c12; +$orange-50: #fef5e7; +$orange-100: #fdebd0; +$orange-200: #fad7a0; +$orange-300: #f8c471; +$orange-400: #f5b041; +$orange-500: #f39c12; +$orange-600: #d68910; +$orange-700: #b9770e; +$orange-800: #9c640c; +$orange-900: #7e5109; + + +// Carrot +// ---------------------------------------------------------------------------- + +$carrot: #e67e22; +$carrot-50: #fdf2e9; +$carrot-100: #fae5d3; +$carrot-200: #f5cba7; +$carrot-300: #f0b27a; +$carrot-400: #eb984e; +$carrot-500: #e67e22; +$carrot-600: #ca6f1e; +$carrot-700: #af601a; +$carrot-800: #935116; +$carrot-900: #784212; + + +// Pumpkin +// ---------------------------------------------------------------------------- + +$pumpkin: #d35400; +$pumpkin-50: #fbeee6; +$pumpkin-100: #f6ddcc; +$pumpkin-200: #edbb99; +$pumpkin-300: #e59866; +$pumpkin-400: #dc7633; +$pumpkin-500: #d35400; +$pumpkin-600: #ba4a00; +$pumpkin-700: #a04000; +$pumpkin-800: #873600; +$pumpkin-900: #6e2c00; + + +// Alizarin +// ---------------------------------------------------------------------------- + +$alizarin: #e74c3c; +$alizarin-50: #fdedec; +$alizarin-100: #fadbd8; +$alizarin-200: #f5b7b1; +$alizarin-300: #f1948a; +$alizarin-400: #ec7063; +$alizarin-500: #e74c3c; +$alizarin-600: #cb4335; +$alizarin-700: #b03a2e; +$alizarin-800: #943126; +$alizarin-900: #78281f; + + +// Pomegranate +// ---------------------------------------------------------------------------- + +$pomegranate: #c0392b; +$pomegranate-50: #f9ebea; +$pomegranate-100: #f2d7d5; +$pomegranate-200: #e6b0aa; +$pomegranate-300: #d98880; +$pomegranate-400: #cd6155; +$pomegranate-500: #c0392b; +$pomegranate-600: #a93226; +$pomegranate-700: #922b21; +$pomegranate-800: #7b241c; +$pomegranate-900: #641e16; + + +// Clouds +// ---------------------------------------------------------------------------- + +$clouds: #ecf0f1; +$clouds-50: #fdfefe; +$clouds-100: #fbfcfc; +$clouds-200: #f7f9f9; +$clouds-300: #f4f6f7; +$clouds-400: #f0f3f4; +$clouds-500: #ecf0f1; +$clouds-600: #d0d3d4; +$clouds-700: #b3b6b7; +$clouds-800: #979a9a; +$clouds-900: #7b7d7d; + + +// Silver +// ---------------------------------------------------------------------------- + +$silver: #bdc3c7; +$silver-50: #f8f9f9; +$silver-100: #f2f3f4; +$silver-200: #e5e7e9; +$silver-300: #d7dbdd; +$silver-400: #cacfd2; +$silver-500: #bdc3c7; +$silver-600: #a6acaf; +$silver-700: #909497; +$silver-800: #797d7f; +$silver-900: #626567; + + +// Concrete +// ---------------------------------------------------------------------------- + +$concrete: #95a5a6; +$concrete-50: #f4f6f6; +$concrete-100: #eaeded; +$concrete-200: #d5dbdb; +$concrete-300: #bfc9ca; +$concrete-400: #aab7b8; +$concrete-500: #95a5a6; +$concrete-600: #839192; +$concrete-700: #717d7e; +$concrete-800: #5f6a6a; +$concrete-900: #4d5656; + + +// Asbestos +// ---------------------------------------------------------------------------- + +$asbestos: #7f8c8d; +$asbestos-50: #f2f4f4; +$asbestos-100: #e5e8e8; +$asbestos-200: #ccd1d1; +$asbestos-300: #b2babb; +$asbestos-400: #99a3a4; +$asbestos-500: #7f8c8d; +$asbestos-600: #707b7c; +$asbestos-700: #616a6b; +$asbestos-800: #515a5a; +$asbestos-900: #424949; \ No newline at end of file diff --git a/dist/scss/standards/_material_design_colors.scss b/dist/scss/standards/_material_design_colors.scss deleted file mode 100644 index 2143ca0..0000000 --- a/dist/scss/standards/_material_design_colors.scss +++ /dev/null @@ -1,93 +0,0 @@ -/* Material Design color palette downloaded from - * http://htmlcolorcodes.com/color-charts/ - * - * Check out our powerful color picker - * http://htmlcolorcodes.com/color-picker/ - * - * Want to learn more about colors in SCSS? - * http://htmlcolorcodes.com/tutorials/ - * - * - - - - - - - - - - - - - - - - - - - * Credits: - * - * Original color palette by - * https://www.google.com/design/spec/style/color.html - * - * - - - - - - - - - - - - - - - - - - - * How to use: - * - * Include this file with your other .scss files: - * - * @import "material_colors"; - * - * and use the color variables in your stylesheets: - * - * .class { - * color: $red; - * } - */ - -/* Red */ -$red: #f44336; - -/* Pink */ -$pink: #e91e63; - -/* Purple */ -$purple: #9c27b0; - -/* Deep Purple */ -$deep-purple: #673ab7; - -/* Indigo */ -$indigo: #3f51b5; - -/* Blue */ -$blue: #2196f3; - -/* Light Blue */ -$light-blue: #03a9f4; - -/* Cyan */ -$cyan: #00bcd4; - -/* Teal */ -$teal: #009688; - -/* Green */ -$green: #4caf50; - -/* Light Green */ -$light-green: #8bc34a; - -/* Lime */ -$lime: #cddc39; - -/* Yellow */ -$yellow: #ffeb3b; - -/* Amber */ -$amber: #ffc107; - -/* Orange */ -$orange: #ff9800; - -/* Deep Orange */ -$deep-orange: #ff5722; - -/* Brown */ -$brown: #795548; - -/* Grey */ -$grey: #9e9e9e; - -/* Blue Grey */ -$blue-grey: #607d8b; - -/* White / Black */ -$white: #ffffff; -$black: #000000; - -/* Want more? Get the full Material Design color palette at - * http://htmlcolorcodes.com/color-charts/ - */ \ No newline at end of file diff --git a/dist/scss/standards/_material_design_hex_map.scss b/dist/scss/standards/_material_design_hex_map.scss new file mode 100644 index 0000000..17ede17 --- /dev/null +++ b/dist/scss/standards/_material_design_hex_map.scss @@ -0,0 +1,396 @@ +// Copyright 2023 Scape Agency BV + +// Licensed under the Apache License, Version 2.0 (the "License"), +// you may not use this file except in compliance with the License. +// You may obtain a copy of the License at + +// http://www.apache.org/licenses/LICENSE-2.0 + +// Unless required by applicable law or agreed to in writing, software +// distributed under the License is distributed on an "AS IS" BASIS, +// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. +// See the License for the specific language governing permissions and +// limitations under the License. + + +// ============================================================================ +// Material Design Colors +// ============================================================================ + +$color_material_design_hex: ( + + +// Red +// ---------------------------------------------------------------------------- + + red: #f44336, + red-50: #ffebee, + red-100: #ffcdd2, + red-200: #ef9a9a, + red-300: #e57373, + red-400: #ef5350, + red-500: #f44336, + red-600: #e53935, + red-700: #d32f2f, + red-800: #c62828, + red-900: #b71c1c, + red-a100: #ff8a80, + red-a200: #ff5252, + red-a400: #ff1744, + red-a700: #d50000, + + + +// Pink +// ---------------------------------------------------------------------------- + + pink: #e91e63, + pink-50: #fce4ec, + pink-100: #f8bbd0, + pink-200: #f48fb1, + pink-300: #f06292, + pink-400: #ec407a, + pink-500: #e91e63, + pink-600: #d81b60, + pink-700: #c2185b, + pink-800: #ad1457, + pink-900: #880e4f, + pink-a100: #ff80ab, + pink-a200: #ff4081, + pink-a400: #f50057, + pink-a700: #c51162, + + +// Purple +// ---------------------------------------------------------------------------- + + purple: #9c27b0, + purple-50: #f3e5f5, + purple-100: #e1bee7, + purple-200: #ce93d8, + purple-300: #ba68c8, + purple-400: #ab47bc, + purple-500: #9c27b0, + purple-600: #8e24aa, + purple-700: #7b1fa2, + purple-800: #6a1b9a, + purple-900: #4a148c, + purple-a100: #ea80fc, + purple-a200: #e040fb, + purple-a400: #d500f9, + purple-a700: #aa00ff, + + +// Deep Purple +// ---------------------------------------------------------------------------- + + deep-purple: #673ab7, + deep-purple-50: #ede7f6, + deep-purple-100: #d1c4e9, + deep-purple-200: #b39ddb, + deep-purple-300: #9575cd, + deep-purple-400: #7e57c2, + deep-purple-500: #673ab7, + deep-purple-600: #5e35b1, + deep-purple-700: #512da8, + deep-purple-800: #4527a0, + deep-purple-900: #311b92, + deep-purple-a100: #b388ff, + deep-purple-a200: #7c4dff, + deep-purple-a400: #651fff, + deep-purple-a700: #6200ea, + + +// Indigo +// ---------------------------------------------------------------------------- + + indigo: #3f51b5, + indigo-50: #e8eaf6, + indigo-100: #c5cae9, + indigo-200: #9fa8da, + indigo-300: #7986cb, + indigo-400: #5c6bc0, + indigo-500: #3f51b5, + indigo-600: #3949ab, + indigo-700: #303f9f, + indigo-800: #283593, + indigo-900: #1a237e, + indigo-a100: #8c9eff, + indigo-a200: #536dfe, + indigo-a400: #3d5afe, + indigo-a700: #304ffe, + + +// Blue +// ---------------------------------------------------------------------------- + + blue: #2196f3, + blue-50: #e3f2fd, + blue-100: #bbdefb, + blue-200: #90caf9, + blue-300: #64b5f6, + blue-400: #42a5f5, + blue-500: #2196f3, + blue-600: #1e88e5, + blue-700: #1976d2, + blue-800: #1565c0, + blue-900: #0d47a1, + blue-a100: #82b1ff, + blue-a200: #448aff, + blue-a400: #2979ff, + blue-a700: #2962ff, + + +// Light Blue +// ---------------------------------------------------------------------------- + + light-blue: #03a9f4, + light-blue-50: #e1f5fe, + light-blue-100: #b3e5fc, + light-blue-200: #81d4fa, + light-blue-300: #4fc3f7, + light-blue-400: #29b6f6, + light-blue-500: #03a9f4, + light-blue-600: #039be5, + light-blue-700: #0288d1, + light-blue-800: #0277bd, + light-blue-900: #01579b, + light-blue-a100: #80d8ff, + light-blue-a200: #40c4ff, + light-blue-a400: #00b0ff, + light-blue-a700: #0091ea, + + +// Cyan +// ---------------------------------------------------------------------------- + + cyan: #00bcd4, + cyan-50: #e0f7fa, + cyan-100: #b2ebf2, + cyan-200: #80deea, + cyan-300: #4dd0e1, + cyan-400: #26c6da, + cyan-500: #00bcd4, + cyan-600: #00acc1, + cyan-700: #0097a7, + cyan-800: #00838f, + cyan-900: #006064, + cyan-a100: #84ffff, + cyan-a200: #18ffff, + cyan-a400: #00e5ff, + cyan-a700: #00b8d4, + + +// Teal +// ---------------------------------------------------------------------------- + + teal: #009688, + teal-50: #e0f2f1, + teal-100: #b2dfdb, + teal-200: #80cbc4, + teal-300: #4db6ac, + teal-400: #26a69a, + teal-500: #009688, + teal-600: #00897b, + teal-700: #00796b, + teal-800: #00695c, + teal-900: #004d40, + teal-a100: #a7ffeb, + teal-a200: #64ffda, + teal-a400: #1de9b6, + teal-a700: #00bfa5, + + +// Green +// ---------------------------------------------------------------------------- + + green: #4caf50, + green-50: #e8f5e9, + green-100: #c8e6c9, + green-200: #a5d6a7, + green-300: #81c784, + green-400: #66bb6a, + green-500: #4caf50, + green-600: #43a047, + green-700: #388e3c, + green-800: #2e7d32, + green-900: #1b5e20, + green-a100: #b9f6ca, + green-a200: #69f0ae, + green-a400: #00e676, + green-a700: #00c853, + + +// Light Green +// ---------------------------------------------------------------------------- + + light-green: #8bc34a, + light-green-50: #f1f8e9, + light-green-100: #dcedc8, + light-green-200: #c5e1a5, + light-green-300: #aed581, + light-green-400: #9ccc65, + light-green-500: #8bc34a, + light-green-600: #7cb342, + light-green-700: #689f38, + light-green-800: #558b2f, + light-green-900: #33691e, + light-green-a100: #ccff90, + light-green-a200: #b2ff59, + light-green-a400: #76ff03, + light-green-a700: #64dd17, + + +// Lime +// ---------------------------------------------------------------------------- + + lime: #cddc39, + lime-50: #f9fbe7, + lime-100: #f0f4c3, + lime-200: #e6ee9c, + lime-300: #dce775, + lime-400: #d4e157, + lime-500: #cddc39, + lime-600: #c0ca33, + lime-700: #afb42b, + lime-800: #9e9d24, + lime-900: #827717, + lime-a100: #f4ff81, + lime-a200: #eeff41, + lime-a400: #c6ff00, + lime-a700: #aeea00, + + +// Yellow +// ---------------------------------------------------------------------------- + + yellow: #ffeb3b, + yellow-50: #fffde7, + yellow-100: #fff9c4, + yellow-200: #fff59d, + yellow-300: #fff176, + yellow-400: #ffee58, + yellow-500: #ffeb3b, + yellow-600: #fdd835, + yellow-700: #fbc02d, + yellow-800: #f9a825, + yellow-900: #f57f17, + yellow-a100: #ffff8d, + yellow-a200: #ffff00, + yellow-a400: #ffea00, + yellow-a700: #ffd600, + + +// Amber +// ---------------------------------------------------------------------------- + + amber: #ffc107, + amber-50: #fff8e1, + amber-100: #ffecb3, + amber-200: #ffe082, + amber-300: #ffd54f, + amber-400: #ffca28, + amber-500: #ffc107, + amber-600: #ffb300, + amber-700: #ffa000, + amber-800: #ff8f00, + amber-900: #ff6f00, + amber-a100: #ffe57f, + amber-a200: #ffd740, + amber-a400: #ffc400, + amber-a700: #ffab00, + + +// Orange +// ---------------------------------------------------------------------------- + + orange: #ff9800, + orange-50: #fff3e0, + orange-100: #ffe0b2, + orange-200: #ffcc80, + orange-300: #ffb74d, + orange-400: #ffa726, + orange-500: #ff9800, + orange-600: #fb8c00, + orange-700: #f57c00, + orange-800: #ef6c00, + orange-900: #e65100, + orange-a100: #ffd180, + orange-a200: #ffab40, + orange-a400: #ff9100, + orange-a700: #ff6d00, + + +// Deep Orange +// ---------------------------------------------------------------------------- + + deep-orange: #ff5722, + deep-orange-50: #fbe9e7, + deep-orange-100: #ffccbc, + deep-orange-200: #ffab91, + deep-orange-300: #ff8a65, + deep-orange-400: #ff7043, + deep-orange-500: #ff5722, + deep-orange-600: #f4511e, + deep-orange-700: #e64a19, + deep-orange-800: #d84315, + deep-orange-900: #bf360c, + deep-orange-a100: #ff9e80, + deep-orange-a200: #ff6e40, + deep-orange-a400: #ff3d00, + deep-orange-a700: #dd2c00, + + +// Brown +// ---------------------------------------------------------------------------- + + brown: #795548, + brown-50: #efebe9, + brown-100: #d7ccc8, + brown-200: #bcaaa4, + brown-300: #a1887f, + brown-400: #8d6e63, + brown-500: #795548, + brown-600: #6d4c41, + brown-700: #5d4037, + brown-800: #4e342e, + brown-900: #3e2723, + + +// Grey +// ---------------------------------------------------------------------------- + + grey: #9e9e9e, + grey-50: #fafafa, + grey-100: #f5f5f5, + grey-200: #eeeeee, + grey-300: #e0e0e0, + grey-400: #bdbdbd, + grey-500: #9e9e9e, + grey-600: #757575, + grey-700: #616161, + grey-800: #424242, + grey-900: #212121, + + +// Blue Grey +// ---------------------------------------------------------------------------- + + blue-grey: #607d8b, + blue-grey-50: #eceff1, + blue-grey-100: #cfd8dc, + blue-grey-200: #b0bec5, + blue-grey-300: #90a4ae, + blue-grey-400: #78909c, + blue-grey-500: #607d8b, + blue-grey-600: #546e7a, + blue-grey-700: #455a64, + blue-grey-800: #37474f, + blue-grey-900: #263238, + + +// White / Black +// ---------------------------------------------------------------------------- + + white: #ffffff, + black: #000000, \ No newline at end of file diff --git a/dist/scss/standards/_material_design_colors_full.scss b/dist/scss/standards/_material_design_hex_var.scss similarity index 69% rename from dist/scss/standards/_material_design_colors_full.scss rename to dist/scss/standards/_material_design_hex_var.scss index d157541..32ba33a 100644 --- a/dist/scss/standards/_material_design_colors_full.scss +++ b/dist/scss/standards/_material_design_hex_var.scss @@ -1,41 +1,27 @@ -/* Material Design color palette (full) downloaded from - * http://htmlcolorcodes.com/color-charts/ - * - * Check out our powerful color picker - * http://htmlcolorcodes.com/color-picker/ - * - * Want to learn more about colors in SCSS? - * http://htmlcolorcodes.com/tutorials/ - * - * - - - - - - - - - - - - - - - - - - - * Credits: - * - * Original color palette by - * https://www.google.com/design/spec/style/color.html - * - * - - - - - - - - - - - - - - - - - - - * How to use: - * - * Include this file with your other .scss files: - * - * @import "material_colors_full"; - * - * and use the color variables in your stylesheets: - * - * .class { - * color: $red-500; - * } - * - * - - - - - - - - - - - - - - - - - - - * Note: - * - * $color and $color-500 are the same, simply there - * for your convenience. - * - * Variables with numbers prefixed by 'a' are accent colors - */ - -/* Red */ +// Copyright 2023 Scape Agency BV + +// Licensed under the Apache License, Version 2.0 (the "License"); +// you may not use this file except in compliance with the License. +// You may obtain a copy of the License at + +// http://www.apache.org/licenses/LICENSE-2.0 + +// Unless required by applicable law or agreed to in writing, software +// distributed under the License is distributed on an "AS IS" BASIS, +// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. +// See the License for the specific language governing permissions and +// limitations under the License. + + +// ============================================================================ +// Material Design Colors +// ============================================================================ + + + +// Red +// ---------------------------------------------------------------------------- + $red: #f44336; $red-50: #ffebee; $red-100: #ffcdd2; @@ -52,7 +38,11 @@ $red-a200: #ff5252; $red-a400: #ff1744; $red-a700: #d50000; -/* Pink */ + + +// Pink +// ---------------------------------------------------------------------------- + $pink: #e91e63; $pink-50: #fce4ec; $pink-100: #f8bbd0; @@ -69,7 +59,10 @@ $pink-a200: #ff4081; $pink-a400: #f50057; $pink-a700: #c51162; -/* Purple */ + +// Purple +// ---------------------------------------------------------------------------- + $purple: #9c27b0; $purple-50: #f3e5f5; $purple-100: #e1bee7; @@ -86,7 +79,10 @@ $purple-a200: #e040fb; $purple-a400: #d500f9; $purple-a700: #aa00ff; -/* Deep Purple */ + +// Deep Purple +// ---------------------------------------------------------------------------- + $deep-purple: #673ab7; $deep-purple-50: #ede7f6; $deep-purple-100: #d1c4e9; @@ -103,7 +99,10 @@ $deep-purple-a200: #7c4dff; $deep-purple-a400: #651fff; $deep-purple-a700: #6200ea; -/* Indigo */ + +// Indigo +// ---------------------------------------------------------------------------- + $indigo: #3f51b5; $indigo-50: #e8eaf6; $indigo-100: #c5cae9; @@ -120,7 +119,10 @@ $indigo-a200: #536dfe; $indigo-a400: #3d5afe; $indigo-a700: #304ffe; -/* Blue */ + +// Blue +// ---------------------------------------------------------------------------- + $blue: #2196f3; $blue-50: #e3f2fd; $blue-100: #bbdefb; @@ -137,7 +139,10 @@ $blue-a200: #448aff; $blue-a400: #2979ff; $blue-a700: #2962ff; -/* Light Blue */ + +// Light Blue +// ---------------------------------------------------------------------------- + $light-blue: #03a9f4; $light-blue-50: #e1f5fe; $light-blue-100: #b3e5fc; @@ -154,7 +159,10 @@ $light-blue-a200: #40c4ff; $light-blue-a400: #00b0ff; $light-blue-a700: #0091ea; -/* Cyan */ + +// Cyan +// ---------------------------------------------------------------------------- + $cyan: #00bcd4; $cyan-50: #e0f7fa; $cyan-100: #b2ebf2; @@ -171,7 +179,10 @@ $cyan-a200: #18ffff; $cyan-a400: #00e5ff; $cyan-a700: #00b8d4; -/* Teal */ + +// Teal +// ---------------------------------------------------------------------------- + $teal: #009688; $teal-50: #e0f2f1; $teal-100: #b2dfdb; @@ -188,7 +199,10 @@ $teal-a200: #64ffda; $teal-a400: #1de9b6; $teal-a700: #00bfa5; -/* Green */ + +// Green +// ---------------------------------------------------------------------------- + $green: #4caf50; $green-50: #e8f5e9; $green-100: #c8e6c9; @@ -205,7 +219,10 @@ $green-a200: #69f0ae; $green-a400: #00e676; $green-a700: #00c853; -/* Light Green */ + +// Light Green +// ---------------------------------------------------------------------------- + $light-green: #8bc34a; $light-green-50: #f1f8e9; $light-green-100: #dcedc8; @@ -222,7 +239,10 @@ $light-green-a200: #b2ff59; $light-green-a400: #76ff03; $light-green-a700: #64dd17; -/* Lime */ + +// Lime +// ---------------------------------------------------------------------------- + $lime: #cddc39; $lime-50: #f9fbe7; $lime-100: #f0f4c3; @@ -239,7 +259,10 @@ $lime-a200: #eeff41; $lime-a400: #c6ff00; $lime-a700: #aeea00; -/* Yellow */ + +// Yellow +// ---------------------------------------------------------------------------- + $yellow: #ffeb3b; $yellow-50: #fffde7; $yellow-100: #fff9c4; @@ -256,7 +279,10 @@ $yellow-a200: #ffff00; $yellow-a400: #ffea00; $yellow-a700: #ffd600; -/* Amber */ + +// Amber +// ---------------------------------------------------------------------------- + $amber: #ffc107; $amber-50: #fff8e1; $amber-100: #ffecb3; @@ -273,7 +299,10 @@ $amber-a200: #ffd740; $amber-a400: #ffc400; $amber-a700: #ffab00; -/* Orange */ + +// Orange +// ---------------------------------------------------------------------------- + $orange: #ff9800; $orange-50: #fff3e0; $orange-100: #ffe0b2; @@ -290,7 +319,10 @@ $orange-a200: #ffab40; $orange-a400: #ff9100; $orange-a700: #ff6d00; -/* Deep Orange */ + +// Deep Orange +// ---------------------------------------------------------------------------- + $deep-orange: #ff5722; $deep-orange-50: #fbe9e7; $deep-orange-100: #ffccbc; @@ -307,7 +339,10 @@ $deep-orange-a200: #ff6e40; $deep-orange-a400: #ff3d00; $deep-orange-a700: #dd2c00; -/* Brown */ + +// Brown +// ---------------------------------------------------------------------------- + $brown: #795548; $brown-50: #efebe9; $brown-100: #d7ccc8; @@ -320,7 +355,10 @@ $brown-700: #5d4037; $brown-800: #4e342e; $brown-900: #3e2723; -/* Grey */ + +// Grey +// ---------------------------------------------------------------------------- + $grey: #9e9e9e; $grey-50: #fafafa; $grey-100: #f5f5f5; @@ -333,7 +371,10 @@ $grey-700: #616161; $grey-800: #424242; $grey-900: #212121; -/* Blue Grey */ + +// Blue Grey +// ---------------------------------------------------------------------------- + $blue-grey: #607d8b; $blue-grey-50: #eceff1; $blue-grey-100: #cfd8dc; @@ -346,10 +387,9 @@ $blue-grey-700: #455a64; $blue-grey-800: #37474f; $blue-grey-900: #263238; -/* White / Black */ -$white: #ffffff; -$black: #000000; -/* Want more? Check our our other color palettes at - * http://htmlcolorcodes.com/color-charts/ - */ \ No newline at end of file +// White / Black +// ---------------------------------------------------------------------------- + +$white: #ffffff; +$black: #000000; \ No newline at end of file diff --git a/dist/scss/standards/_tailwind_hex_map.scss b/dist/scss/standards/_tailwind_hex_map.scss new file mode 100644 index 0000000..d835da6 --- /dev/null +++ b/dist/scss/standards/_tailwind_hex_map.scss @@ -0,0 +1,765 @@ +// Copyright 2023 Scape Agency BV + +// Licensed under the Apache License, Version 2.0 (the License"), +// you may not use this file except in compliance with the License. +// You may obtain a copy of the License at + +// http://www.apache.org/licenses/LICENSE-2.0 + +// Unless required by applicable law or agreed to in writing, software +// distributed under the License is distributed on an AS IS" BASIS, +// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. +// See the License for the specific language governing permissions and +// limitations under the License. + + +// ============================================================================ +// Color | Tailwind +// ============================================================================ + +$color_tailwind_design_hex: ( + +// Color | Tailwind | Base +// ---------------------------------------------------------------------------- + + transparent: transparent, + black: #000000, + white: #ffffff, + + +// Color | Tailwind | Red +// ---------------------------------------------------------------------------- + + red: #f44336, + red-50: #ffebee, + red-100: #ffcdd2, + red-200: #ef9a9a, + red-300: #e57373, + red-400: #ef5350, + red-500: #f44336, + red-600: #e53935, + red-700: #d32f2f, + red-800: #c62828, + red-900: #b71c1c, + red-100-accent: #ff8a80, + red-200-accent: #ff5252, + red-400-accent: #ff1744, + red-700-accent: #d50000, + + +// Color | Tailwind | Pink +// ---------------------------------------------------------------------------- + + pink: #e91e63, + pink-50: #fce4ec, + pink-100: #f8bbd0, + pink-200: #f48fb1, + pink-300: #f06292, + pink-400: #ec407a, + pink-500: #e91e63, + pink-600: #d81b60, + pink-700: #c2185b, + pink-800: #ad1457, + pink-900: #880e4f, + pink-100-accent: #ff80ab, + pink-200-accent: #ff4081, + pink-400-accent: #f50057, + pink-700-accent: #c51162, + + +// Color | Tailwind | Purple +// ---------------------------------------------------------------------------- + + purple: #9c27b0, + purple-50: #f3e5f5, + purple-100: #e1bee7, + purple-200: #ce93d8, + purple-300: #ba68c8, + purple-400: #ab47bc, + purple-500: #9c27b0, + purple-600: #8e24aa, + purple-700: #7b1fa2, + purple-800: #6a1b9a, + purple-900: #4a148c, + purple-100-accent: #ea80fc, + purple-200-accent: #e040fb, + purple-400-accent: #d500f9, + purple-700-accent: #aa00ff, + + +// Color | Tailwind | Deep Purple +// ---------------------------------------------------------------------------- + + deep-purple: #673ab7, + deep-purple-50: #ede7f6, + deep-purple-100: #d1c4e9, + deep-purple-200: #b39ddb, + deep-purple-300: #9575cd, + deep-purple-400: #7e57c2, + deep-purple-500: #673ab7, + deep-purple-600: #5e35b1, + deep-purple-700: #512da8, + deep-purple-800: #4527a0, + deep-purple-900: #311b92, + deep-purple-100-accent: #b388ff, + deep-purple-200-accent: #7c4dff, + deep-purple-400-accent: #651fff, + deep-purple-700-accent: #6200ea, + + +// Color | Tailwind | Indigo +// ---------------------------------------------------------------------------- + + indigo: #3f51b5, + indigo-50: #e8eaf6, + indigo-100: #c5cae9, + indigo-200: #9fa8da, + indigo-300: #7986cb, + indigo-400: #5c6bc0, + indigo-500: #3f51b5, + indigo-600: #3949ab, + indigo-700: #303f9f, + indigo-800: #283593, + indigo-900: #1a237e, + indigo-100-accent: #8c9eff, + indigo-200-accent: #536dfe, + indigo-400-accent: #3d5afe, + indigo-700-accent: #304ffe, + + +// Color | Tailwind | Blue +// ---------------------------------------------------------------------------- + + blue: #2196f3, + blue-50: #e3f2fd, + blue-100: #bbdefb, + blue-200: #90caf9, + blue-300: #64b5f6, + blue-400: #42a5f5, + blue-500: #2196f3, + blue-600: #1e88e5, + blue-700: #1976d2, + blue-800: #1565c0, + blue-900: #0d47a1, + blue-100-accent: #82b1ff, + blue-200-accent: #448aff, + blue-400-accent: #2979ff, + blue-700-accent: #2962ff, + + +// Color | Tailwind | Light Blue +// ---------------------------------------------------------------------------- + + light-blue: #03a9f4, + light-blue-50: #e1f5fe, + light-blue-100: #b3e5fc, + light-blue-200: #81d4fa, + light-blue-300: #4fc3f7, + light-blue-400: #29b6f6, + light-blue-500: #03a9f4, + light-blue-600: #039be5, + light-blue-700: #0288d1, + light-blue-800: #0277bd, + light-blue-900: #01579b, + light-blue-100-accent: #80d8ff, + light-blue-200-accent: #40c4ff, + light-blue-400-accent: #00b0ff, + light-blue-700-accent: #0091ea, + + +// Color | Tailwind | Cyan +// ---------------------------------------------------------------------------- + + cyan: #00bcd4, + cyan-50: #e0f7fa, + cyan-100: #b2ebf2, + cyan-200: #80deea, + cyan-300: #4dd0e1, + cyan-400: #26c6da, + cyan-500: #00bcd4, + cyan-600: #00acc1, + cyan-700: #0097a7, + cyan-800: #00838f, + cyan-900: #006064, + cyan-100-accent: #84ffff, + cyan-200-accent: #18ffff, + cyan-400-accent: #00e5ff, + cyan-700-accent: #00b8d4, + + +// Color | Tailwind | Teal +// ---------------------------------------------------------------------------- + + teal: #009688, + teal-50: #e0f2f1, + teal-100: #b2dfdb, + teal-200: #80cbc4, + teal-300: #4db6ac, + teal-400: #26a69a, + teal-500: #009688, + teal-600: #00897b, + teal-700: #00796b, + teal-800: #00695c, + teal-900: #004d40, + teal-100-accent: #a7ffeb, + teal-200-accent: #64ffda, + teal-400-accent: #1de9b6, + teal-700-accent: #00bfa5, + + +// Color | Tailwind | Green +// ---------------------------------------------------------------------------- + + green: #4caf50, + green-50: #e8f5e9, + green-100: #c8e6c9, + green-200: #a5d6a7, + green-300: #81c784, + green-400: #66bb6a, + green-500: #4caf50, + green-600: #43a047, + green-700: #388e3c, + green-800: #2e7d32, + green-900: #1b5e20, + green-100-accent: #b9f6ca, + green-200-accent: #69f0ae, + green-400-accent: #00e676, + green-700-accent: #00c853, + + +// Color | Tailwind | Light Green +// ---------------------------------------------------------------------------- + + light-green: #8bc34a, + light-green-50: #f1f8e9, + light-green-100: #dcedc8, + light-green-200: #c5e1a5, + light-green-300: #aed581, + light-green-400: #9ccc65, + light-green-500: #8bc34a, + light-green-600: #7cb342, + light-green-700: #689f38, + light-green-800: #558b2f, + light-green-900: #33691e, + light-green-100-accent: #ccff90, + light-green-200-accent: #b2ff59, + light-green-400-accent: #76ff03, + light-green-700-accent: #64dd17, + + +// Color | Tailwind | Lime +// ---------------------------------------------------------------------------- + + lime: #cddc39, + lime-50: #f9fbe7, + lime-100: #f0f4c3, + lime-200: #e6ee9c, + lime-300: #dce775, + lime-400: #d4e157, + lime-500: #cddc39, + lime-600: #c0ca33, + lime-700: #afb42b, + lime-800: #9e9d24, + lime-900: #827717, + lime-100-accent: #f4ff81, + lime-200-accent: #eeff41, + lime-400-accent: #c6ff00, + lime-700-accent: #aeea00, + + +// Color | Tailwind | Yellow +// ---------------------------------------------------------------------------- + + yellow: #ffeb3b, + yellow-50: #fffde7, + yellow-100: #fff9c4, + yellow-200: #fff59d, + yellow-300: #fff176, + yellow-400: #ffee58, + yellow-500: #ffeb3b, + yellow-600: #fdd835, + yellow-700: #fbc02d, + yellow-800: #f9a825, + yellow-900: #f57f17, + yellow-100-accent: #ffff8d, + yellow-200-accent: #ffff00, + yellow-400-accent: #ffea00, + yellow-700-accent: #ffd600, + + +// Color | Tailwind | Amber +// ---------------------------------------------------------------------------- + + amber: #ffc107, + amber-50: #fff8e1, + amber-100: #ffecb3, + amber-200: #ffe082, + amber-300: #ffd54f, + amber-400: #ffca28, + amber-500: #ffc107, + amber-600: #ffb300, + amber-700: #ffa000, + amber-800: #ff8f00, + amber-900: #ff6f00, + amber-100-accent: #ffe57f, + amber-200-accent: #ffd740, + amber-400-accent: #ffc400, + amber-700-accent: #ffab00, + + +// Color | Tailwind | Orange +// ---------------------------------------------------------------------------- + + orange: #ff9800, + orange-50: #fff3e0, + orange-100: #ffe0b2, + orange-200: #ffcc80, + orange-300: #ffb74d, + orange-400: #ffa726, + orange-500: #ff9800, + orange-600: #fb8c00, + orange-700: #f57c00, + orange-800: #ef6c00, + orange-900: #e65100, + orange-100-accent: #ffd180, + orange-200-accent: #ffab40, + orange-400-accent: #ff9100, + orange-700-accent: #ff6d00, + + +// Color | Tailwind | Deep Orange +// ---------------------------------------------------------------------------- + + deep-orange: #ff5722, + deep-orange-50: #fbe9e7, + deep-orange-100: #ffccbc, + deep-orange-200: #ffab91, + deep-orange-300: #ff8a65, + deep-orange-400: #ff7043, + deep-orange-500: #ff5722, + deep-orange-600: #f4511e, + deep-orange-700: #e64a19, + deep-orange-800: #d84315, + deep-orange-900: #bf360c, + deep-orange-100-accent: #ff9e80, + deep-orange-200-accent: #ff6e40, + deep-orange-400-accent: #ff3d00, + deep-orange-700-accent: #dd2c00, + + +// Color | Tailwind | Brown +// ---------------------------------------------------------------------------- + + brown: #795548, + brown-50: #efebe9, + brown-100: #d7ccc8, + brown-200: #bcaaa4, + brown-300: #a1887f, + brown-400: #8d6e63, + brown-500: #795548, + brown-600: #6d4c41, + brown-700: #5d4037, + brown-800: #4e342e, + brown-900: #3e2723, + + +// Color | Tailwind | Grey +// ---------------------------------------------------------------------------- + + grey: #9e9e9e, + grey-50: #fafafa, + grey-100: #f5f5f5, + grey-200: #eeeeee, + grey-300: #e0e0e0, + grey-400: #bdbdbd, + grey-500: #9e9e9e, + grey-600: #757575, + grey-700: #616161, + grey-800: #424242, + grey-900: #212121, + + +// Color | Tailwind | Blue Grey +// ---------------------------------------------------------------------------- + + blue-grey: #607d8b, + blue-grey-50: #eceff1, + blue-grey-100: #cfd8dc, + blue-grey-200: #b0bec5, + blue-grey-300: #90a4ae, + blue-grey-400: #78909c, + blue-grey-500: #607d8b, + blue-grey-600: #546e7a, + blue-grey-700: #455a64, + blue-grey-800: #37474f, + blue-grey-900: #263238, + + +// Color | Tailwind | Red Contrast +// ---------------------------------------------------------------------------- + + red-contrast: white, + red-50-contrast: black, + red-100-contrast: black, + red-200-contrast: black, + red-300-contrast: black, + red-400-contrast: black, + red-500-contrast: white, + red-600-contrast: white, + red-700-contrast: white, + red-800-contrast: white, + red-900-contrast: white, + red-100-accent-contrast: black, + red-200-accent-contrast: white, + red-400-accent-contrast: white, + red-700-accent-contrast: white, + + +// Color | Tailwind | Pink Contrast +// ---------------------------------------------------------------------------- + + pink-contrast: white, + pink-50-contrast: black, + pink-100-contrast: black, + pink-200-contrast: black, + pink-300-contrast: black, + pink-400-contrast: black, + pink-500-contrast: white, + pink-600-contrast: white, + pink-700-contrast: white, + pink-800-contrast: white, + pink-900-contrast: white, + pink-100-accent-contrast: black, + pink-200-accent-contrast: white, + pink-400-accent-contrast: white, + pink-700-accent-contrast: white, + + +// Color | Tailwind | Purple Contrast +// ---------------------------------------------------------------------------- + + purple-contrast: white, + purple-50-contrast: black, + purple-100-contrast: black, + purple-200-contrast: black, + purple-300-contrast: white, + purple-400-contrast: white, + purple-500-contrast: white, + purple-600-contrast: white, + purple-700-contrast: white, + purple-800-contrast: white, + purple-900-contrast: white, + purple-100-accent-contrast: black, + purple-200-accent-contrast: white, + purple-400-accent-contrast: white, + purple-700-accent-contrast: white, + + +// Color | Tailwind | Deep Purple Contrast +// ---------------------------------------------------------------------------- + + deep-purple-contrast: white, + deep-purple-50-contrast: black, + deep-purple-100-contrast: black, + deep-purple-200-contrast: black, + deep-purple-300-contrast: white, + deep-purple-400-contrast: white, + deep-purple-500-contrast: white, + deep-purple-600-contrast: white, + deep-purple-700-contrast: white, + deep-purple-800-contrast: white, + deep-purple-900-contrast: white, + deep-purple-100-accent-contrast: black, + deep-purple-200-accent-contrast: white, + deep-purple-400-accent-contrast: white, + deep-purple-700-accent-contrast: white, + + +// Color | Tailwind | Indigo Contrast +// ---------------------------------------------------------------------------- + + indigo-contrast: white, + indigo-50-contrast: black, + indigo-100-contrast: black, + indigo-200-contrast: black, + indigo-300-contrast: white, + indigo-400-contrast: white, + indigo-500-contrast: white, + indigo-600-contrast: white, + indigo-700-contrast: white, + indigo-800-contrast: white, + indigo-900-contrast: white, + indigo-100-accent-contrast: black, + indigo-200-accent-contrast: white, + indigo-400-accent-contrast: white, + indigo-700-accent-contrast: white, + + +// Color | Tailwind | Blue Contrast +// ---------------------------------------------------------------------------- + + blue-contrast: white, + blue-50-contrast: black, + blue-100-contrast: black, + blue-200-contrast: black, + blue-300-contrast: black, + blue-400-contrast: black, + blue-500-contrast: white, + blue-600-contrast: white, + blue-700-contrast: white, + blue-800-contrast: white, + blue-900-contrast: white, + blue-100-accent-contrast: black, + blue-200-accent-contrast: white, + blue-400-accent-contrast: white, + blue-700-accent-contrast: white, + + +// Color | Tailwind | Light Blue Contrast +// ---------------------------------------------------------------------------- + + light-blue-contrast: white, + light-blue-50-contrast: black, + light-blue-100-contrast: black, + light-blue-200-contrast: black, + light-blue-300-contrast: black, + light-blue-400-contrast: black, + light-blue-500-contrast: white, + light-blue-600-contrast: white, + light-blue-700-contrast: white, + light-blue-800-contrast: white, + light-blue-900-contrast: white, + light-blue-100-accent-contrast: black, + light-blue-200-accent-contrast: black, + light-blue-400-accent-contrast: black, + light-blue-700-accent-contrast: white, + + +// Color | Tailwind | Cyan Contrast +// ---------------------------------------------------------------------------- + + cyan-contrast: white, + cyan-50-contrast: black, + cyan-100-contrast: black, + cyan-200-contrast: black, + cyan-300-contrast: black, + cyan-400-contrast: black, + cyan-500-contrast: white, + cyan-600-contrast: white, + cyan-700-contrast: white, + cyan-800-contrast: white, + cyan-900-contrast: white, + cyan-100-accent-contrast: black, + cyan-200-accent-contrast: black, + cyan-400-accent-contrast: black, + cyan-700-accent-contrast: black, + + +// Color | Tailwind | Teal Contrast +// ---------------------------------------------------------------------------- + + teal-contrast: white, + teal-50-contrast: black, + teal-100-contrast: black, + teal-200-contrast: black, + teal-300-contrast: black, + teal-400-contrast: black, + teal-500-contrast: white, + teal-600-contrast: white, + teal-700-contrast: white, + teal-800-contrast: white, + teal-900-contrast: white, + teal-100-accent-contrast: black, + teal-200-accent-contrast: black, + teal-400-accent-contrast: black, + teal-700-accent-contrast: black, + + +// Color | Tailwind | Green Contrast +// ---------------------------------------------------------------------------- + + green-contrast: white, + green-50-contrast: black, + green-100-contrast: black, + green-200-contrast: black, + green-300-contrast: black, + green-400-contrast: black, + green-500-contrast: white, + green-600-contrast: white, + green-700-contrast: white, + green-800-contrast: white, + green-900-contrast: white, + green-100-accent-contrast: black, + green-200-accent-contrast: black, + green-400-accent-contrast: black, + green-700-accent-contrast: black, + + +// Color | Tailwind | Light Green Contrast +// ---------------------------------------------------------------------------- + + light-green-contrast: black, + light-green-50-contrast: black, + light-green-100-contrast: black, + light-green-200-contrast: black, + light-green-300-contrast: black, + light-green-400-contrast: black, + light-green-500-contrast: black, + light-green-600-contrast: black, + light-green-700-contrast: black, + light-green-800-contrast: white, + light-green-900-contrast: white, + light-green-100-accent-contrast: black, + light-green-200-accent-contrast: black, + light-green-400-accent-contrast: black, + light-green-700-accent-contrast: black, + + +// Color | Tailwind | Lime Contrast +// ---------------------------------------------------------------------------- + + lime-contrast: black, + lime-50-contrast: black, + lime-100-contrast: black, + lime-200-contrast: black, + lime-300-contrast: black, + lime-400-contrast: black, + lime-500-contrast: black, + lime-600-contrast: black, + lime-700-contrast: black, + lime-800-contrast: black, + lime-900-contrast: white, + lime-100-accent-contrast: black, + lime-200-accent-contrast: black, + lime-400-accent-contrast: black, + lime-700-accent-contrast: black, + + +// Color | Tailwind | Yellow Contrast +// ---------------------------------------------------------------------------- + + yellow-contrast: black, + yellow-50-contrast: black, + yellow-100-contrast: black, + yellow-200-contrast: black, + yellow-300-contrast: black, + yellow-400-contrast: black, + yellow-500-contrast: black, + yellow-600-contrast: black, + yellow-700-contrast: black, + yellow-800-contrast: black, + yellow-900-contrast: black, + yellow-100-accent-contrast: black, + yellow-200-accent-contrast: black, + yellow-400-accent-contrast: black, + yellow-700-accent-contrast: black, + + +// Color | Tailwind | Amber Contrast +// ---------------------------------------------------------------------------- + + amber-contrast: black, + amber-50-contrast: black, + amber-100-contrast: black, + amber-200-contrast: black, + amber-300-contrast: black, + amber-400-contrast: black, + amber-500-contrast: black, + amber-600-contrast: black, + amber-700-contrast: black, + amber-800-contrast: black, + amber-900-contrast: black, + amber-100-accent-contrast: black, + amber-200-accent-contrast: black, + amber-400-accent-contrast: black, + amber-700-accent-contrast: black, + + +// Color | Tailwind | Orange Contrast +// ---------------------------------------------------------------------------- + + orange-contrast: black, + orange-50-contrast: black, + orange-100-contrast: black, + orange-200-contrast: black, + orange-300-contrast: black, + orange-400-contrast: black, + orange-500-contrast: black, + orange-600-contrast: black, + orange-700-contrast: black, + orange-800-contrast: white, + orange-900-contrast: white, + orange-100-accent-contrast: black, + orange-200-accent-contrast: black, + orange-400-accent-contrast: black, + orange-700-accent-contrast: black, + + +// Color | Tailwind | Deep Orange Contrast +// ---------------------------------------------------------------------------- + + deep-orange-contrast: white, + deep-orange-50-contrast: black, + deep-orange-100-contrast: black, + deep-orange-200-contrast: black, + deep-orange-300-contrast: black, + deep-orange-400-contrast: black, + deep-orange-500-contrast: white, + deep-orange-600-contrast: white, + deep-orange-700-contrast: white, + deep-orange-800-contrast: white, + deep-orange-900-contrast: white, + deep-orange-100-accent-contrast: black, + deep-orange-200-accent-contrast: black, + deep-orange-400-accent-contrast: white, + deep-orange-700-accent-contrast: white, + + +// Color | Tailwind | Brown Contrast +// ---------------------------------------------------------------------------- + + brown-contrast: white, + brown-50-contrast: black, + brown-100-contrast: black, + brown-200-contrast: black, + brown-300-contrast: white, + brown-400-contrast: white, + brown-500-contrast: white, + brown-600-contrast: white, + brown-700-contrast: white, + brown-800-contrast: white, + brown-900-contrast: white, + + +// Color | Tailwind | Grey Contrast +// ---------------------------------------------------------------------------- + + grey-contrast: black, + grey-50-contrast: black, + grey-100-contrast: black, + grey-200-contrast: black, + grey-300-contrast: black, + grey-400-contrast: black, + grey-500-contrast: black, + grey-600-contrast: white, + grey-700-contrast: white, + grey-800-contrast: white, + grey-900-contrast: white, + + +// Color | Tailwind | Blue Grey Contrast +// ---------------------------------------------------------------------------- + + blue-grey-contrast: white, + blue-grey-50-contrast: black, + blue-grey-100-contrast: black, + blue-grey-200-contrast: black, + blue-grey-300-contrast: black, + blue-grey-400-contrast: white, + blue-grey-500-contrast: white, + blue-grey-600-contrast: white, + blue-grey-700-contrast: white, + blue-grey-800-contrast: white, + blue-grey-900-contrast: white, + +) \ No newline at end of file diff --git a/dist/scss/standards/_tailwind_hex_var.scss b/dist/scss/standards/_tailwind_hex_var.scss index 0f76932..47d666e 100644 --- a/dist/scss/standards/_tailwind_hex_var.scss +++ b/dist/scss/standards/_tailwind_hex_var.scss @@ -1,13 +1,13 @@ // Copyright 2023 Scape Agency BV -// Licensed under the Apache License, Version 2.0 (the "License"); +// Licensed under the Apache License, Version 2.0 (the License"); // you may not use this file except in compliance with the License. // You may obtain a copy of the License at // http://www.apache.org/licenses/LICENSE-2.0 // Unless required by applicable law or agreed to in writing, software -// distributed under the License is distributed on an "AS IS" BASIS, +// distributed under the License is distributed on an AS IS" BASIS, // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. // See the License for the specific language governing permissions and // limitations under the License. @@ -19,744 +19,744 @@ // Color | Tailwind | Base -// ============================================================================ +// ---------------------------------------------------------------------------- -$transparent: "transparent"; -$black: "#000000"; -$white: "#ffffff"; +$transparent: transparent ; +$black: #000000 ; +$white: #ffffff ; // Color | Tailwind | Red -// ============================================================================ - -$red: "#f44336"; -$red-50: "#ffebee"; -$red-100: "#ffcdd2"; -$red-200: "#ef9a9a"; -$red-300: "#e57373"; -$red-400: "#ef5350"; -$red-500: "#f44336"; -$red-600: "#e53935"; -$red-700: "#d32f2f"; -$red-800: "#c62828"; -$red-900: "#b71c1c"; -$red-100-accent: "#ff8a80"; -$red-200-accent: "#ff5252"; -$red-400-accent: "#ff1744"; -$red-700-accent: "#d50000"; +// ---------------------------------------------------------------------------- + +$red: #f44336 ; +$red-50: #ffebee ; +$red-100: #ffcdd2 ; +$red-200: #ef9a9a ; +$red-300: #e57373 ; +$red-400: #ef5350 ; +$red-500: #f44336 ; +$red-600: #e53935 ; +$red-700: #d32f2f ; +$red-800: #c62828 ; +$red-900: #b71c1c ; +$red-100-accent: #ff8a80 ; +$red-200-accent: #ff5252 ; +$red-400-accent: #ff1744 ; +$red-700-accent: #d50000 ; // Color | Tailwind | Pink -// ============================================================================ - -$pink: "#e91e63"; -$pink-50: "#fce4ec"; -$pink-100: "#f8bbd0"; -$pink-200: "#f48fb1"; -$pink-300: "#f06292"; -$pink-400: "#ec407a"; -$pink-500: "#e91e63"; -$pink-600: "#d81b60"; -$pink-700: "#c2185b"; -$pink-800: "#ad1457"; -$pink-900: "#880e4f"; -$pink-100-accent: "#ff80ab"; -$pink-200-accent: "#ff4081"; -$pink-400-accent: "#f50057"; -$pink-700-accent: "#c51162"; +// ---------------------------------------------------------------------------- + +$pink: #e91e63 ; +$pink-50: #fce4ec ; +$pink-100: #f8bbd0 ; +$pink-200: #f48fb1 ; +$pink-300: #f06292 ; +$pink-400: #ec407a ; +$pink-500: #e91e63 ; +$pink-600: #d81b60 ; +$pink-700: #c2185b ; +$pink-800: #ad1457 ; +$pink-900: #880e4f ; +$pink-100-accent: #ff80ab ; +$pink-200-accent: #ff4081 ; +$pink-400-accent: #f50057 ; +$pink-700-accent: #c51162 ; // Color | Tailwind | Purple -// ============================================================================ - -$purple: "#9c27b0"; -$purple-50: "#f3e5f5"; -$purple-100: "#e1bee7"; -$purple-200: "#ce93d8"; -$purple-300: "#ba68c8"; -$purple-400: "#ab47bc"; -$purple-500: "#9c27b0"; -$purple-600: "#8e24aa"; -$purple-700: "#7b1fa2"; -$purple-800: "#6a1b9a"; -$purple-900: "#4a148c"; -$purple-100-accent: "#ea80fc"; -$purple-200-accent: "#e040fb"; -$purple-400-accent: "#d500f9"; -$purple-700-accent: "#aa00ff"; +// ---------------------------------------------------------------------------- + +$purple: #9c27b0 ; +$purple-50: #f3e5f5 ; +$purple-100: #e1bee7 ; +$purple-200: #ce93d8 ; +$purple-300: #ba68c8 ; +$purple-400: #ab47bc ; +$purple-500: #9c27b0 ; +$purple-600: #8e24aa ; +$purple-700: #7b1fa2 ; +$purple-800: #6a1b9a ; +$purple-900: #4a148c ; +$purple-100-accent: #ea80fc ; +$purple-200-accent: #e040fb ; +$purple-400-accent: #d500f9 ; +$purple-700-accent: #aa00ff ; // Color | Tailwind | Deep Purple -// ============================================================================ - -$deep-purple: "#673ab7"; -$deep-purple-50: "#ede7f6"; -$deep-purple-100: "#d1c4e9"; -$deep-purple-200: "#b39ddb"; -$deep-purple-300: "#9575cd"; -$deep-purple-400: "#7e57c2"; -$deep-purple-500: "#673ab7"; -$deep-purple-600: "#5e35b1"; -$deep-purple-700: "#512da8"; -$deep-purple-800: "#4527a0"; -$deep-purple-900: "#311b92"; -$deep-purple-100-accent: "#b388ff"; -$deep-purple-200-accent: "#7c4dff"; -$deep-purple-400-accent: "#651fff"; -$deep-purple-700-accent: "#6200ea"; +// ---------------------------------------------------------------------------- + +$deep-purple: #673ab7 ; +$deep-purple-50: #ede7f6 ; +$deep-purple-100: #d1c4e9 ; +$deep-purple-200: #b39ddb ; +$deep-purple-300: #9575cd ; +$deep-purple-400: #7e57c2 ; +$deep-purple-500: #673ab7 ; +$deep-purple-600: #5e35b1 ; +$deep-purple-700: #512da8 ; +$deep-purple-800: #4527a0 ; +$deep-purple-900: #311b92 ; +$deep-purple-100-accent: #b388ff ; +$deep-purple-200-accent: #7c4dff ; +$deep-purple-400-accent: #651fff ; +$deep-purple-700-accent: #6200ea ; // Color | Tailwind | Indigo -// ============================================================================ - -$indigo: "#3f51b5"; -$indigo-50: "#e8eaf6"; -$indigo-100: "#c5cae9"; -$indigo-200: "#9fa8da"; -$indigo-300: "#7986cb"; -$indigo-400: "#5c6bc0"; -$indigo-500: "#3f51b5"; -$indigo-600: "#3949ab"; -$indigo-700: "#303f9f"; -$indigo-800: "#283593"; -$indigo-900: "#1a237e"; -$indigo-100-accent: "#8c9eff"; -$indigo-200-accent: "#536dfe"; -$indigo-400-accent: "#3d5afe"; -$indigo-700-accent: "#304ffe"; +// ---------------------------------------------------------------------------- + +$indigo: #3f51b5 ; +$indigo-50: #e8eaf6 ; +$indigo-100: #c5cae9 ; +$indigo-200: #9fa8da ; +$indigo-300: #7986cb ; +$indigo-400: #5c6bc0 ; +$indigo-500: #3f51b5 ; +$indigo-600: #3949ab ; +$indigo-700: #303f9f ; +$indigo-800: #283593 ; +$indigo-900: #1a237e ; +$indigo-100-accent: #8c9eff ; +$indigo-200-accent: #536dfe ; +$indigo-400-accent: #3d5afe ; +$indigo-700-accent: #304ffe ; // Color | Tailwind | Blue -// ============================================================================ - -$blue: "#2196f3"; -$blue-50: "#e3f2fd"; -$blue-100: "#bbdefb"; -$blue-200: "#90caf9"; -$blue-300: "#64b5f6"; -$blue-400: "#42a5f5"; -$blue-500: "#2196f3"; -$blue-600: "#1e88e5"; -$blue-700: "#1976d2"; -$blue-800: "#1565c0"; -$blue-900: "#0d47a1"; -$blue-100-accent: "#82b1ff"; -$blue-200-accent: "#448aff"; -$blue-400-accent: "#2979ff"; -$blue-700-accent: "#2962ff"; +// ---------------------------------------------------------------------------- + +$blue: #2196f3 ; +$blue-50: #e3f2fd ; +$blue-100: #bbdefb ; +$blue-200: #90caf9 ; +$blue-300: #64b5f6 ; +$blue-400: #42a5f5 ; +$blue-500: #2196f3 ; +$blue-600: #1e88e5 ; +$blue-700: #1976d2 ; +$blue-800: #1565c0 ; +$blue-900: #0d47a1 ; +$blue-100-accent: #82b1ff ; +$blue-200-accent: #448aff ; +$blue-400-accent: #2979ff ; +$blue-700-accent: #2962ff ; // Color | Tailwind | Light Blue -// ============================================================================ - -$light-blue: "#03a9f4"; -$light-blue-50: "#e1f5fe"; -$light-blue-100: "#b3e5fc"; -$light-blue-200: "#81d4fa"; -$light-blue-300: "#4fc3f7"; -$light-blue-400: "#29b6f6"; -$light-blue-500: "#03a9f4"; -$light-blue-600: "#039be5"; -$light-blue-700: "#0288d1"; -$light-blue-800: "#0277bd"; -$light-blue-900: "#01579b"; -$light-blue-100-accent: "#80d8ff"; -$light-blue-200-accent: "#40c4ff"; -$light-blue-400-accent: "#00b0ff"; -$light-blue-700-accent: "#0091ea"; +// ---------------------------------------------------------------------------- + +$light-blue: #03a9f4 ; +$light-blue-50: #e1f5fe ; +$light-blue-100: #b3e5fc ; +$light-blue-200: #81d4fa ; +$light-blue-300: #4fc3f7 ; +$light-blue-400: #29b6f6 ; +$light-blue-500: #03a9f4 ; +$light-blue-600: #039be5 ; +$light-blue-700: #0288d1 ; +$light-blue-800: #0277bd ; +$light-blue-900: #01579b ; +$light-blue-100-accent: #80d8ff ; +$light-blue-200-accent: #40c4ff ; +$light-blue-400-accent: #00b0ff ; +$light-blue-700-accent: #0091ea ; // Color | Tailwind | Cyan -// ============================================================================ - -$cyan: "#00bcd4"; -$cyan-50: "#e0f7fa"; -$cyan-100: "#b2ebf2"; -$cyan-200: "#80deea"; -$cyan-300: "#4dd0e1"; -$cyan-400: "#26c6da"; -$cyan-500: "#00bcd4"; -$cyan-600: "#00acc1"; -$cyan-700: "#0097a7"; -$cyan-800: "#00838f"; -$cyan-900: "#006064"; -$cyan-100-accent: "#84ffff"; -$cyan-200-accent: "#18ffff"; -$cyan-400-accent: "#00e5ff"; -$cyan-700-accent: "#00b8d4"; +// ---------------------------------------------------------------------------- + +$cyan: #00bcd4 ; +$cyan-50: #e0f7fa ; +$cyan-100: #b2ebf2 ; +$cyan-200: #80deea ; +$cyan-300: #4dd0e1 ; +$cyan-400: #26c6da ; +$cyan-500: #00bcd4 ; +$cyan-600: #00acc1 ; +$cyan-700: #0097a7 ; +$cyan-800: #00838f ; +$cyan-900: #006064 ; +$cyan-100-accent: #84ffff ; +$cyan-200-accent: #18ffff ; +$cyan-400-accent: #00e5ff ; +$cyan-700-accent: #00b8d4 ; // Color | Tailwind | Teal -// ============================================================================ - -$teal: "#009688"; -$teal-50: "#e0f2f1"; -$teal-100: "#b2dfdb"; -$teal-200: "#80cbc4"; -$teal-300: "#4db6ac"; -$teal-400: "#26a69a"; -$teal-500: "#009688"; -$teal-600: "#00897b"; -$teal-700: "#00796b"; -$teal-800: "#00695c"; -$teal-900: "#004d40"; -$teal-100-accent: "#a7ffeb"; -$teal-200-accent: "#64ffda"; -$teal-400-accent: "#1de9b6"; -$teal-700-accent: "#00bfa5"; +// ---------------------------------------------------------------------------- + +$teal: #009688 ; +$teal-50: #e0f2f1 ; +$teal-100: #b2dfdb ; +$teal-200: #80cbc4 ; +$teal-300: #4db6ac ; +$teal-400: #26a69a ; +$teal-500: #009688 ; +$teal-600: #00897b ; +$teal-700: #00796b ; +$teal-800: #00695c ; +$teal-900: #004d40 ; +$teal-100-accent: #a7ffeb ; +$teal-200-accent: #64ffda ; +$teal-400-accent: #1de9b6 ; +$teal-700-accent: #00bfa5 ; // Color | Tailwind | Green -// ============================================================================ - -$green: "#4caf50"; -$green-50: "#e8f5e9"; -$green-100: "#c8e6c9"; -$green-200: "#a5d6a7"; -$green-300: "#81c784"; -$green-400: "#66bb6a"; -$green-500: "#4caf50"; -$green-600: "#43a047"; -$green-700: "#388e3c"; -$green-800: "#2e7d32"; -$green-900: "#1b5e20"; -$green-100-accent: "#b9f6ca"; -$green-200-accent: "#69f0ae"; -$green-400-accent: "#00e676"; -$green-700-accent: "#00c853"; +// ---------------------------------------------------------------------------- + +$green: #4caf50 ; +$green-50: #e8f5e9 ; +$green-100: #c8e6c9 ; +$green-200: #a5d6a7 ; +$green-300: #81c784 ; +$green-400: #66bb6a ; +$green-500: #4caf50 ; +$green-600: #43a047 ; +$green-700: #388e3c ; +$green-800: #2e7d32 ; +$green-900: #1b5e20 ; +$green-100-accent: #b9f6ca ; +$green-200-accent: #69f0ae ; +$green-400-accent: #00e676 ; +$green-700-accent: #00c853 ; // Color | Tailwind | Light Green -// ============================================================================ - -$light-green: "#8bc34a"; -$light-green-50: "#f1f8e9"; -$light-green-100: "#dcedc8"; -$light-green-200: "#c5e1a5"; -$light-green-300: "#aed581"; -$light-green-400: "#9ccc65"; -$light-green-500: "#8bc34a"; -$light-green-600: "#7cb342"; -$light-green-700: "#689f38"; -$light-green-800: "#558b2f"; -$light-green-900: "#33691e"; -$light-green-100-accent: "#ccff90"; -$light-green-200-accent: "#b2ff59"; -$light-green-400-accent: "#76ff03"; -$light-green-700-accent: "#64dd17"; +// ---------------------------------------------------------------------------- + +$light-green: #8bc34a ; +$light-green-50: #f1f8e9 ; +$light-green-100: #dcedc8 ; +$light-green-200: #c5e1a5 ; +$light-green-300: #aed581 ; +$light-green-400: #9ccc65 ; +$light-green-500: #8bc34a ; +$light-green-600: #7cb342 ; +$light-green-700: #689f38 ; +$light-green-800: #558b2f ; +$light-green-900: #33691e ; +$light-green-100-accent: #ccff90 ; +$light-green-200-accent: #b2ff59 ; +$light-green-400-accent: #76ff03 ; +$light-green-700-accent: #64dd17 ; // Color | Tailwind | Lime -// ============================================================================ - -$lime: "#cddc39"; -$lime-50: "#f9fbe7"; -$lime-100: "#f0f4c3"; -$lime-200: "#e6ee9c"; -$lime-300: "#dce775"; -$lime-400: "#d4e157"; -$lime-500: "#cddc39"; -$lime-600: "#c0ca33"; -$lime-700: "#afb42b"; -$lime-800: "#9e9d24"; -$lime-900: "#827717"; -$lime-100-accent: "#f4ff81"; -$lime-200-accent: "#eeff41"; -$lime-400-accent: "#c6ff00"; -$lime-700-accent: "#aeea00"; +// ---------------------------------------------------------------------------- + +$lime: #cddc39 ; +$lime-50: #f9fbe7 ; +$lime-100: #f0f4c3 ; +$lime-200: #e6ee9c ; +$lime-300: #dce775 ; +$lime-400: #d4e157 ; +$lime-500: #cddc39 ; +$lime-600: #c0ca33 ; +$lime-700: #afb42b ; +$lime-800: #9e9d24 ; +$lime-900: #827717 ; +$lime-100-accent: #f4ff81 ; +$lime-200-accent: #eeff41 ; +$lime-400-accent: #c6ff00 ; +$lime-700-accent: #aeea00 ; // Color | Tailwind | Yellow -// ============================================================================ - -$yellow: "#ffeb3b"; -$yellow-50: "#fffde7"; -$yellow-100: "#fff9c4"; -$yellow-200: "#fff59d"; -$yellow-300: "#fff176"; -$yellow-400: "#ffee58"; -$yellow-500: "#ffeb3b"; -$yellow-600: "#fdd835"; -$yellow-700: "#fbc02d"; -$yellow-800: "#f9a825"; -$yellow-900: "#f57f17"; -$yellow-100-accent: "#ffff8d"; -$yellow-200-accent: "#ffff00"; -$yellow-400-accent: "#ffea00"; -$yellow-700-accent: "#ffd600"; +// ---------------------------------------------------------------------------- + +$yellow: #ffeb3b ; +$yellow-50: #fffde7 ; +$yellow-100: #fff9c4 ; +$yellow-200: #fff59d ; +$yellow-300: #fff176 ; +$yellow-400: #ffee58 ; +$yellow-500: #ffeb3b ; +$yellow-600: #fdd835 ; +$yellow-700: #fbc02d ; +$yellow-800: #f9a825 ; +$yellow-900: #f57f17 ; +$yellow-100-accent: #ffff8d ; +$yellow-200-accent: #ffff00 ; +$yellow-400-accent: #ffea00 ; +$yellow-700-accent: #ffd600 ; // Color | Tailwind | Amber -// ============================================================================ - -$amber: "#ffc107"; -$amber-50: "#fff8e1"; -$amber-100: "#ffecb3"; -$amber-200: "#ffe082"; -$amber-300: "#ffd54f"; -$amber-400: "#ffca28"; -$amber-500: "#ffc107"; -$amber-600: "#ffb300"; -$amber-700: "#ffa000"; -$amber-800: "#ff8f00"; -$amber-900: "#ff6f00"; -$amber-100-accent: "#ffe57f"; -$amber-200-accent: "#ffd740"; -$amber-400-accent: "#ffc400"; -$amber-700-accent: "#ffab00"; +// ---------------------------------------------------------------------------- + +$amber: #ffc107 ; +$amber-50: #fff8e1 ; +$amber-100: #ffecb3 ; +$amber-200: #ffe082 ; +$amber-300: #ffd54f ; +$amber-400: #ffca28 ; +$amber-500: #ffc107 ; +$amber-600: #ffb300 ; +$amber-700: #ffa000 ; +$amber-800: #ff8f00 ; +$amber-900: #ff6f00 ; +$amber-100-accent: #ffe57f ; +$amber-200-accent: #ffd740 ; +$amber-400-accent: #ffc400 ; +$amber-700-accent: #ffab00 ; // Color | Tailwind | Orange -// ============================================================================ - -$orange: "#ff9800"; -$orange-50: "#fff3e0"; -$orange-100: "#ffe0b2"; -$orange-200: "#ffcc80"; -$orange-300: "#ffb74d"; -$orange-400: "#ffa726"; -$orange-500: "#ff9800"; -$orange-600: "#fb8c00"; -$orange-700: "#f57c00"; -$orange-800: "#ef6c00"; -$orange-900: "#e65100"; -$orange-100-accent: "#ffd180"; -$orange-200-accent: "#ffab40"; -$orange-400-accent: "#ff9100"; -$orange-700-accent: "#ff6d00"; +// ---------------------------------------------------------------------------- + +$orange: #ff9800 ; +$orange-50: #fff3e0 ; +$orange-100: #ffe0b2 ; +$orange-200: #ffcc80 ; +$orange-300: #ffb74d ; +$orange-400: #ffa726 ; +$orange-500: #ff9800 ; +$orange-600: #fb8c00 ; +$orange-700: #f57c00 ; +$orange-800: #ef6c00 ; +$orange-900: #e65100 ; +$orange-100-accent: #ffd180 ; +$orange-200-accent: #ffab40 ; +$orange-400-accent: #ff9100 ; +$orange-700-accent: #ff6d00 ; // Color | Tailwind | Deep Orange -// ============================================================================ - -$deep-orange: "#ff5722"; -$deep-orange-50: "#fbe9e7"; -$deep-orange-100: "#ffccbc"; -$deep-orange-200: "#ffab91"; -$deep-orange-300: "#ff8a65"; -$deep-orange-400: "#ff7043"; -$deep-orange-500: "#ff5722"; -$deep-orange-600: "#f4511e"; -$deep-orange-700: "#e64a19"; -$deep-orange-800: "#d84315"; -$deep-orange-900: "#bf360c"; -$deep-orange-100-accent: "#ff9e80"; -$deep-orange-200-accent: "#ff6e40"; -$deep-orange-400-accent: "#ff3d00"; -$deep-orange-700-accent: "#dd2c00"; +// ---------------------------------------------------------------------------- + +$deep-orange: #ff5722 ; +$deep-orange-50: #fbe9e7 ; +$deep-orange-100: #ffccbc ; +$deep-orange-200: #ffab91 ; +$deep-orange-300: #ff8a65 ; +$deep-orange-400: #ff7043 ; +$deep-orange-500: #ff5722 ; +$deep-orange-600: #f4511e ; +$deep-orange-700: #e64a19 ; +$deep-orange-800: #d84315 ; +$deep-orange-900: #bf360c ; +$deep-orange-100-accent: #ff9e80 ; +$deep-orange-200-accent: #ff6e40 ; +$deep-orange-400-accent: #ff3d00 ; +$deep-orange-700-accent: #dd2c00 ; // Color | Tailwind | Brown -// ============================================================================ +// ---------------------------------------------------------------------------- -$brown: "#795548"; -$brown-50: "#efebe9"; -$brown-100: "#d7ccc8"; -$brown-200: "#bcaaa4"; -$brown-300: "#a1887f"; -$brown-400: "#8d6e63"; -$brown-500: "#795548"; -$brown-600: "#6d4c41"; -$brown-700: "#5d4037"; -$brown-800: "#4e342e"; -$brown-900: "#3e2723"; +$brown: #795548 ; +$brown-50: #efebe9 ; +$brown-100: #d7ccc8 ; +$brown-200: #bcaaa4 ; +$brown-300: #a1887f ; +$brown-400: #8d6e63 ; +$brown-500: #795548 ; +$brown-600: #6d4c41 ; +$brown-700: #5d4037 ; +$brown-800: #4e342e ; +$brown-900: #3e2723 ; // Color | Tailwind | Grey -// ============================================================================ +// ---------------------------------------------------------------------------- -$grey: "#9e9e9e"; -$grey-50: "#fafafa"; -$grey-100: "#f5f5f5"; -$grey-200: "#eeeeee"; -$grey-300: "#e0e0e0"; -$grey-400: "#bdbdbd"; -$grey-500: "#9e9e9e"; -$grey-600: "#757575"; -$grey-700: "#616161"; -$grey-800: "#424242"; -$grey-900: "#212121"; +$grey: #9e9e9e ; +$grey-50: #fafafa ; +$grey-100: #f5f5f5 ; +$grey-200: #eeeeee ; +$grey-300: #e0e0e0 ; +$grey-400: #bdbdbd ; +$grey-500: #9e9e9e ; +$grey-600: #757575 ; +$grey-700: #616161 ; +$grey-800: #424242 ; +$grey-900: #212121 ; // Color | Tailwind | Blue Grey -// ============================================================================ +// ---------------------------------------------------------------------------- -$blue-grey: "#607d8b"; -$blue-grey-50: "#eceff1"; -$blue-grey-100: "#cfd8dc"; -$blue-grey-200: "#b0bec5"; -$blue-grey-300: "#90a4ae"; -$blue-grey-400: "#78909c"; -$blue-grey-500: "#607d8b"; -$blue-grey-600: "#546e7a"; -$blue-grey-700: "#455a64"; -$blue-grey-800: "#37474f"; -$blue-grey-900: "#263238"; +$blue-grey: #607d8b ; +$blue-grey-50: #eceff1 ; +$blue-grey-100: #cfd8dc ; +$blue-grey-200: #b0bec5 ; +$blue-grey-300: #90a4ae ; +$blue-grey-400: #78909c ; +$blue-grey-500: #607d8b ; +$blue-grey-600: #546e7a ; +$blue-grey-700: #455a64 ; +$blue-grey-800: #37474f ; +$blue-grey-900: #263238 ; // Color | Tailwind | Red Contrast -// ============================================================================ - -$red-contrast: "white"; -$red-50-contrast: "black"; -$red-100-contrast: "black"; -$red-200-contrast: "black"; -$red-300-contrast: "black"; -$red-400-contrast: "black"; -$red-500-contrast: "white"; -$red-600-contrast: "white"; -$red-700-contrast: "white"; -$red-800-contrast: "white"; -$red-900-contrast: "white"; -$red-100-accent-contrast: "black"; -$red-200-accent-contrast: "white"; -$red-400-accent-contrast: "white"; -$red-700-accent-contrast: "white"; +// ---------------------------------------------------------------------------- + +$red-contrast: white ; +$red-50-contrast: black ; +$red-100-contrast: black ; +$red-200-contrast: black ; +$red-300-contrast: black ; +$red-400-contrast: black ; +$red-500-contrast: white ; +$red-600-contrast: white ; +$red-700-contrast: white ; +$red-800-contrast: white ; +$red-900-contrast: white ; +$red-100-accent-contrast: black ; +$red-200-accent-contrast: white ; +$red-400-accent-contrast: white ; +$red-700-accent-contrast: white ; // Color | Tailwind | Pink Contrast -// ============================================================================ - -$pink-contrast: "white"; -$pink-50-contrast: "black"; -$pink-100-contrast: "black"; -$pink-200-contrast: "black"; -$pink-300-contrast: "black"; -$pink-400-contrast: "black"; -$pink-500-contrast: "white"; -$pink-600-contrast: "white"; -$pink-700-contrast: "white"; -$pink-800-contrast: "white"; -$pink-900-contrast: "white"; -$pink-100-accent-contrast: "black"; -$pink-200-accent-contrast: "white"; -$pink-400-accent-contrast: "white"; -$pink-700-accent-contrast: "white"; +// ---------------------------------------------------------------------------- + +$pink-contrast: white ; +$pink-50-contrast: black ; +$pink-100-contrast: black ; +$pink-200-contrast: black ; +$pink-300-contrast: black ; +$pink-400-contrast: black ; +$pink-500-contrast: white ; +$pink-600-contrast: white ; +$pink-700-contrast: white ; +$pink-800-contrast: white ; +$pink-900-contrast: white ; +$pink-100-accent-contrast: black ; +$pink-200-accent-contrast: white ; +$pink-400-accent-contrast: white ; +$pink-700-accent-contrast: white ; // Color | Tailwind | Purple Contrast -// ============================================================================ - -$purple-contrast: "white"; -$purple-50-contrast: "black"; -$purple-100-contrast: "black"; -$purple-200-contrast: "black"; -$purple-300-contrast: "white"; -$purple-400-contrast: "white"; -$purple-500-contrast: "white"; -$purple-600-contrast: "white"; -$purple-700-contrast: "white"; -$purple-800-contrast: "white"; -$purple-900-contrast: "white"; -$purple-100-accent-contrast: "black"; -$purple-200-accent-contrast: "white"; -$purple-400-accent-contrast: "white"; -$purple-700-accent-contrast: "white"; +// ---------------------------------------------------------------------------- + +$purple-contrast: white ; +$purple-50-contrast: black ; +$purple-100-contrast: black ; +$purple-200-contrast: black ; +$purple-300-contrast: white ; +$purple-400-contrast: white ; +$purple-500-contrast: white ; +$purple-600-contrast: white ; +$purple-700-contrast: white ; +$purple-800-contrast: white ; +$purple-900-contrast: white ; +$purple-100-accent-contrast: black ; +$purple-200-accent-contrast: white ; +$purple-400-accent-contrast: white ; +$purple-700-accent-contrast: white ; // Color | Tailwind | Deep Purple Contrast -// ============================================================================ - -$deep-purple-contrast: "white"; -$deep-purple-50-contrast: "black"; -$deep-purple-100-contrast: "black"; -$deep-purple-200-contrast: "black"; -$deep-purple-300-contrast: "white"; -$deep-purple-400-contrast: "white"; -$deep-purple-500-contrast: "white"; -$deep-purple-600-contrast: "white"; -$deep-purple-700-contrast: "white"; -$deep-purple-800-contrast: "white"; -$deep-purple-900-contrast: "white"; -$deep-purple-100-accent-contrast: "black"; -$deep-purple-200-accent-contrast: "white"; -$deep-purple-400-accent-contrast: "white"; -$deep-purple-700-accent-contrast: "white"; +// ---------------------------------------------------------------------------- + +$deep-purple-contrast: white ; +$deep-purple-50-contrast: black ; +$deep-purple-100-contrast: black ; +$deep-purple-200-contrast: black ; +$deep-purple-300-contrast: white ; +$deep-purple-400-contrast: white ; +$deep-purple-500-contrast: white ; +$deep-purple-600-contrast: white ; +$deep-purple-700-contrast: white ; +$deep-purple-800-contrast: white ; +$deep-purple-900-contrast: white ; +$deep-purple-100-accent-contrast: black ; +$deep-purple-200-accent-contrast: white ; +$deep-purple-400-accent-contrast: white ; +$deep-purple-700-accent-contrast: white ; // Color | Tailwind | Indigo Contrast -// ============================================================================ - -$indigo-contrast: "white"; -$indigo-50-contrast: "black"; -$indigo-100-contrast: "black"; -$indigo-200-contrast: "black"; -$indigo-300-contrast: "white"; -$indigo-400-contrast: "white"; -$indigo-500-contrast: "white"; -$indigo-600-contrast: "white"; -$indigo-700-contrast: "white"; -$indigo-800-contrast: "white"; -$indigo-900-contrast: "white"; -$indigo-100-accent-contrast: "black"; -$indigo-200-accent-contrast: "white"; -$indigo-400-accent-contrast: "white"; -$indigo-700-accent-contrast: "white"; +// ---------------------------------------------------------------------------- + +$indigo-contrast: white ; +$indigo-50-contrast: black ; +$indigo-100-contrast: black ; +$indigo-200-contrast: black ; +$indigo-300-contrast: white ; +$indigo-400-contrast: white ; +$indigo-500-contrast: white ; +$indigo-600-contrast: white ; +$indigo-700-contrast: white ; +$indigo-800-contrast: white ; +$indigo-900-contrast: white ; +$indigo-100-accent-contrast: black ; +$indigo-200-accent-contrast: white ; +$indigo-400-accent-contrast: white ; +$indigo-700-accent-contrast: white ; // Color | Tailwind | Blue Contrast -// ============================================================================ - -$blue-contrast: "white"; -$blue-50-contrast: "black"; -$blue-100-contrast: "black"; -$blue-200-contrast: "black"; -$blue-300-contrast: "black"; -$blue-400-contrast: "black"; -$blue-500-contrast: "white"; -$blue-600-contrast: "white"; -$blue-700-contrast: "white"; -$blue-800-contrast: "white"; -$blue-900-contrast: "white"; -$blue-100-accent-contrast: "black"; -$blue-200-accent-contrast: "white"; -$blue-400-accent-contrast: "white"; -$blue-700-accent-contrast: "white"; +// ---------------------------------------------------------------------------- + +$blue-contrast: white ; +$blue-50-contrast: black ; +$blue-100-contrast: black ; +$blue-200-contrast: black ; +$blue-300-contrast: black ; +$blue-400-contrast: black ; +$blue-500-contrast: white ; +$blue-600-contrast: white ; +$blue-700-contrast: white ; +$blue-800-contrast: white ; +$blue-900-contrast: white ; +$blue-100-accent-contrast: black ; +$blue-200-accent-contrast: white ; +$blue-400-accent-contrast: white ; +$blue-700-accent-contrast: white ; // Color | Tailwind | Light Blue Contrast -// ============================================================================ - -$light-blue-contrast: "white"; -$light-blue-50-contrast: "black"; -$light-blue-100-contrast: "black"; -$light-blue-200-contrast: "black"; -$light-blue-300-contrast: "black"; -$light-blue-400-contrast: "black"; -$light-blue-500-contrast: "white"; -$light-blue-600-contrast: "white"; -$light-blue-700-contrast: "white"; -$light-blue-800-contrast: "white"; -$light-blue-900-contrast: "white"; -$light-blue-100-accent-contrast: "black"; -$light-blue-200-accent-contrast: "black"; -$light-blue-400-accent-contrast: "black"; -$light-blue-700-accent-contrast: "white"; +// ---------------------------------------------------------------------------- + +$light-blue-contrast: white ; +$light-blue-50-contrast: black ; +$light-blue-100-contrast: black ; +$light-blue-200-contrast: black ; +$light-blue-300-contrast: black ; +$light-blue-400-contrast: black ; +$light-blue-500-contrast: white ; +$light-blue-600-contrast: white ; +$light-blue-700-contrast: white ; +$light-blue-800-contrast: white ; +$light-blue-900-contrast: white ; +$light-blue-100-accent-contrast: black ; +$light-blue-200-accent-contrast: black ; +$light-blue-400-accent-contrast: black ; +$light-blue-700-accent-contrast: white ; // Color | Tailwind | Cyan Contrast -// ============================================================================ - -$cyan-contrast: "white"; -$cyan-50-contrast: "black"; -$cyan-100-contrast: "black"; -$cyan-200-contrast: "black"; -$cyan-300-contrast: "black"; -$cyan-400-contrast: "black"; -$cyan-500-contrast: "white"; -$cyan-600-contrast: "white"; -$cyan-700-contrast: "white"; -$cyan-800-contrast: "white"; -$cyan-900-contrast: "white"; -$cyan-100-accent-contrast: "black"; -$cyan-200-accent-contrast: "black"; -$cyan-400-accent-contrast: "black"; -$cyan-700-accent-contrast: "black"; +// ---------------------------------------------------------------------------- + +$cyan-contrast: white ; +$cyan-50-contrast: black ; +$cyan-100-contrast: black ; +$cyan-200-contrast: black ; +$cyan-300-contrast: black ; +$cyan-400-contrast: black ; +$cyan-500-contrast: white ; +$cyan-600-contrast: white ; +$cyan-700-contrast: white ; +$cyan-800-contrast: white ; +$cyan-900-contrast: white ; +$cyan-100-accent-contrast: black ; +$cyan-200-accent-contrast: black ; +$cyan-400-accent-contrast: black ; +$cyan-700-accent-contrast: black ; // Color | Tailwind | Teal Contrast -// ============================================================================ - -$teal-contrast: "white"; -$teal-50-contrast: "black"; -$teal-100-contrast: "black"; -$teal-200-contrast: "black"; -$teal-300-contrast: "black"; -$teal-400-contrast: "black"; -$teal-500-contrast: "white"; -$teal-600-contrast: "white"; -$teal-700-contrast: "white"; -$teal-800-contrast: "white"; -$teal-900-contrast: "white"; -$teal-100-accent-contrast: "black"; -$teal-200-accent-contrast: "black"; -$teal-400-accent-contrast: "black"; -$teal-700-accent-contrast: "black"; +// ---------------------------------------------------------------------------- + +$teal-contrast: white ; +$teal-50-contrast: black ; +$teal-100-contrast: black ; +$teal-200-contrast: black ; +$teal-300-contrast: black ; +$teal-400-contrast: black ; +$teal-500-contrast: white ; +$teal-600-contrast: white ; +$teal-700-contrast: white ; +$teal-800-contrast: white ; +$teal-900-contrast: white ; +$teal-100-accent-contrast: black ; +$teal-200-accent-contrast: black ; +$teal-400-accent-contrast: black ; +$teal-700-accent-contrast: black ; // Color | Tailwind | Green Contrast -// ============================================================================ - -$green-contrast: "white"; -$green-50-contrast: "black"; -$green-100-contrast: "black"; -$green-200-contrast: "black"; -$green-300-contrast: "black"; -$green-400-contrast: "black"; -$green-500-contrast: "white"; -$green-600-contrast: "white"; -$green-700-contrast: "white"; -$green-800-contrast: "white"; -$green-900-contrast: "white"; -$green-100-accent-contrast: "black"; -$green-200-accent-contrast: "black"; -$green-400-accent-contrast: "black"; -$green-700-accent-contrast: "black"; +// ---------------------------------------------------------------------------- + +$green-contrast: white ; +$green-50-contrast: black ; +$green-100-contrast: black ; +$green-200-contrast: black ; +$green-300-contrast: black ; +$green-400-contrast: black ; +$green-500-contrast: white ; +$green-600-contrast: white ; +$green-700-contrast: white ; +$green-800-contrast: white ; +$green-900-contrast: white ; +$green-100-accent-contrast: black ; +$green-200-accent-contrast: black ; +$green-400-accent-contrast: black ; +$green-700-accent-contrast: black ; // Color | Tailwind | Light Green Contrast -// ============================================================================ - -$light-green-contrast: "black"; -$light-green-50-contrast: "black"; -$light-green-100-contrast: "black"; -$light-green-200-contrast: "black"; -$light-green-300-contrast: "black"; -$light-green-400-contrast: "black"; -$light-green-500-contrast: "black"; -$light-green-600-contrast: "black"; -$light-green-700-contrast: "black"; -$light-green-800-contrast: "white"; -$light-green-900-contrast: "white"; -$light-green-100-accent-contrast: "black"; -$light-green-200-accent-contrast: "black"; -$light-green-400-accent-contrast: "black"; -$light-green-700-accent-contrast: "black"; +// ---------------------------------------------------------------------------- + +$light-green-contrast: black ; +$light-green-50-contrast: black ; +$light-green-100-contrast: black ; +$light-green-200-contrast: black ; +$light-green-300-contrast: black ; +$light-green-400-contrast: black ; +$light-green-500-contrast: black ; +$light-green-600-contrast: black ; +$light-green-700-contrast: black ; +$light-green-800-contrast: white ; +$light-green-900-contrast: white ; +$light-green-100-accent-contrast: black ; +$light-green-200-accent-contrast: black ; +$light-green-400-accent-contrast: black ; +$light-green-700-accent-contrast: black ; // Color | Tailwind | Lime Contrast -// ============================================================================ - -$lime-contrast: "black"; -$lime-50-contrast: "black"; -$lime-100-contrast: "black"; -$lime-200-contrast: "black"; -$lime-300-contrast: "black"; -$lime-400-contrast: "black"; -$lime-500-contrast: "black"; -$lime-600-contrast: "black"; -$lime-700-contrast: "black"; -$lime-800-contrast: "black"; -$lime-900-contrast: "white"; -$lime-100-accent-contrast: "black"; -$lime-200-accent-contrast: "black"; -$lime-400-accent-contrast: "black"; -$lime-700-accent-contrast: "black"; +// ---------------------------------------------------------------------------- + +$lime-contrast: black ; +$lime-50-contrast: black ; +$lime-100-contrast: black ; +$lime-200-contrast: black ; +$lime-300-contrast: black ; +$lime-400-contrast: black ; +$lime-500-contrast: black ; +$lime-600-contrast: black ; +$lime-700-contrast: black ; +$lime-800-contrast: black ; +$lime-900-contrast: white ; +$lime-100-accent-contrast: black ; +$lime-200-accent-contrast: black ; +$lime-400-accent-contrast: black ; +$lime-700-accent-contrast: black ; // Color | Tailwind | Yellow Contrast -// ============================================================================ - -$yellow-contrast: "black"; -$yellow-50-contrast: "black"; -$yellow-100-contrast: "black"; -$yellow-200-contrast: "black"; -$yellow-300-contrast: "black"; -$yellow-400-contrast: "black"; -$yellow-500-contrast: "black"; -$yellow-600-contrast: "black"; -$yellow-700-contrast: "black"; -$yellow-800-contrast: "black"; -$yellow-900-contrast: "black"; -$yellow-100-accent-contrast: "black"; -$yellow-200-accent-contrast: "black"; -$yellow-400-accent-contrast: "black"; -$yellow-700-accent-contrast: "black"; +// ---------------------------------------------------------------------------- + +$yellow-contrast: black ; +$yellow-50-contrast: black ; +$yellow-100-contrast: black ; +$yellow-200-contrast: black ; +$yellow-300-contrast: black ; +$yellow-400-contrast: black ; +$yellow-500-contrast: black ; +$yellow-600-contrast: black ; +$yellow-700-contrast: black ; +$yellow-800-contrast: black ; +$yellow-900-contrast: black ; +$yellow-100-accent-contrast: black ; +$yellow-200-accent-contrast: black ; +$yellow-400-accent-contrast: black ; +$yellow-700-accent-contrast: black ; // Color | Tailwind | Amber Contrast -// ============================================================================ - -$amber-contrast: "black"; -$amber-50-contrast: "black"; -$amber-100-contrast: "black"; -$amber-200-contrast: "black"; -$amber-300-contrast: "black"; -$amber-400-contrast: "black"; -$amber-500-contrast: "black"; -$amber-600-contrast: "black"; -$amber-700-contrast: "black"; -$amber-800-contrast: "black"; -$amber-900-contrast: "black"; -$amber-100-accent-contrast: "black"; -$amber-200-accent-contrast: "black"; -$amber-400-accent-contrast: "black"; -$amber-700-accent-contrast: "black"; +// ---------------------------------------------------------------------------- + +$amber-contrast: black ; +$amber-50-contrast: black ; +$amber-100-contrast: black ; +$amber-200-contrast: black ; +$amber-300-contrast: black ; +$amber-400-contrast: black ; +$amber-500-contrast: black ; +$amber-600-contrast: black ; +$amber-700-contrast: black ; +$amber-800-contrast: black ; +$amber-900-contrast: black ; +$amber-100-accent-contrast: black ; +$amber-200-accent-contrast: black ; +$amber-400-accent-contrast: black ; +$amber-700-accent-contrast: black ; // Color | Tailwind | Orange Contrast -// ============================================================================ - -$orange-contrast: "black"; -$orange-50-contrast: "black"; -$orange-100-contrast: "black"; -$orange-200-contrast: "black"; -$orange-300-contrast: "black"; -$orange-400-contrast: "black"; -$orange-500-contrast: "black"; -$orange-600-contrast: "black"; -$orange-700-contrast: "black"; -$orange-800-contrast: "white"; -$orange-900-contrast: "white"; -$orange-100-accent-contrast: "black"; -$orange-200-accent-contrast: "black"; -$orange-400-accent-contrast: "black"; -$orange-700-accent-contrast: "black"; +// ---------------------------------------------------------------------------- + +$orange-contrast: black ; +$orange-50-contrast: black ; +$orange-100-contrast: black ; +$orange-200-contrast: black ; +$orange-300-contrast: black ; +$orange-400-contrast: black ; +$orange-500-contrast: black ; +$orange-600-contrast: black ; +$orange-700-contrast: black ; +$orange-800-contrast: white ; +$orange-900-contrast: white ; +$orange-100-accent-contrast: black ; +$orange-200-accent-contrast: black ; +$orange-400-accent-contrast: black ; +$orange-700-accent-contrast: black ; // Color | Tailwind | Deep Orange Contrast -// ============================================================================ - -$deep-orange-contrast: "white"; -$deep-orange-50-contrast: "black"; -$deep-orange-100-contrast: "black"; -$deep-orange-200-contrast: "black"; -$deep-orange-300-contrast: "black"; -$deep-orange-400-contrast: "black"; -$deep-orange-500-contrast: "white"; -$deep-orange-600-contrast: "white"; -$deep-orange-700-contrast: "white"; -$deep-orange-800-contrast: "white"; -$deep-orange-900-contrast: "white"; -$deep-orange-100-accent-contrast: "black"; -$deep-orange-200-accent-contrast: "black"; -$deep-orange-400-accent-contrast: "white"; -$deep-orange-700-accent-contrast: "white"; +// ---------------------------------------------------------------------------- + +$deep-orange-contrast: white ; +$deep-orange-50-contrast: black ; +$deep-orange-100-contrast: black ; +$deep-orange-200-contrast: black ; +$deep-orange-300-contrast: black ; +$deep-orange-400-contrast: black ; +$deep-orange-500-contrast: white ; +$deep-orange-600-contrast: white ; +$deep-orange-700-contrast: white ; +$deep-orange-800-contrast: white ; +$deep-orange-900-contrast: white ; +$deep-orange-100-accent-contrast: black ; +$deep-orange-200-accent-contrast: black ; +$deep-orange-400-accent-contrast: white ; +$deep-orange-700-accent-contrast: white ; // Color | Tailwind | Brown Contrast -// ============================================================================ +// ---------------------------------------------------------------------------- -$brown-contrast: "white"; -$brown-50-contrast: "black"; -$brown-100-contrast: "black"; -$brown-200-contrast: "black"; -$brown-300-contrast: "white"; -$brown-400-contrast: "white"; -$brown-500-contrast: "white"; -$brown-600-contrast: "white"; -$brown-700-contrast: "white"; -$brown-800-contrast: "white"; -$brown-900-contrast: "white"; +$brown-contrast: white ; +$brown-50-contrast: black ; +$brown-100-contrast: black ; +$brown-200-contrast: black ; +$brown-300-contrast: white ; +$brown-400-contrast: white ; +$brown-500-contrast: white ; +$brown-600-contrast: white ; +$brown-700-contrast: white ; +$brown-800-contrast: white ; +$brown-900-contrast: white ; // Color | Tailwind | Grey Contrast -// ============================================================================ +// ---------------------------------------------------------------------------- -$grey-contrast: "black"; -$grey-50-contrast: "black"; -$grey-100-contrast: "black"; -$grey-200-contrast: "black"; -$grey-300-contrast: "black"; -$grey-400-contrast: "black"; -$grey-500-contrast: "black"; -$grey-600-contrast: "white"; -$grey-700-contrast: "white"; -$grey-800-contrast: "white"; -$grey-900-contrast: "white"; +$grey-contrast: black ; +$grey-50-contrast: black ; +$grey-100-contrast: black ; +$grey-200-contrast: black ; +$grey-300-contrast: black ; +$grey-400-contrast: black ; +$grey-500-contrast: black ; +$grey-600-contrast: white ; +$grey-700-contrast: white ; +$grey-800-contrast: white ; +$grey-900-contrast: white ; // Color | Tailwind | Blue Grey Contrast -// ============================================================================ - -$blue-grey-contrast: "white"; -$blue-grey-50-contrast: "black"; -$blue-grey-100-contrast: "black"; -$blue-grey-200-contrast: "black"; -$blue-grey-300-contrast: "black"; -$blue-grey-400-contrast: "white"; -$blue-grey-500-contrast: "white"; -$blue-grey-600-contrast: "white"; -$blue-grey-700-contrast: "white"; -$blue-grey-800-contrast: "white"; -$blue-grey-900-contrast: "white"; +// ---------------------------------------------------------------------------- + +$blue-grey-contrast: white ; +$blue-grey-50-contrast: black ; +$blue-grey-100-contrast: black ; +$blue-grey-200-contrast: black ; +$blue-grey-300-contrast: black ; +$blue-grey-400-contrast: white ; +$blue-grey-500-contrast: white ; +$blue-grey-600-contrast: white ; +$blue-grey-700-contrast: white ; +$blue-grey-800-contrast: white ; +$blue-grey-900-contrast: white ; diff --git a/dist/scss/standards/standards.scss b/dist/scss/standards/standards.scss index a9ed40f..44e9815 100644 --- a/dist/scss/standards/standards.scss +++ b/dist/scss/standards/standards.scss @@ -17,6 +17,14 @@ // Color Standards // ============================================================================ - - -// _x11_hex_map \ No newline at end of file +@import "_as2700_hex_map.scss"; +@import "_bs381_hex_map.scss"; +@import "_copic_hex_map.scss"; +@import "_flat_design_hex_map.scss"; +@import "_fs595_hex_map.scss"; +@import "_material_design_hex_map.scss"; +@import "_nbs_hex_map.scss"; +@import "_ncs_hex_map.scss"; +@import "_ral_hex_map.scss"; +@import "_tailwind_hex_map.scss"; +@import "_x11_hex_map.scss"; \ No newline at end of file diff --git a/dist/styl/hue.gl.styl b/dist/styl/hue.gl.styl index 57b0b22..2cb75d0 100644 --- a/dist/styl/hue.gl.styl +++ b/dist/styl/hue.gl.styl @@ -15,7 +15,7 @@ // ============================================================================ // // hue.gl -// 0.0.7 +// 0.0.8 // // ============================================================================ diff --git a/dist/tex/hue.gl.tex b/dist/tex/hue.gl.tex index 86165eb..8e0ce31 100644 --- a/dist/tex/hue.gl.tex +++ b/dist/tex/hue.gl.tex @@ -15,7 +15,7 @@ % ============================================================================= % % hue.gl -% 0.0.7 +% 0.0.8 % % ============================================================================= diff --git a/dist/ts/hue.gl.d.ts b/dist/ts/hue.gl.d.ts index e71c3af..63f3808 100644 --- a/dist/ts/hue.gl.d.ts +++ b/dist/ts/hue.gl.d.ts @@ -15,7 +15,7 @@ // ============================================================================ // // hue.gl -// 0.0.7 +// 0.0.8 // // ============================================================================ diff --git a/dist/ts/index.ts b/dist/ts/index.ts index e69de29..910db53 100644 --- a/dist/ts/index.ts +++ b/dist/ts/index.ts @@ -0,0 +1,16 @@ +// Copyright 2020 Scape Agency BV + +// Licensed under the Apache License, Version 2.0 (the "License"); +// you may not use this file except in compliance with the License. +// You may obtain a copy of the License at + +// http://www.apache.org/licenses/LICENSE-2.0 + +// Unless required by applicable law or agreed to in writing, software +// distributed under the License is distributed on an "AS IS" BASIS, +// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. +// See the License for the specific language governing permissions and +// limitations under the License. + + +export {}; \ No newline at end of file diff --git a/package.json b/package.json index edb9731..110639d 100644 --- a/package.json +++ b/package.json @@ -1,7 +1,7 @@ { "name": "hue.gl", "description": "hue.gl is a colour palette developed by Scape Agency.", - "version": "0.0.7", + "version": "0.0.8", "config": { "version_short": "0.0" }, diff --git a/script/js/hue/color/ColorSwatch.js b/script/js/hue/color/ColorSwatch.js index f798a06..d24f9e7 100644 --- a/script/js/hue/color/ColorSwatch.js +++ b/script/js/hue/color/ColorSwatch.js @@ -41,9 +41,6 @@ class ColorSwatch { getName() { return this.name; } - HCL() { - return [this.h, this.c, this.l]; - } getRGB() { return [0, 0, 0]; } @@ -164,6 +161,14 @@ class ColorSwatch { let hex = convertRGBtoHex(Math.round(color.coords[0] * 255), Math.round(color.coords[1] * 255), Math.round(color.coords[2] * 255)); return hex; } + hcl() { + let hcl = { + "h": this.h, + "c": this.c, + "l": this.l, + }; + return hcl; + } rgb() { let color = this.srgb(); let rgb = { diff --git a/script/js/index.js b/script/js/index.js index 2871d39..87b9375 100644 --- a/script/js/index.js +++ b/script/js/index.js @@ -55,9 +55,13 @@ function main() { yield templater.generateToFile('hue.gl.sketchpalette.jinja', path.join(CONFIG.path.dist, 'sketchpalette', 'hue.gl.sketchpalette')); yield templater.generateToFile('hue.gl.styl.jinja', path.join(CONFIG.path.dist, 'styl', 'hue.gl.styl')); yield templater.generateToFile('hue.gl.tex.jinja', path.join(CONFIG.path.dist, 'tex', 'hue.gl.tex')); - yield templater.generateToFile('hue.gl.scss.jinja', path.join(CONFIG.path.dist, 'scss', 'hue.gl.scss')); + yield templater.generateToFile('hue.gl-rgb-map.scss.jinja', path.join(CONFIG.path.src, 'scss', 'hue', '_hue.gl-rgb-map.scss')); + yield templater.generateToFile('hue.gl-rgb-var.scss.jinja', path.join(CONFIG.path.src, 'scss', 'hue', '_hue.gl-rgb-var.scss')); + yield templater.generateToFile('hue.gl-hcl-map.scss.jinja', path.join(CONFIG.path.src, 'scss', 'hue', '_hue.gl-hcl-map.scss')); + yield templater.generateToFile('hue.gl-hcl-var.scss.jinja', path.join(CONFIG.path.src, 'scss', 'hue', '_hue.gl-hcl-var.scss')); + yield templater.generateToFile('hue.gl-hex-map.scss.jinja', path.join(CONFIG.path.src, 'scss', 'hue', '_hue.gl-hex-map.scss')); + yield templater.generateToFile('hue.gl-hex-var.scss.jinja', path.join(CONFIG.path.src, 'scss', 'hue', '_hue.gl-hex-var.scss')); yield templater.generateToFile('hue.gl.d.ts.jinja', path.join(CONFIG.path.dist, 'ts', 'hue.gl.d.ts')); - yield templater.generateToFile('hue.gl.css.jinja', path.join(CONFIG.path.dist, 'css', 'hue.gl.css')); yield templater.generateToFile('hue.gl.js.jinja', path.join(CONFIG.path.dist, 'js', 'hue.gl.js')); for (const groupName in color_dict) { if (color_dict.hasOwnProperty(groupName)) { diff --git a/script/ts/hue/color/ColorSwatch.ts b/script/ts/hue/color/ColorSwatch.ts index 6b1cb08..15eeed1 100644 --- a/script/ts/hue/color/ColorSwatch.ts +++ b/script/ts/hue/color/ColorSwatch.ts @@ -83,9 +83,9 @@ class ColorSwatch { return this.name; } - HCL(): [number, number, number] { - return [this.h, this.c, this.l]; - } + // HCL(): [number, number, number] { + // return [this.h, this.c, this.l]; + // } getRGB(): [number, number, number] { // const color_constant = new Color("lch", [l, c, h]); @@ -252,6 +252,17 @@ class ColorSwatch { } + hcl() { + + let hcl = { + "h": this.h, + "c": this.c, + "l": this.l, + } + return hcl; + + + } // rgb() { // let color = this.srgb(); diff --git a/script/ts/index.ts b/script/ts/index.ts index 8cba7c7..49bc840 100644 --- a/script/ts/index.ts +++ b/script/ts/index.ts @@ -143,10 +143,17 @@ async function main() { await templater.generateToFile('hue.gl.styl.jinja', path.join(CONFIG.path.dist, 'styl', 'hue.gl.styl')); await templater.generateToFile('hue.gl.tex.jinja', path.join(CONFIG.path.dist, 'tex', 'hue.gl.tex')); - await templater.generateToFile('hue.gl.scss.jinja', path.join(CONFIG.path.dist, 'scss', 'hue.gl.scss')); + await templater.generateToFile('hue.gl-rgb-map.scss.jinja', path.join(CONFIG.path.src, 'scss', 'hue', '_hue.gl-rgb-map.scss')); + await templater.generateToFile('hue.gl-rgb-var.scss.jinja', path.join(CONFIG.path.src, 'scss', 'hue', '_hue.gl-rgb-var.scss')); + await templater.generateToFile('hue.gl-hcl-map.scss.jinja', path.join(CONFIG.path.src, 'scss', 'hue', '_hue.gl-hcl-map.scss')); + await templater.generateToFile('hue.gl-hcl-var.scss.jinja', path.join(CONFIG.path.src, 'scss', 'hue', '_hue.gl-hcl-var.scss')); + await templater.generateToFile('hue.gl-hex-map.scss.jinja', path.join(CONFIG.path.src, 'scss', 'hue', '_hue.gl-hex-map.scss')); + await templater.generateToFile('hue.gl-hex-var.scss.jinja', path.join(CONFIG.path.src, 'scss', 'hue', '_hue.gl-hex-var.scss')); + + await templater.generateToFile('hue.gl.d.ts.jinja', path.join(CONFIG.path.dist, 'ts', 'hue.gl.d.ts')); - await templater.generateToFile('hue.gl.css.jinja', path.join(CONFIG.path.dist, 'css', 'hue.gl.css')); + // await templater.generateToFile('hue.gl.css.jinja', path.join(CONFIG.path.dist, 'css', 'hue.gl.css')); await templater.generateToFile('hue.gl.js.jinja', path.join(CONFIG.path.dist, 'js', 'hue.gl.js')); // await templater.generateToFile('hue.gl.svg.jinja', path.join(CONFIG.path.dist, 'svg', 'hue.gl.svg')); diff --git a/src/jinja/hue.gl.scss.jinja b/src/jinja/hue.gl.scss.jinja deleted file mode 100644 index 5cf1e79..0000000 --- a/src/jinja/hue.gl.scss.jinja +++ /dev/null @@ -1,34 +0,0 @@ -// Copyright 2023 Scape Agency BV - -// Licensed under the Apache License, Version 2.0 (the "License"); -// you may not use this file except in compliance with the License. -// You may obtain a copy of the License at - -// http://www.apache.org/licenses/LICENSE-2.0 - -// Unless required by applicable law or agreed to in writing, software -// distributed under the License is distributed on an "AS IS" BASIS, -// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. -// See the License for the specific language governing permissions and -// limitations under the License. - -// ============================================================================ -// -// {{ name }} -// {{ version }} -// -// ============================================================================ - - -// General -// ============================================================================ - -{% for group_name, group in colors -%} -// {{ group_name }} -// ---------------------------------------------------------------------------- - -{% for color_name, color in group -%} -${{ color_name }}: {{ color.srgb().toString({precision: 4, format: "rgb"}) }}; -{% endfor %} - -{% endfor %} \ No newline at end of file diff --git a/src/scss/_utils.scss b/src/scss/_utils.scss new file mode 100644 index 0000000..177e0f8 --- /dev/null +++ b/src/scss/_utils.scss @@ -0,0 +1,182 @@ +// Copyright 2023 Scape Agency BV + +// Licensed under the Apache License, Version 2.0 (the "License"); +// you may not use this file except in compliance with the License. +// You may obtain a copy of the License at + +// http://www.apache.org/licenses/LICENSE-2.0 + +// Unless required by applicable law or agreed to in writing, software +// distributed under the License is distributed on an "AS IS" BASIS, +// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. +// See the License for the specific language governing permissions and +// limitations under the License. + + + +// ============================================================================ +// Functions +// ============================================================================ + +// Color Getter Function: This function will retrieve a color value based on a +// given color name. It's useful when you want to access a color from the +// $hue map. + +@function hue-color($color-name) { + @if map-has-key($hue, $color-name) { + @return map-get($hue, $color-name); + } @else { + @warn "Unknown `#{$color-name}` in `$hue`."; + @return null; + } +} + + +// Contrast Function (Optional): A function to determine if you need a light +// or dark text color on a specific background for readability. + +@function contrast-color($background-color) { + @if (lightness($background-color) > 50%) { + @return black; // Dark text on light background + } @else { + @return white; // Light text on dark background + } +} + +// Contrast Checker: A function to calculate the contrast ratio between two colors, which is useful for accessibility considerations. +@function hue-contrast($color1-name, $color2-name) { + $color1: hue-color($color1-name); + $color2: hue-color($color2-name); + @return contrast-ratio($color1, $color2); + } + + +// Dynamic Text Color: A function to dynamically determine whether to use light or dark text based on the background color for better readability. + @function dynamic-text-color($background-color-name) { + $background-color: hue-color($background-color-name); + @if (hue-contrast($background-color, black) > 4.5) { + @return black; + } @else { + @return white; + } + } + + +// Complementary Color Function +// ---------------------------------------------------------------------------- +// A function to find the complementary color on the color wheel, useful for +// creating color schemes. +@function complementary-color($color-name) { + $base-color: hue-color($color-name); + @return adjust-hue($base-color, 180deg); + } + +// Opacity Variants: Create a function to generate color variants with different opacities. + +@function hue-color-opacity($color-name, $opacity: 1) { + $color: hue-color($color-name); + @if $color != null { + @return rgba($color, $opacity); + } @else { + @return null; + } + } + +// Color Shades and Tints: Create functions to lighten and darken colors. This is useful for hover states, disabled states, or gradients. + @function hue-shade($color-name, $amount: 10%) { + $color: hue-color($color-name); + @return darken($color, $amount); + } + + @function hue-tint($color-name, $amount: 10%) { + $color: hue-color($color-name); + @return lighten($color, $amount); + } + + +// ============================================================================ +// Mixins +// ============================================================================ + +// Mixins for Text and Background Colors: These mixins can be used to apply +// text and background colors throughout your stylesheets. +// They make it easy to maintain consistency and make changes later if needed. + +@mixin text-color($color-name) { + color: hue-color($color-name); +} + +@mixin bg-color($color-name) { + background-color: hue-color($color-name); +} + +@mixin border-color($color-name) { + border-color: hue-color($color-name); + } + + +// Accessibility Mixin: A mixin to ensure text color contrasts well with its background for accessibility. + @mixin accessible-text-color($background-color-name) { + $background-color: hue-color($background-color-name); + color: contrast-color($background-color); + } + +// Gradient Mixin: Create a mixin for generating gradients with your color palette. + + + @mixin gradient-bg($start-color-name, $end-color-name) { + background: linear-gradient(hue-color($start-color-name), hue-color($end-color-name)); + } + +// Themed Components: Create a set of mixins for theming components. This can include buttons, links, etc. +@mixin button-theme($bg-color-name, $text-color-name: null) { + @include bg-color($bg-color-name); + @if $text-color-name != null { + @include text-color($text-color-name); + } @else { + @include accessible-text-color($bg-color-name); + } + // Add more button styles here + } + +// Color Blending Mixin: A mixin to blend two colors from your color map. + + + @mixin blend-colors($color1-name, $color2-name, $percentage: 50%) { + $color1: hue-color($color1-name); + $color2: hue-color($color2-name); + background-color: mix($color1, $color2, $percentage); + } + +// ============================================================================ +// Classes +// ============================================================================ + + // Utility Classes Generation: This step involves creating utility classes + // for each color in your map. It generates classes like .text-N0001, + // .bg-N0001, etc., for quick and easy styling in HTML. + + @each $color-name, $color-value in $hue { + + .text-#{$color-name} { + @include text-color($color-name); + } + + .bg-#{$color-name} { + @include bg-color($color-name); + } + + .border-#{$color-name} { + @include border-color($color-name); + } + +} + +// CSS Variables Generator: If you prefer using CSS variables, create a mixin to generate them from your SCSS map. + +:root { + @each $color-name, $color-value in $hue { + --color-#{$color-name}: #{$color-value}; + } + } + \ No newline at end of file diff --git a/src/scss/index.scss b/src/scss/index.scss index ef90928..2b107fe 100644 --- a/src/scss/index.scss +++ b/src/scss/index.scss @@ -23,7 +23,6 @@ TABLE OF CONTENTS */ -// @import "_niji_var.scss"; -// @import "_niji_root.scss"; -// @import "_niji_background.scss"; -// @import "_niji_gradients.scss"; +@import "hue/_hue.gl-hex-map.scss"; +@import "hue/_hue.gl-hex-var.scss"; +@import "_utils.scss";