steffo/bluelib
steffo/bluelib
1
Fork 0
mirror of https://github.com/Steffo99/bluelib.git synced 2024-12-22 03:24:20 +00:00
Code Activity

Port colors-amber (Gestione Amber) from v4

Browse source
This commit is contained in:
Steffo 2022-10-11 15:22:19 +00:00 committed by GitHub
parent e1b61ce18f
commit 9085311d16
Signed by: github
GPG key ID: 4AEE18F83AFDEB23
5 changed files with 173 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

61
dist/colors-amber.module.css vendored Normal file
View 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
View 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
View 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
View 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
View 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);
}