From 9085311d16c542f5238bd42233766a6dab13ceff Mon Sep 17 00:00:00 2001 From: Stefano Pigozzi Date: Tue, 11 Oct 2022 15:22:19 +0000 Subject: [PATCH] Port `colors-amber` (Gestione Amber) from v4 --- dist/colors-amber.module.css | 61 ++++++++++++++++++++++++++++++ dist/colors-amber.module.less | 10 +++++ dist/colors-amber.root.css | 61 ++++++++++++++++++++++++++++++ dist/colors-amber.root.less | 10 +++++ src/rules/colors/colors-amber.less | 31 +++++++++++++++ 5 files changed, 173 insertions(+) create mode 100644 dist/colors-amber.module.css create mode 100644 dist/colors-amber.module.less create mode 100644 dist/colors-amber.root.css create mode 100644 dist/colors-amber.root.less create mode 100644 src/rules/colors/colors-amber.less diff --git a/dist/colors-amber.module.css b/dist/colors-amber.module.css new file mode 100644 index 0000000..cc69e77 --- /dev/null +++ b/dist/colors-amber.module.css @@ -0,0 +1,61 @@ +/* + * Bluelib Gestione Amber Colors + * by + * ported to v5 by + */ +.bluelib { + --bhsl-background-hue: 0deg; + --bhsl-background-saturation: 8%; + --bhsl-background-lightness: 14%; + --bhsl-foreground-hue: 19deg; + --bhsl-foreground-saturation: 91%; + --bhsl-foreground-lightness: 46%; + --bhsl-primary-hue: 0deg; + --bhsl-primary-saturation: 42%; + --bhsl-primary-lightness: 94%; + --bhsl-link-hue: 50deg; + --bhsl-link-saturation: 100%; + --bhsl-link-lightness: 80%; + --bhsl-mark-foreground-hue: 32deg; + --bhsl-mark-foreground-saturation: 64%; + --bhsl-mark-foreground-lightness: 14%; + --bhsl-mark-background-hue: 32deg; + --bhsl-mark-background-saturation: 100%; + --bhsl-mark-background-lightness: 81%; + --bhsl-todo-foreground-hue: 43deg; + --bhsl-todo-foreground-saturation: 100%; + --bhsl-todo-foreground-lightness: 65%; + --bhsl-todo-background-hue: 204deg; + --bhsl-todo-background-saturation: 11%; + --bhsl-todo-background-lightness: 18%; + --bhsl-sample-input-hue: 0deg; + --bhsl-sample-input-saturation: 100%; + --bhsl-sample-input-lightness: 0%; + --bhsl-sample-output-hue: 0deg; + --bhsl-sample-output-saturation: 100%; + --bhsl-sample-output-lightness: 100%; + --bhsl-red-hue: 0deg; + --bhsl-red-saturation: 100%; + --bhsl-red-lightness: 75%; + --bhsl-yellow-hue: 60deg; + --bhsl-yellow-saturation: 100%; + --bhsl-yellow-lightness: 75%; + --bhsl-green-hue: 120deg; + --bhsl-green-saturation: 100%; + --bhsl-green-lightness: 75%; + --bhsl-cyan-hue: 180deg; + --bhsl-cyan-saturation: 100%; + --bhsl-cyan-lightness: 75%; + --bhsl-blue-hue: 240deg; + --bhsl-blue-saturation: 100%; + --bhsl-blue-lightness: 75%; + --bhsl-magenta-hue: 300deg; + --bhsl-magenta-saturation: 100%; + --bhsl-magenta-lightness: 75%; + --bhsl-inserted-hue: var(--bhsl-green-hue); + --bhsl-inserted-saturation: var(--bhsl-green-saturation); + --bhsl-inserted-lightness: var(--bhsl-green-lightness); + --bhsl-deleted-hue: var(--bhsl-red-hue); + --bhsl-deleted-saturation: var(--bhsl-red-saturation); + --bhsl-deleted-lightness: var(--bhsl-red-lightness); +} diff --git a/dist/colors-amber.module.less b/dist/colors-amber.module.less new file mode 100644 index 0000000..2cce788 --- /dev/null +++ b/dist/colors-amber.module.less @@ -0,0 +1,10 @@ +// Mixins +@import (less) "../src/mixins/fonts.less"; +@import (less) "../src/mixins/hsl.less"; + +// Selector +@import (less) "../src/selectors/module.less"; + +// Rule +@import (less) "../src/rules/colors/colors-amber.less"; + diff --git a/dist/colors-amber.root.css b/dist/colors-amber.root.css new file mode 100644 index 0000000..3f89b1f --- /dev/null +++ b/dist/colors-amber.root.css @@ -0,0 +1,61 @@ +/* + * Bluelib Gestione Amber Colors + * by + * ported to v5 by + */ +body { + --bhsl-background-hue: 0deg; + --bhsl-background-saturation: 8%; + --bhsl-background-lightness: 14%; + --bhsl-foreground-hue: 19deg; + --bhsl-foreground-saturation: 91%; + --bhsl-foreground-lightness: 46%; + --bhsl-primary-hue: 0deg; + --bhsl-primary-saturation: 42%; + --bhsl-primary-lightness: 94%; + --bhsl-link-hue: 50deg; + --bhsl-link-saturation: 100%; + --bhsl-link-lightness: 80%; + --bhsl-mark-foreground-hue: 32deg; + --bhsl-mark-foreground-saturation: 64%; + --bhsl-mark-foreground-lightness: 14%; + --bhsl-mark-background-hue: 32deg; + --bhsl-mark-background-saturation: 100%; + --bhsl-mark-background-lightness: 81%; + --bhsl-todo-foreground-hue: 43deg; + --bhsl-todo-foreground-saturation: 100%; + --bhsl-todo-foreground-lightness: 65%; + --bhsl-todo-background-hue: 204deg; + --bhsl-todo-background-saturation: 11%; + --bhsl-todo-background-lightness: 18%; + --bhsl-sample-input-hue: 0deg; + --bhsl-sample-input-saturation: 100%; + --bhsl-sample-input-lightness: 0%; + --bhsl-sample-output-hue: 0deg; + --bhsl-sample-output-saturation: 100%; + --bhsl-sample-output-lightness: 100%; + --bhsl-red-hue: 0deg; + --bhsl-red-saturation: 100%; + --bhsl-red-lightness: 75%; + --bhsl-yellow-hue: 60deg; + --bhsl-yellow-saturation: 100%; + --bhsl-yellow-lightness: 75%; + --bhsl-green-hue: 120deg; + --bhsl-green-saturation: 100%; + --bhsl-green-lightness: 75%; + --bhsl-cyan-hue: 180deg; + --bhsl-cyan-saturation: 100%; + --bhsl-cyan-lightness: 75%; + --bhsl-blue-hue: 240deg; + --bhsl-blue-saturation: 100%; + --bhsl-blue-lightness: 75%; + --bhsl-magenta-hue: 300deg; + --bhsl-magenta-saturation: 100%; + --bhsl-magenta-lightness: 75%; + --bhsl-inserted-hue: var(--bhsl-green-hue); + --bhsl-inserted-saturation: var(--bhsl-green-saturation); + --bhsl-inserted-lightness: var(--bhsl-green-lightness); + --bhsl-deleted-hue: var(--bhsl-red-hue); + --bhsl-deleted-saturation: var(--bhsl-red-saturation); + --bhsl-deleted-lightness: var(--bhsl-red-lightness); +} diff --git a/dist/colors-amber.root.less b/dist/colors-amber.root.less new file mode 100644 index 0000000..eec105e --- /dev/null +++ b/dist/colors-amber.root.less @@ -0,0 +1,10 @@ +// Mixins +@import (less) "../src/mixins/fonts.less"; +@import (less) "../src/mixins/hsl.less"; + +// Selector +@import (less) "../src/selectors/root.less"; + +// Rule +@import (less) "../src/rules/colors/colors-amber.less"; + diff --git a/src/rules/colors/colors-amber.less b/src/rules/colors/colors-amber.less new file mode 100644 index 0000000..26e2dbf --- /dev/null +++ b/src/rules/colors/colors-amber.less @@ -0,0 +1,31 @@ +/* + * Bluelib Gestione Amber Colors + * by + * ported to v5 by + */ + +@{bluelib} { + .create-hsl-group(background; 0deg; 8%; 14%); + .create-hsl-group(foreground; 19deg; 91%; 46%); + .create-hsl-group(primary; 0deg; 42%; 94%); + .create-hsl-group(link; 50deg; 100%; 80%); + + .create-hsl-group(mark-foreground; 19deg; 64%; 14%); + .create-hsl-group(mark-background; 19deg; 100%; 81%); + + .create-hsl-group(todo-foreground; 43deg; 100%; 65%); + .create-hsl-group(todo-background; 204deg; 11%; 18%); + + .create-hsl-group(sample-input; 0deg; 100%; 0%); + .create-hsl-group(sample-output; 0deg; 100%; 100%); + + .create-hsl-group(red; 0deg; 100%; 66%); + .create-hsl-group(yellow; 60deg; 100%; 66%); + .create-hsl-group(green; 120deg; 100%; 66%); + .create-hsl-group(cyan; 180deg; 100%; 66%); + .create-hsl-group(blue; 240deg; 100%; 66%); + .create-hsl-group(magenta; 300deg; 100%; 66%); + + .map-hsl-group(inserted; green); + .map-hsl-group(deleted; red); +}