mirror of
https://github.com/Steffo99/bluelib.git
synced 2024-12-22 11:34:21 +00:00
Port colors-amber
(Gestione Amber) from v4
This commit is contained in:
parent
e1b61ce18f
commit
9085311d16
5 changed files with 173 additions and 0 deletions
61
dist/colors-amber.module.css
vendored
Normal file
61
dist/colors-amber.module.css
vendored
Normal file
|
@ -0,0 +1,61 @@
|
||||||
|
/*
|
||||||
|
* Bluelib Gestione Amber Colors
|
||||||
|
* by <lorenzo.balugani@gmail.com>
|
||||||
|
* ported to v5 by <me@steffo.eu>
|
||||||
|
*/
|
||||||
|
.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);
|
||||||
|
}
|
10
dist/colors-amber.module.less
vendored
Normal file
10
dist/colors-amber.module.less
vendored
Normal file
|
@ -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";
|
||||||
|
|
61
dist/colors-amber.root.css
vendored
Normal file
61
dist/colors-amber.root.css
vendored
Normal file
|
@ -0,0 +1,61 @@
|
||||||
|
/*
|
||||||
|
* Bluelib Gestione Amber Colors
|
||||||
|
* by <lorenzo.balugani@gmail.com>
|
||||||
|
* ported to v5 by <me@steffo.eu>
|
||||||
|
*/
|
||||||
|
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);
|
||||||
|
}
|
10
dist/colors-amber.root.less
vendored
Normal file
10
dist/colors-amber.root.less
vendored
Normal file
|
@ -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";
|
||||||
|
|
31
src/rules/colors/colors-amber.less
Normal file
31
src/rules/colors/colors-amber.less
Normal file
|
@ -0,0 +1,31 @@
|
||||||
|
/*
|
||||||
|
* Bluelib Gestione Amber Colors
|
||||||
|
* by <lorenzo.balugani@gmail.com>
|
||||||
|
* ported to v5 by <me@steffo.eu>
|
||||||
|
*/
|
||||||
|
|
||||||
|
@{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);
|
||||||
|
}
|
Loading…
Reference in a new issue