Socket
Socket
Sign inDemoInstall

@toeverything/theme

Package Overview
Dependencies
Maintainers
2
Versions
109
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@toeverything/theme - npm Package Compare versions

Comparing version 0.7.28 to 0.7.29

38

./src/index.ts

@@ -38,3 +38,3 @@ import { grabbingCursor, grabCursor } from './cursors';

const basicFontFamily = `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'`;
const basicFontFamily = `apple-system, BlinkMacSystemFont, 'Helvetica Neue', Tahoma, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji','Segoe UI Symbol', 'Noto Color Emoji'`;

@@ -118,4 +118,3 @@ export const baseTheme = {

'0px 1px 2px 0px rgba(0, 0, 0, 0.25), inset -2px -3px 2px 0px rgba(0, 0, 0, 0.05)',
buttonInnerShadow:
'0px 1px 2px 0px rgba(255, 255, 255, 0.25) inset',
buttonInnerShadow: '0px 1px 2px 0px rgba(255, 255, 255, 0.25) inset',
multiCursorsShadow: '0px 2px 4px 0px rgba(0, 0, 0, 0.28)',

@@ -225,6 +224,10 @@ multiPlayersShadow: '0px 1px 6px 0px rgba(0, 0, 0, 0.16)',

largeButtonEffect: '0px 12px 21px 4px rgba(30, 150, 235, 0.15)',
noteShadowBox: '0px 2px 12px 0px rgba(66, 65, 73, 0.20), 0px 0px 4px 0px rgba(66, 65, 73, 0.20)',
noteShadowSticker: '0px 24px 26px -10px rgba(66, 65, 73, 0.07), 0px 26px 18px -20px rgba(66, 65, 73, 0.22)',
noteShadowPaper: '0px 0px 0px 10px #FFF, 0px 3px 6px 12px rgba(66, 65, 73, 0.16)',
noteShadowFloat: '0px 12px 60px 0px rgba(66, 65, 73, 0.16), 0px 0px 0px 2px rgba(0, 0, 0, 0.06)',
noteShadowBox:
'0px 2px 12px 0px rgba(66, 65, 73, 0.20), 0px 0px 4px 0px rgba(66, 65, 73, 0.20)',
noteShadowSticker:
'0px 24px 26px -10px rgba(66, 65, 73, 0.07), 0px 26px 18px -20px rgba(66, 65, 73, 0.22)',
noteShadowPaper:
'0px 0px 0px 10px #FFF, 0px 3px 6px 12px rgba(66, 65, 73, 0.16)',
noteShadowFloat:
'0px 12px 60px 0px rgba(66, 65, 73, 0.16), 0px 0px 0px 2px rgba(0, 0, 0, 0.06)',
noteShadowFilm: '10px 10px 0px 6px #000, 0px 0px 0px 6px #000',

@@ -237,3 +240,3 @@ buttonGrayColor: 'rgba(245, 245, 245, 1)',

// -------------------- text highlight (background) --------------------
// -------------------- text highlight (background) --------------------
/** @deprecated */

@@ -250,3 +253,3 @@ textHighlightPink: 'rgba(255, 206, 206, 1)',

// -------------------- text highlight (foreground) --------------------
// -------------------- text highlight (foreground) --------------------
textHighlightForegroundRed: 'rgba(198, 34, 34, 1)',

@@ -360,6 +363,10 @@ textHighlightForegroundOrange: 'rgba(211, 79, 11, 1)',

largeButtonEffect: '0px 12px 20px 4px rgba(28, 158, 228, 0.18)',
noteShadowBox: '0px 2px 12px 0px rgba(0, 0, 0, 0.26), 0px 0px 4px 0px rgba(0, 0, 0, 0.44)',
noteShadowSticker: '0px 24px 26px -10px rgba(0, 0, 0, 0.11), 0px 26px 18px -20px rgba(0, 0, 0, 0.32)',
noteShadowPaper: '0px 0px 0px 10px rgba(255, 255, 255, 0.20), 0px 3px 6px 12px rgba(0, 0, 0, 0.22)',
noteShadowFloat: '0px 12px 70px 0px rgba(0, 0, 0, 0.20), 0px 0px 0px 2px rgba(0, 0, 0, 0.10)',
noteShadowBox:
'0px 2px 12px 0px rgba(0, 0, 0, 0.26), 0px 0px 4px 0px rgba(0, 0, 0, 0.44)',
noteShadowSticker:
'0px 24px 26px -10px rgba(0, 0, 0, 0.11), 0px 26px 18px -20px rgba(0, 0, 0, 0.32)',
noteShadowPaper:
'0px 0px 0px 10px rgba(255, 255, 255, 0.20), 0px 3px 6px 12px rgba(0, 0, 0, 0.22)',
noteShadowFloat:
'0px 12px 70px 0px rgba(0, 0, 0, 0.20), 0px 0px 0px 2px rgba(0, 0, 0, 0.10)',
noteShadowFilm: '10px 10px 0px 6px #B2B2B2, 0px 0px 0px 6px #B2B2B2',

@@ -373,3 +380,3 @@

// -------------------- text highlight (background) --------------------
// -------------------- text highlight (background) --------------------
/** @deprecated */

@@ -386,3 +393,3 @@ textHighlightPink: 'rgba(127, 93, 93, 1)',

// -------------------- text highlight (foreground) --------------------
// -------------------- text highlight (foreground) --------------------
textHighlightForegroundRed: 'rgba(249, 141, 141, 1)',

@@ -398,3 +405,2 @@ textHighlightForegroundOrange: 'rgba(252, 168, 99, 1)',

embedShadow: '0px 0px 0px 2px rgba(255, 255, 255, 0.08)',
} satisfies Omit<AffineTheme, 'editorMode'>;

