ada-ui 0.0.0-beta-v5-20240723124551 → 0.0.0-beta-v5-20240723124838

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (10) hide show
  1. package/CHANGELOG.md +1 -1
  2. package/css/ada.blue-old.css +1 -0
  3. package/css/ada.blue.css +1 -1
  4. package/package.json +1 -1
  5. package/scss/ada.blue-old.scss +111 -0
  6. package/scss/ada.blue.scss +42 -85
  7. package/css/ada.blue-new.css +0 -1
  8. package/scss/ada.blue-new.scss +0 -68
  9. /package/css/{ada.green.css → ada.green-old.css} +0 -0
  10. /package/scss/{ada.green.scss → ada.green-old.scss} +0 -0
package/CHANGELOG.md CHANGED
@@ -1,6 +1,6 @@
1
1
  # ada-ui
2
2
 
3
- ## 0.0.0-beta-v5-20240723124551
3
+ ## 0.0.0-beta-v5-20240723124838
4
4
 
5
5
  ### Major Changes
6
6
 
package/css/ada.blue-old.css ADDED
@@ -0,0 +1 @@
1
+ .warn,.accent,.shade2,.shade1,.primary,:root{--fg100: lch(var(--100));--fg200: lch(var(--200));--bg600: lch(var(--600));--bg700: lch(var(--700));--bg800: lch(var(--800));--bg900: lch(var(--900));--panel-background: lch(var(--800) / 0.1)}.primary,:root{--h: 205;--s: 80%;--l: 23%;--h-light: 205;--s-light: 80%;--l-light: 40%;--h-fg: var(--h);--s-fg: 100%;--l-fg: 89%}:root{--bg: hsl(207, 61%, 7%)}.shade1{--h: 198;--s: 90%;--l: 30%;--h-light: 198;--s-light: 90%;--l-light: 58%;--h-fg: var(--h);--s-fg: 100%;--l-fg: 89%}.shade2{--h: 185;--s: 50%;--l: 30%;--h-light: 185;--s-light: 50%;--l-light: 50%;--h-fg: var(--h);--s-fg: 100%;--l-fg: 89%}.accent{--h: 146;--s: 58%;--l: 20%;--h-light: 146;--s-light: 58%;--l-light: 48%;--h-fg: var(--h);--s-fg: 100%;--l-fg: 89%}.warn{--h: 0;--s: 100%;--l: 28%;--h-light: 0;--s-light: 85%;--l-light: 48%;--h-fg: var(--h);--s-fg: 100%;--l-fg: 89%}
package/css/ada.blue.css CHANGED
@@ -1 +1 @@
1
- .warn,.accent,.shade2,.shade1,.primary,:root{--fg100: lch(var(--100));--fg200: lch(var(--200));--bg600: lch(var(--600));--bg700: lch(var(--700));--bg800: lch(var(--800));--bg900: lch(var(--900));--panel-background: lch(var(--800) / 0.1)}.primary,:root{--h: 205;--s: 80%;--l: 23%;--h-light: 205;--s-light: 80%;--l-light: 40%;--h-fg: var(--h);--s-fg: 100%;--l-fg: 89%}:root{--bg: hsl(207, 61%, 7%)}.shade1{--h: 198;--s: 90%;--l: 30%;--h-light: 198;--s-light: 90%;--l-light: 58%;--h-fg: var(--h);--s-fg: 100%;--l-fg: 89%}.shade2{--h: 185;--s: 50%;--l: 30%;--h-light: 185;--s-light: 50%;--l-light: 50%;--h-fg: var(--h);--s-fg: 100%;--l-fg: 89%}.accent{--h: 146;--s: 58%;--l: 20%;--h-light: 146;--s-light: 58%;--l-light: 48%;--h-fg: var(--h);--s-fg: 100%;--l-fg: 89%}.warn{--h: 0;--s: 100%;--l: 28%;--h-light: 0;--s-light: 85%;--l-light: 48%;--h-fg: var(--h);--s-fg: 100%;--l-fg: 89%}
1
+ .warn,.accent-alt,.accent,.primary-alt,.primary,:root{--fg100: lch(var(--100));--fg200: lch(var(--200));--bg600: lch(var(--600));--bg700: lch(var(--700));--bg800: lch(var(--800));--bg900: lch(var(--900));--panel-background: lch(var(--800) / 0.1)}:root{--bg-body: lch(5 8 260)}.primary,:root{--100: 90 17 260;--200: 70 17 260;--600: 36 36 260;--700: 29 30 260;--800: 26 29 260;--900: 19 23 260}.primary-alt{--100: 90 17 246;--200: 70 17 246;--600: 51 40 246;--700: 44 34 246;--800: 41 33 246;--900: 34 27 246}.accent{--100: 90 17 152;--200: 70 17 152;--600: 40 37 152;--700: 33 31 152;--800: 30 30 152;--900: 23 24 152}.accent-alt{--100: 90 17 206;--200: 70 17 206;--600: 52 30 206;--700: 45 24 206;--800: 42 23 206;--900: 35 17 206}.warn{--100: 90 17 40;--200: 70 17 40;--600: 40 75 40;--700: 33 69 40;--800: 30 68 40;--900: 23 62 40}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "ada-ui",
3
- "version": "0.0.0-beta-v5-20240723124551",
3
+ "version": "0.0.0-beta-v5-20240723124838",
4
4
  "scripts": {
5
5
  "dev": "concurrently -n scss,serve 'sass scss:css --watch' 'alive-server .'",
6
6
  "build": "rm -rf css && sass scss:css -s compressed --no-source-map",
package/scss/ada.blue-old.scss ADDED
@@ -0,0 +1,111 @@
1
+ @import "ada.theme-base";
2
+
3
+ .primary {
4
+ @extend %colourShades;
5
+
6
+ // old one, more blue-greenish
7
+ //--h: 197;
8
+ //--s: 100%;
9
+ //--l: 19%;
10
+ //--h-light: 197;
11
+ //--s-light: 100%;
12
+ //--l-light: 40%;
13
+
14
+ --h: 205;
15
+ --s: 80%;
16
+ --l: 23%;
17
+ --h-light: 205;
18
+ --s-light: 80%;
19
+ --l-light: 40%;
20
+
21
+ --h-fg: var(--h);
22
+ --s-fg: 100%;
23
+ --l-fg: 89%;
24
+
25
+ //lch test
26
+ //--default: lch(26 29 260);
27
+ //--default-alpha70: lch(18 20 260);
28
+ }
29
+
30
+ :root {
31
+ @extend .primary;
32
+ // old one, more blue-greenish
33
+ //--bg: hsl(197, 80%, 7%);
34
+ --bg: hsl(207, 61%, 7%);
35
+ }
36
+
37
+ .shade1 {
38
+ @extend %colourShades;
39
+
40
+ --h: 198;
41
+ --s: 90%;
42
+ --l: 30%;
43
+ --h-light: 198;
44
+ --s-light: 90%;
45
+ --l-light: 58%;
46
+
47
+ --h-fg: var(--h);
48
+ --s-fg: 100%;
49
+ --l-fg: 89%;
50
+ }
51
+
52
+ .shade2 {
53
+ @extend %colourShades;
54
+
55
+ // old one, more blue-greenish
56
+ //--h: 165;
57
+ //--s: 90%;
58
+ //--l: 20%;
59
+ //--h-light: 165;
60
+ //--s-light: 90%;
61
+ //--l-light: 40%;
62
+
63
+ --h: 185;
64
+ --s: 50%;
65
+ --l: 30%;
66
+ --h-light: 185;
67
+ --s-light: 50%;
68
+ --l-light: 50%;
69
+
70
+ --h-fg: var(--h);
71
+ --s-fg: 100%;
72
+ --l-fg: 89%;
73
+ }
74
+
75
+ .accent {
76
+ @extend %colourShades;
77
+
78
+ // old one
79
+ //--h: 11;
80
+ //--s: 74%;
81
+ //--l: 45%;
82
+ //--h-light: 10;
83
+ //--s-light: 89%;
84
+ //--l-light: 56%;
85
+
86
+ --h: 146;
87
+ --s: 58%;
88
+ --l: 20%;
89
+ --h-light: 146;
90
+ --s-light: 58%;
91
+ --l-light: 48%;
92
+
93
+ --h-fg: var(--h);
94
+ --s-fg: 100%;
95
+ --l-fg: 89%;
96
+ }
97
+
98
+ .warn {
99
+ @extend %colourShades;
100
+
101
+ --h: 0;
102
+ --s: 100%;
103
+ --l: 28%;
104
+ --h-light: 0;
105
+ --s-light: 85%;
106
+ --l-light: 48%;
107
+
108
+ --h-fg: var(--h);
109
+ --s-fg: 100%;
110
+ --l-fg: 89%;
111
+ }
package/scss/ada.blue.scss CHANGED
@@ -1,111 +1,68 @@
1
1
  @import "ada.theme-base";
2
2
 
3
+ :root {
4
+ --bg-body: lch(5 8 260);
5
+
6
+ //Defaults to primary color
7
+ @extend .primary;
8
+ }
9
+
3
10
  .primary {
4
11
  @extend %colourShades;
5
12
 
6
- // old one, more blue-greenish
7
- //--h: 197;
8
- //--s: 100%;
9
- //--l: 19%;
10
- //--h-light: 197;
11
- //--s-light: 100%;
12
- //--l-light: 40%;
13
-
14
- --h: 205;
15
- --s: 80%;
16
- --l: 23%;
17
- --h-light: 205;
18
- --s-light: 80%;
19
- --l-light: 40%;
20
-
21
- --h-fg: var(--h);
22
- --s-fg: 100%;
23
- --l-fg: 89%;
24
-
25
- //lch test
26
- //--default: lch(26 29 260);
27
- //--default-alpha70: lch(18 20 260);
28
- }
13
+ --100: 90 17 260;
14
+ --200: 70 17 260;
29
15
 
30
- :root {
31
- @extend .primary;
32
- // old one, more blue-greenish
33
- //--bg: hsl(197, 80%, 7%);
34
- --bg: hsl(207, 61%, 7%);
16
+ --600: 36 36 260;
17
+ --700: 29 30 260;
18
+ --800: 26 29 260;
19
+ --900: 19 23 260;
35
20
  }
36
21
 
37
- .shade1 {
22
+ .primary-alt {
38
23
  @extend %colourShades;
39
24
 
40
- --h: 198;
41
- --s: 90%;
42
- --l: 30%;
43
- --h-light: 198;
44
- --s-light: 90%;
45
- --l-light: 58%;
25
+ --100: 90 17 246;
26
+ --200: 70 17 246;
46
27
 
47
- --h-fg: var(--h);
48
- --s-fg: 100%;
49
- --l-fg: 89%;
28
+ --600: 51 40 246;
29
+ --700: 44 34 246;
30
+ --800: 41 33 246;
31
+ --900: 34 27 246;
50
32
  }
51
33
 
52
- .shade2 {
34
+ .accent {
53
35
  @extend %colourShades;
54
36
 
55
- // old one, more blue-greenish
56
- //--h: 165;
57
- //--s: 90%;
58
- //--l: 20%;
59
- //--h-light: 165;
60
- //--s-light: 90%;
61
- //--l-light: 40%;
62
-
63
- --h: 185;
64
- --s: 50%;
65
- --l: 30%;
66
- --h-light: 185;
67
- --s-light: 50%;
68
- --l-light: 50%;
69
-
70
- --h-fg: var(--h);
71
- --s-fg: 100%;
72
- --l-fg: 89%;
37
+ --100: 90 17 152;
38
+ --200: 70 17 152;
39
+
40
+ --600: 40 37 152;
41
+ --700: 33 31 152;
42
+ --800: 30 30 152;
43
+ --900: 23 24 152;
73
44
  }
74
45
 
75
- .accent {
46
+ .accent-alt {
76
47
  @extend %colourShades;
77
48
 
78
- // old one
79
- //--h: 11;
80
- //--s: 74%;
81
- //--l: 45%;
82
- //--h-light: 10;
83
- //--s-light: 89%;
84
- //--l-light: 56%;
85
-
86
- --h: 146;
87
- --s: 58%;
88
- --l: 20%;
89
- --h-light: 146;
90
- --s-light: 58%;
91
- --l-light: 48%;
92
-
93
- --h-fg: var(--h);
94
- --s-fg: 100%;
95
- --l-fg: 89%;
49
+ --100: 90 17 206;
50
+ --200: 70 17 206;
51
+
52
+ --600: 52 30 206;
53
+ --700: 45 24 206;
54
+ --800: 42 23 206;
55
+ --900: 35 17 206;
96
56
  }
97
57
 
98
58
  .warn {
99
59
  @extend %colourShades;
100
60
 
101
- --h: 0;
102
- --s: 100%;
103
- --l: 28%;
104
- --h-light: 0;
105
- --s-light: 85%;
106
- --l-light: 48%;
61
+ --100: 90 17 40;
62
+ --200: 70 17 40;
107
63
 
108
- --h-fg: var(--h);
109
- --s-fg: 100%;
110
- --l-fg: 89%;
64
+ --600: 40 75 40;
65
+ --700: 33 69 40;
66
+ --800: 30 68 40;
67
+ --900: 23 62 40;
111
68
  }
package/css/ada.blue-new.css DELETED
@@ -1 +0,0 @@
1
- .warn,.accent-alt,.accent,.primary-alt,.primary,:root{--fg100: lch(var(--100));--fg200: lch(var(--200));--bg600: lch(var(--600));--bg700: lch(var(--700));--bg800: lch(var(--800));--bg900: lch(var(--900));--panel-background: lch(var(--800) / 0.1)}:root{--bg-body: lch(5 8 260)}.primary,:root{--100: 90 17 260;--200: 70 17 260;--600: 36 36 260;--700: 29 30 260;--800: 26 29 260;--900: 19 23 260}.primary-alt{--100: 90 17 246;--200: 70 17 246;--600: 51 40 246;--700: 44 34 246;--800: 41 33 246;--900: 34 27 246}.accent{--100: 90 17 152;--200: 70 17 152;--600: 40 37 152;--700: 33 31 152;--800: 30 30 152;--900: 23 24 152}.accent-alt{--100: 90 17 206;--200: 70 17 206;--600: 52 30 206;--700: 45 24 206;--800: 42 23 206;--900: 35 17 206}.warn{--100: 90 17 40;--200: 70 17 40;--600: 40 75 40;--700: 33 69 40;--800: 30 68 40;--900: 23 62 40}
package/scss/ada.blue-new.scss DELETED
@@ -1,68 +0,0 @@
1
- @import "ada.theme-base";
2
-
3
- :root {
4
- --bg-body: lch(5 8 260);
5
-
6
- //Defaults to primary color
7
- @extend .primary;
8
- }
9
-
10
- .primary {
11
- @extend %colourShades;
12
-
13
- --100: 90 17 260;
14
- --200: 70 17 260;
15
-
16
- --600: 36 36 260;
17
- --700: 29 30 260;
18
- --800: 26 29 260;
19
- --900: 19 23 260;
20
- }
21
-
22
- .primary-alt {
23
- @extend %colourShades;
24
-
25
- --100: 90 17 246;
26
- --200: 70 17 246;
27
-
28
- --600: 51 40 246;
29
- --700: 44 34 246;
30
- --800: 41 33 246;
31
- --900: 34 27 246;
32
- }
33
-
34
- .accent {
35
- @extend %colourShades;
36
-
37
- --100: 90 17 152;
38
- --200: 70 17 152;
39
-
40
- --600: 40 37 152;
41
- --700: 33 31 152;
42
- --800: 30 30 152;
43
- --900: 23 24 152;
44
- }
45
-
46
- .accent-alt {
47
- @extend %colourShades;
48
-
49
- --100: 90 17 206;
50
- --200: 70 17 206;
51
-
52
- --600: 52 30 206;
53
- --700: 45 24 206;
54
- --800: 42 23 206;
55
- --900: 35 17 206;
56
- }
57
-
58
- .warn {
59
- @extend %colourShades;
60
-
61
- --100: 90 17 40;
62
- --200: 70 17 40;
63
-
64
- --600: 40 75 40;
65
- --700: 33 69 40;
66
- --800: 30 68 40;
67
- --900: 23 62 40;
68
- }
/package/css/{ada.green.css → ada.green-old.css} RENAMED
File without changes
/package/scss/{ada.green.scss → ada.green-old.scss} RENAMED
File without changes