From 8f5784f1bc92397c3e0a68af3e9546a2f8964a9d Mon Sep 17 00:00:00 2001 From: Jason Baker Date: Tue, 19 Nov 2024 16:20:43 -0800 Subject: [PATCH] feat: add temp hawaiian theme #190 --- src/themes/hawaiian/color/background.json | 15 ++++++ src/themes/hawaiian/color/border.json | 18 ++++++++ src/themes/hawaiian/color/container.json | 56 +++++++++++++++++++++++ src/themes/hawaiian/color/icon.json | 24 ++++++++++ src/themes/hawaiian/color/text.json | 44 ++++++++++++++++++ 5 files changed, 157 insertions(+) create mode 100644 src/themes/hawaiian/color/background.json create mode 100644 src/themes/hawaiian/color/border.json create mode 100644 src/themes/hawaiian/color/container.json create mode 100644 src/themes/hawaiian/color/icon.json create mode 100644 src/themes/hawaiian/color/text.json diff --git a/src/themes/hawaiian/color/background.json b/src/themes/hawaiian/color/background.json new file mode 100644 index 0000000..13682eb --- /dev/null +++ b/src/themes/hawaiian/color/background.json @@ -0,0 +1,15 @@ +{ + "color": { + "background": { + "lightest": { + "value": "#F1F3F3", + "public": true, + "usage": "Used for creating light backgrounds", + "wcag": "n/a", + "deprecated": true, + "version": "4.5.0", + "reference": "n/a" + } + } + } +} diff --git a/src/themes/hawaiian/color/border.json b/src/themes/hawaiian/color/border.json new file mode 100644 index 0000000..076022c --- /dev/null +++ b/src/themes/hawaiian/color/border.json @@ -0,0 +1,18 @@ +{ + "color": { + "border": { + "ui": { + "active": { + "default": { + "value": "#CE0C88", + "public": true, + "default": true, + "usage": "Active UI border color on light backgrounds", + "wcag": "n/a", + "deprecated": false + } + } + } + } + } +} diff --git a/src/themes/hawaiian/color/container.json b/src/themes/hawaiian/color/container.json new file mode 100644 index 0000000..31aeea1 --- /dev/null +++ b/src/themes/hawaiian/color/container.json @@ -0,0 +1,56 @@ +{ + "color": { + "container": { + "primary": { + "default": { + "value": "#ffffff", + "public": true, + "default": true, + "usage": "Primary color for containers on light backgrounds", + "wcag": "n/a", + "deprecated": false + } + }, + "ui": { + "primary": { + "default": { + "default": { + "value": "#CE0C88", + "public": true, + "default": true, + "usage": "Primary active color for containers on light backgrounds", + "wcag": "n/a", + "deprecated": false + }, + "inverse": { + "value": "#F358B0", + "public": true, + "inverse": true, + "usage": "Primary active color for containers on dark backgrounds", + "wcag": "n/a", + "deprecated": false + } + }, + "active": { + "default": { + "value": "#CE0C88", + "public": true, + "default": true, + "usage": "Primary active color for containers on light backgrounds", + "wcag": "n/a", + "deprecated": false + }, + "inverse": { + "value": "#F358B0", + "public": true, + "inverse": true, + "usage": "Primary active color for containers on dark backgrounds", + "wcag": "n/a", + "deprecated": false + } + } + } + } + } + } +} diff --git a/src/themes/hawaiian/color/icon.json b/src/themes/hawaiian/color/icon.json new file mode 100644 index 0000000..6a33a93 --- /dev/null +++ b/src/themes/hawaiian/color/icon.json @@ -0,0 +1,24 @@ +{ + "color": { + "icon": { + "primary": { + "default": { + "value": "#463C8F", + "public": true, + "default": true, + "usage": "Primary color for icons on light backgrounds", + "wcag": "n/a", + "deprecated": false + }, + "inverse": { + "value": "#9B9DCA", + "public": true, + "inverse": true, + "usage": "Primary color for icons on dark backgrounds", + "wcag": "n/a", + "deprecated": false + } + } + } + } +} diff --git a/src/themes/hawaiian/color/text.json b/src/themes/hawaiian/color/text.json new file mode 100644 index 0000000..3a81598 --- /dev/null +++ b/src/themes/hawaiian/color/text.json @@ -0,0 +1,44 @@ +{ + "color": { + "text": { + "primary": { + "default": { + "value": "#000000", + "public": true, + "default": true, + "usage": "Primary color for body and header text light mode and light backgrounds", + "wcag": "n/a", + "deprecated": false + }, + "inverse": { + "value": "rgba(255, 255, 255, 0.87)", + "public": true, + "inverse": true, + "usage": "Primary color for body and header text for dark mode and dark backgrounds", + "wcag": "AAA", + "deprecated": false + } + }, + "ui": { + "default": { + "default": { + "value": "#CE0C88", + "public": true, + "default": true, + "usage": "Default UI text color on light backgrounds", + "wcag": "n/a", + "deprecated": false + }, + "inverse": { + "value": "#F358B0", + "public": true, + "inverse": true, + "usage": "Default UI text color on dark backgrounds", + "wcag": "n/a", + "deprecated": false + } + } + } + } + } +}