ada-ui 5.5.0 → 5.6.0

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # ada-ui
 
+## 5.6.0
+
+### Minor Changes
+
+- 0ff6670: Added green theme
+
+## 5.5.1
+
+### Patch Changes
+
+- 5b39b4e: Streamline variable names
+
 ## 5.5.0
 
 ### Minor Changes

package/css/ada.blue.css

@@ -1 +1 @@
-.warn,.shade3,.shade2,.shade1,.default,:root{--bg-body: var(--color950);--fg-body: var(--color100);--bg-body-light: var(--color100);--fg-body-light: var(--color800);--color100: oklch(0.91 0.05 var(--hue));--color500: oklch( calc(var(--l-base) + 0.15) calc(var(--c-base) + 0.06) var(--hue) );--color600: oklch( calc(var(--l-base) + 0.1) calc(var(--c-base) + 0.04) var(--hue) );--color700: oklch( calc(var(--l-base) + 0.05) calc(var(--c-base) + 0.02) var(--hue) );--color800: oklch(var(--l-base) var(--c-base) var(--hue));--color950: oklch(0.18 0.03 var(--hue));--panel-background: oklch(var(--500) / 0.1)}.light-theme.warn,.light-theme.shade3,.light-theme.shade2,.light-theme.shade1,.light-theme.default,.light-theme:root,:root.light-theme .warn,:root.light-theme .shade3,:root.light-theme .shade2,:root.light-theme .shade1,:root.light-theme .default,:root.light-theme :root{--l-base: var(--l-light-base);--c-base: var(--c-light-base);--bg-body: var(--bg-body-light);--fg-body: var(--fg-body-light)}:root{--l-base: 0.26;--c-base: 0.06;--l-light-base: 0.4;--c-light-base: 0.1}.default,:root{--hue: 246}.shade1{--hue: 225}.shade2{--hue: 190}.shade3{--hue: 165}.warn{--hue: 29}
+.warn,.shade3,.shade2,.shade1,.default,:root{--bg-body: var(--color950);--fg-body: var(--color100);--bg-body-light: var(--color100);--fg-body-light: var(--color800);--color100: oklch(0.91 0.05 var(--hue));--color500: oklch( calc(var(--l-base) + 0.15) calc(var(--c-base) + 0.06) var(--hue) );--color600: oklch( calc(var(--l-base) + 0.1) calc(var(--c-base) + 0.04) var(--hue) );--color700: oklch( calc(var(--l-base) + 0.05) calc(var(--c-base) + 0.02) var(--hue) );--color800: oklch(var(--l-base) var(--c-base) var(--hue));--color950: oklch(0.18 0.03 var(--hue));--panel-background: oklch(var(--500) / 0.1)}.light-theme.warn,.light-theme.shade3,.light-theme.shade2,.light-theme.shade1,.light-theme.default,.light-theme:root,:root.light-theme .warn,:root.light-theme .shade3,:root.light-theme .shade2,:root.light-theme .shade1,:root.light-theme .default,:root.light-theme :root{--l-base: var(--l-base-light);--c-base: var(--c-base-light);--bg-body: var(--bg-body-light);--fg-body: var(--fg-body-light)}:root{--l-base: 0.26;--c-base: 0.06;--l-base-light: 0.4;--c-base-light: 0.1}.default,:root{--hue: 246}.shade1{--hue: 225}.shade2{--hue: 190}.shade3{--hue: 165}.warn{--hue: 29}

package/css/ada.green.css

@@ -1 +1 @@
-
+.warn,.shade3,.shade2,.shade1,.default,:root{--bg-body: var(--color950);--fg-body: var(--color100);--bg-body-light: var(--color100);--fg-body-light: var(--color800);--color100: oklch(0.91 0.05 var(--hue));--color500: oklch( calc(var(--l-base) + 0.15) calc(var(--c-base) + 0.06) var(--hue) );--color600: oklch( calc(var(--l-base) + 0.1) calc(var(--c-base) + 0.04) var(--hue) );--color700: oklch( calc(var(--l-base) + 0.05) calc(var(--c-base) + 0.02) var(--hue) );--color800: oklch(var(--l-base) var(--c-base) var(--hue));--color950: oklch(0.18 0.03 var(--hue));--panel-background: oklch(var(--500) / 0.1)}.light-theme.warn,.light-theme.shade3,.light-theme.shade2,.light-theme.shade1,.light-theme.default,.light-theme:root,:root.light-theme .warn,:root.light-theme .shade3,:root.light-theme .shade2,:root.light-theme .shade1,:root.light-theme .default,:root.light-theme :root{--l-base: var(--l-base-light);--c-base: var(--c-base-light);--bg-body: var(--bg-body-light);--fg-body: var(--fg-body-light)}:root{--l-base: 0.35;--c-base: 0.1;--l-base-light: 0.45;--c-base-light: 0.15}.default,:root{--hue: 132}.shade1{--hue: 121}.shade2{--hue: 164}.shade3{--hue: 185}.warn{--hue: 29}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ada-ui",
-  "version": "5.5.0",
+  "version": "5.6.0",
   "scripts": {
     "dev": "concurrently -n scss,serve 'sass scss:css --watch' 'alive-server .'",
     "build": "rm -rf css && sass scss:css -s compressed --no-source-map",

package/scss/_ada.theme-base.scss

@@ -7,8 +7,8 @@
 
   &.light-theme,
   :root.light-theme & {
-    --l-base: var(--l-light-base);
-    --c-base: var(--c-light-base);
+    --l-base: var(--l-base-light);
+    --c-base: var(--c-base-light);
     --bg-body: var(--bg-body-light);
     --fg-body: var(--fg-body-light);
   }

package/scss/ada.blue.scss

@@ -5,8 +5,8 @@
   --l-base: 0.26;
   --c-base: 0.06;
 
-  --l-light-base: 0.4;
-  --c-light-base: 0.1;
+  --l-base-light: 0.4;
+  --c-base-light: 0.1;
 }
 
 .default {

package/scss/ada.green.scss

@@ -1 +1,35 @@
-//wip
+@import "ada.theme-base";
+
+:root {
+  @extend .default;
+  --l-base: 0.35;
+  --c-base: 0.1;
+
+  --l-base-light: 0.45;
+  --c-base-light: 0.15;
+}
+
+.default {
+  @extend %colourShades;
+  --hue: 132;
+}
+
+.shade1 {
+  @extend %colourShades;
+  --hue: 121;
+}
+
+.shade2 {
+  @extend %colourShades;
+  --hue: 164;
+}
+
+.shade3 {
+  @extend %colourShades;
+  --hue: 185;
+}
+
+.warn {
+  @extend %colourShades;
+  --hue: 29;
+}