@@ -401,0 +407,0 @@

@@ -43,3 +43,3 @@ function t(r) {

</svg>
`), C = (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 = (r, a) => `url(${r}), ${a.join(", ")}`, p = (r) => `--affine-${C(r)}`, d = (r) => Object.entries(r), 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 = {
`), C = (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 = (r, a) => `url(${r}), ${a.join(", ")}`, p = (r) => `--affine-${C(r)}`, d = (r) => Object.entries(r), e = "apple-system, BlinkMacSystemFont, 'Helvetica Neue', Tahoma, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji','Segoe UI Symbol', 'Noto Color Emoji'", b = {
// font

@@ -217,3 +217,3 @@ fontFamily: `'Inter', 'Source Sans 3', Poppins, ${e}`,

windowsCloseButton: "#C42B1C",
// -------------------- text highlight (background) --------------------
// -------------------- text highlight (background) --------------------
/** @deprecated */

@@ -229,3 +229,3 @@ textHighlightPink: "rgba(255, 206, 206, 1)",

textHighlightGrey: "rgba(234, 236, 239, 1)",
// -------------------- text highlight (foreground) --------------------
// -------------------- text highlight (foreground) --------------------
textHighlightForegroundRed: "rgba(198, 34, 34, 1)",

@@ -336,3 +336,3 @@ textHighlightForegroundOrange: "rgba(211, 79, 11, 1)",

windowsCloseButton: "#C42B1C",
// -------------------- text highlight (background) --------------------
// -------------------- text highlight (background) --------------------
/** @deprecated */

@@ -348,3 +348,3 @@ textHighlightPink: "rgba(127, 93, 93, 1)",

textHighlightGrey: "rgba(64, 67, 74, 1)",
// -------------------- text highlight (foreground) --------------------
// -------------------- text highlight (foreground) --------------------
textHighlightForegroundRed: "rgba(249, 141, 141, 1)",

@@ -351,0 +351,0 @@ textHighlightForegroundOrange: "rgba(252, 168, 99, 1)",

{
"name": "@toeverything/theme",
"version": "0.7.28",
"version": "0.7.29",
"type": "module",

@@ -5,0 +5,0 @@ "repository": "toeverything/design",

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc