@toeverything/theme - npm Package Compare versions

Comparing version 0.5.8 to 0.5.9

dist/index.d.ts

@@ -54,2 +54,3 @@ export declare const camelToKebab: (s: string) => string;
     paletteShapeGrey: string;
+    blue: string;
 };
@@ -123,2 +124,4 @@ export declare const lightTheme: {
     buttonGrayColor: string;
+    cardBackgroundBlue: string;
+    cardBackgroundGreen: string;
     fontFamily: string;
@@ -168,2 +171,3 @@ fontNumberFamily: string;
     paletteShapeGrey: string;
+    blue: string;
 };
@@ -237,2 +241,4 @@ export declare const darkTheme: {
     buttonGrayColor: string;
+    cardBackgroundBlue: string;
+    cardBackgroundGreen: string;
     fontFamily: string;
@@ -282,2 +288,3 @@ fontNumberFamily: string;
     paletteShapeGrey: string;
+    blue: string;
 };
@@ -284,0 +291,0 @@ export declare const lightCssVariables: AffineCssVariables;

dist/index.js

@@ -1,6 +0,6 @@
-const g = (r) => typeof r != "string" ? "" : r.replace(/-/g, "_").replace(/([a-z0-9])([A-Z])/g, "$1-$2").replace(/([A-Z])([A-Z])(?=[a-z])/g, "$1-$2").toLowerCase().replace(/(\D+)(\d+)$/g, "$1-$2").replace(/\s|_/g, "-"), e = "apple-system, BlinkMacSystemFont,Helvetica Neue, Tahoma, PingFang SC, Microsoft Yahei, Arial,Hiragino Sans GB, sans-serif, Apple Color Emoji, Segoe UI Emoji,Segoe UI Symbol, Noto Color Emoji", b = {
+const g = (r) => typeof r != "string" ? "" : r.replace(/-/g, "_").replace(/([a-z0-9])([A-Z])/g, "$1-$2").replace(/([A-Z])([A-Z])(?=[a-z])/g, "$1-$2").toLowerCase().replace(/(\D+)(\d+)$/g, "$1-$2").replace(/\s|_/g, "-"), o = "apple-system, BlinkMacSystemFont,Helvetica Neue, Tahoma, PingFang SC, Microsoft Yahei, Arial,Hiragino Sans GB, sans-serif, Apple Color Emoji, Segoe UI Emoji,Segoe UI Symbol, Noto Color Emoji", b = {
   // font
-  fontFamily: `Avenir Next, Poppins, ${e}`,
-  fontNumberFamily: `Roboto Mono, ${e}`,
-  fontCodeFamily: `Space Mono, Consolas, Menlo, Monaco, Courier, monospace, ${e}`,
+  fontFamily: `Avenir Next, Poppins, ${o}`,
+  fontNumberFamily: `Roboto Mono, ${o}`,
+  fontCodeFamily: `Space Mono, Consolas, Menlo, Monaco, Courier, monospace, ${o}`,
   fontTitle: "36px",
@@ -46,4 +46,5 @@ fontH1: "28px",
   paletteShapeBlack: "rgb(0, 0, 0)",
-  paletteShapeGrey: "rgb(194, 194, 194)"
-}, t = {
+  paletteShapeGrey: "rgb(194, 194, 194)",
+  blue: "rgba(30, 150, 235, 1)"
+}, l = {
   ...b,
@@ -62,3 +63,3 @@ themeMode: "light",
   backgroundOverlayPanelColor: "rgb(251, 251, 252)",
-  backgroundSecondaryColor: "rgb(251, 250, 252)",
+  backgroundSecondaryColor: "rgba(252, 252, 253, 1)",
   backgroundTertiaryColor: "rgb(245, 243, 247)",
@@ -115,5 +116,7 @@ backgroundCodeBlock: "rgba(247, 246, 250, 1)",
   popoverShadow: "0px 0px 30px rgba(75, 75, 75, 0.2), 0px 0px 4px rgba(75, 75, 75, 0.3), inset 0px 0px 0px rgba(227, 226, 228, 1)",
-  floatButtonShadow: "0px 10px 12px -3px rgba(66, 65, 73, 0.1), 0px 4px 6px -2px rgba(66, 65, 73, 0.05)",
-  buttonGrayColor: "rgba(245, 245, 245, 1)"
-}, l = {
+  floatButtonShadow: "0px 0px 10px rgba(0, 0, 0, 0.05), 0px 0px 0px 0.5px rgba(0, 0, 0, 0.1)",
+  buttonGrayColor: "rgba(245, 245, 245, 1)",
+  cardBackgroundBlue: "linear-gradient(180deg, #F0F3FD 0%, #FCFCFD 100%)",
+  cardBackgroundGreen: "linear-gradient(180deg, #F3F9FD 0%, #FCFCFD 100%)"
+}, t = {
   ...b,
@@ -184,9 +187,11 @@ themeMode: "dark",
   popoverShadow: "0px 0px 30px rgba(12, 12, 12, 0.8), 0px 0px 8px rgba(12, 12, 12, 1), inset 0px 0px 0px rgba(46, 46, 46, 1)",
-  floatButtonShadow: " 0px 10px 12px -3px rgba(15, 15, 15, 0.88), 0px 4px 6px -2px rgba(0, 0, 0, 0.88)",
-  buttonGrayColor: "rgba(85, 85, 85, 1)"
-}, p = Object.entries(t).reduce(
-  (r, [a, o]) => (r[`--affine-${g(a)}`] = o, r),
+  floatButtonShadow: "0px 0px 10px rgba(0, 0, 0, 0.05), 0px 0px 0px 0.5px rgba(0, 0, 0, 0.1)",
+  buttonGrayColor: "rgba(85, 85, 85, 1)",
+  cardBackgroundBlue: "linear-gradient(180deg, #14171F 0%, #202020 100%)",
+  cardBackgroundGreen: "linear-gradient(180deg, #192023 0%, #202020 100%)"
+}, p = Object.entries(l).reduce(
+  (r, [a, e]) => (r[`--affine-${g(a)}`] = e, r),
   {}
-), n = Object.entries(l).reduce(
-  (r, [a, o]) => (r[`--affine-${g(a)}`] = o, r),
+), n = Object.entries(t).reduce(
+  (r, [a, e]) => (r[`--affine-${g(a)}`] = e, r),
   {}
@@ -198,6 +203,6 @@ );
   n as darkCssVariables,
-  l as darkTheme,
+  t as darkTheme,
   p as lightCssVariables,
-  t as lightTheme
+  l as lightTheme
 };
 //# sourceMappingURL=index.js.map

package.json

 {
   "name": "@toeverything/theme",
-  "version": "0.5.8",
+  "version": "0.5.9",
   "type": "module",
@@ -5,0 +5,0 @@ "repository": "toeverything/design",

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

77588

increased by2.61%

Lines of code

565

increased by2.54%

No dependency changes