@lidofinance/lido-ui 3.37.0 → 3.39.0
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.
package/dist/cjs/theme/themes.js
CHANGED
|
@@ -22,6 +22,8 @@ const themeLight = {
|
|
|
22
22
|
background: '#f2f4f6',
|
|
23
23
|
backgroundDarken: '#dae0e5',
|
|
24
24
|
backgroundSecondary: '#EFF2F6',
|
|
25
|
+
backgroundBadge: 'rgba(122, 138, 160, 0.10)',
|
|
26
|
+
backgroundGradient: 'linear-gradient(88deg, rgba(106, 154, 255, 0.50) 0.68%, rgba(201, 172, 255, 0.50) 40.63%, rgba(255, 206, 190, 0.50) 106.85%), #FFF',
|
|
25
27
|
foreground: '#fff',
|
|
26
28
|
overlay: 'rgba(0, 0, 0, 0.5)',
|
|
27
29
|
shadowLight: 'rgba(39, 56, 82, 0.08)',
|
|
@@ -35,6 +37,7 @@ const themeLight = {
|
|
|
35
37
|
borderLight: '#dfe5eb',
|
|
36
38
|
accentBorder: 'rgba(0, 10, 61, 0.12)',
|
|
37
39
|
accentBorderHover: 'rgba(0, 10, 61, 0.24)',
|
|
40
|
+
borderSubtle: 'rgba(0, 0, 0, 0.10)',
|
|
38
41
|
controlBg: '#fff',
|
|
39
42
|
accentControlBg: 'rgba(239, 242, 246, 0.56)',
|
|
40
43
|
popupMenuItemBgActiveHover: '#000a3d'
|
|
@@ -57,6 +60,8 @@ const themeDark = {
|
|
|
57
60
|
background: '#1c1c21',
|
|
58
61
|
backgroundDarken: '#131317',
|
|
59
62
|
backgroundSecondary: '#27272E',
|
|
63
|
+
backgroundBadge: 'rgba(255, 255, 255, 0.10)',
|
|
64
|
+
backgroundGradient: 'linear-gradient(88deg, #6A9AFF 0.68%, #C9ACFF 40.63%, #FFCEBE 106.85%)',
|
|
60
65
|
foreground: '#34343d',
|
|
61
66
|
overlay: 'rgba(0, 0, 0, 0.5)',
|
|
62
67
|
shadowLight: 'rgba(0, 0, 0, .25)',
|
|
@@ -70,6 +75,7 @@ const themeDark = {
|
|
|
70
75
|
borderLight: '#484855',
|
|
71
76
|
accentBorder: 'rgba(255, 255, 255, 0.12)',
|
|
72
77
|
accentBorderHover: 'rgba(255, 255, 255, 0.24)',
|
|
78
|
+
borderSubtle: 'rgba(255, 255, 255, 0.10)',
|
|
73
79
|
controlBg: '#2f2f37',
|
|
74
80
|
accentControlBg: 'rgba(39, 39, 46, 0.56)',
|
|
75
81
|
popupMenuItemBgActiveHover: '#fff'
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"themes.js","sources":["../../../packages/theme/themes.ts"],"sourcesContent":["import themeBase from './base/index.js'\nimport { ThemeName } from './constants.js'\n\nexport const themeLight = {\n ...themeBase,\n name: ThemeName.light,\n colors: {\n ...themeBase.colors,\n darkThemeOpacity: '0',\n lightThemeOpacity: '1',\n\n lightModeVisibility: 'visible',\n darkModeVisibility: 'hidden',\n\n lightDisplay: 'initial',\n darkDisplay: 'none',\n\n secondary: '#273852',\n secondaryHover: '#212f45',\n secondaryContrast: '#fff',\n\n background: '#f2f4f6',\n backgroundDarken: '#dae0e5',\n backgroundSecondary: '#EFF2F6',\n\n foreground: '#fff',\n\n overlay: 'rgba(0, 0, 0, 0.5)',\n\n shadowLight: 'rgba(39, 56, 82, 0.08)',\n shadowDark: 'rgba(0, 0, 0, .25)',\n\n text: '#273852',\n textSecondary: '#7a8aa0',\n accentText: '#273852',\n\n border: 'rgba(0, 10, 61, 0.12)',\n borderActive: 'rgba(0, 10, 61, 0.48)',\n borderHover: 'rgba(0, 10, 61, 0.24)',\n borderLight: '#dfe5eb',\n accentBorder: 'rgba(0, 10, 61, 0.12)',\n accentBorderHover: 'rgba(0, 10, 61, 0.24)',\n\n controlBg: '#fff',\n accentControlBg: 'rgba(239, 242, 246, 0.56)',\n\n popupMenuItemBgActiveHover: '#000a3d',\n },\n}\n\nexport const themeDark = {\n ...themeBase,\n name: ThemeName.dark,\n colors: {\n ...themeBase.colors,\n darkThemeOpacity: '1',\n lightThemeOpacity: '0',\n\n lightModeVisibility: 'hidden',\n darkModeVisibility: 'visible',\n\n lightDisplay: 'none',\n darkDisplay: 'initial',\n\n secondary: '#fff',\n secondaryHover: '#F5F5F7',\n secondaryContrast: '#273852',\n\n background: '#1c1c21',\n backgroundDarken: '#131317',\n backgroundSecondary: '#27272E',\n\n foreground: '#34343d',\n\n overlay: 'rgba(0, 0, 0, 0.5)',\n\n shadowLight: 'rgba(0, 0, 0, .25)',\n shadowDark: 'rgba(0, 0, 0, .5)',\n\n text: '#fff',\n textSecondary: 'rgba(255, 255, 255, .8)',\n accentText: '#fff',\n\n border: 'rgba(255, 255, 255, 0.12)',\n borderActive: 'rgba(255, 255, 255, 0.48)',\n borderHover: 'rgba(255, 255, 255, 0.24)',\n borderLight: '#484855',\n accentBorder: 'rgba(255, 255, 255, 0.12)',\n accentBorderHover: 'rgba(255, 255, 255, 0.24)',\n\n controlBg: '#2f2f37',\n accentControlBg: 'rgba(39, 39, 46, 0.56)',\n\n popupMenuItemBgActiveHover: '#fff',\n },\n}\n\nexport const themeMap = {\n [ThemeName.light]: themeLight,\n [ThemeName.dark]: themeDark,\n}\n\nexport const reverseThemeMap = new WeakMap([\n [themeLight, ThemeName.light],\n [themeDark, ThemeName.dark],\n])\n\nexport const themeDefault = themeLight\n"],"names":["themeLight","themeBase","name","ThemeName","light","colors","darkThemeOpacity","lightThemeOpacity","lightModeVisibility","darkModeVisibility","lightDisplay","darkDisplay","secondary","secondaryHover","secondaryContrast","background","backgroundDarken","backgroundSecondary","foreground","overlay","shadowLight","shadowDark","text","textSecondary","accentText","border","borderActive","borderHover","borderLight","accentBorder","accentBorderHover","controlBg","accentControlBg","popupMenuItemBgActiveHover","themeDark","dark","themeMap","reverseThemeMap","WeakMap","themeDefault"],"mappings":";;;;;;;AAGO,MAAMA,UAAU,GAAG;AACxB,EAAA,GAAGC,KAAS;EACZC,IAAI,EAAEC,mBAAS,CAACC,KAAK;AACrBC,EAAAA,MAAM,EAAE;IACN,GAAGJ,KAAS,CAACI,MAAM;AACnBC,IAAAA,gBAAgB,EAAE,GAAG;AACrBC,IAAAA,iBAAiB,EAAE,GAAG;AAEtBC,IAAAA,mBAAmB,EAAE,SAAS;AAC9BC,IAAAA,kBAAkB,EAAE,QAAQ;AAE5BC,IAAAA,YAAY,EAAE,SAAS;AACvBC,IAAAA,WAAW,EAAE,MAAM;AAEnBC,IAAAA,SAAS,EAAE,SAAS;AACpBC,IAAAA,cAAc,EAAE,SAAS;AACzBC,IAAAA,iBAAiB,EAAE,MAAM;AAEzBC,IAAAA,UAAU,EAAE,SAAS;AACrBC,IAAAA,gBAAgB,EAAE,SAAS;AAC3BC,IAAAA,mBAAmB,EAAE,SAAS;
|
|
1
|
+
{"version":3,"file":"themes.js","sources":["../../../packages/theme/themes.ts"],"sourcesContent":["import themeBase from './base/index.js'\nimport { ThemeName } from './constants.js'\n\nexport const themeLight = {\n ...themeBase,\n name: ThemeName.light,\n colors: {\n ...themeBase.colors,\n darkThemeOpacity: '0',\n lightThemeOpacity: '1',\n\n lightModeVisibility: 'visible',\n darkModeVisibility: 'hidden',\n\n lightDisplay: 'initial',\n darkDisplay: 'none',\n\n secondary: '#273852',\n secondaryHover: '#212f45',\n secondaryContrast: '#fff',\n\n background: '#f2f4f6',\n backgroundDarken: '#dae0e5',\n backgroundSecondary: '#EFF2F6',\n backgroundBadge: 'rgba(122, 138, 160, 0.10)',\n backgroundGradient:\n 'linear-gradient(88deg, rgba(106, 154, 255, 0.50) 0.68%, rgba(201, 172, 255, 0.50) 40.63%, rgba(255, 206, 190, 0.50) 106.85%), #FFF',\n\n foreground: '#fff',\n\n overlay: 'rgba(0, 0, 0, 0.5)',\n\n shadowLight: 'rgba(39, 56, 82, 0.08)',\n shadowDark: 'rgba(0, 0, 0, .25)',\n\n text: '#273852',\n textSecondary: '#7a8aa0',\n accentText: '#273852',\n\n border: 'rgba(0, 10, 61, 0.12)',\n borderActive: 'rgba(0, 10, 61, 0.48)',\n borderHover: 'rgba(0, 10, 61, 0.24)',\n borderLight: '#dfe5eb',\n accentBorder: 'rgba(0, 10, 61, 0.12)',\n accentBorderHover: 'rgba(0, 10, 61, 0.24)',\n borderSubtle: 'rgba(0, 0, 0, 0.10)',\n\n controlBg: '#fff',\n accentControlBg: 'rgba(239, 242, 246, 0.56)',\n\n popupMenuItemBgActiveHover: '#000a3d',\n },\n}\n\nexport const themeDark = {\n ...themeBase,\n name: ThemeName.dark,\n colors: {\n ...themeBase.colors,\n darkThemeOpacity: '1',\n lightThemeOpacity: '0',\n\n lightModeVisibility: 'hidden',\n darkModeVisibility: 'visible',\n\n lightDisplay: 'none',\n darkDisplay: 'initial',\n\n secondary: '#fff',\n secondaryHover: '#F5F5F7',\n secondaryContrast: '#273852',\n\n background: '#1c1c21',\n backgroundDarken: '#131317',\n backgroundSecondary: '#27272E',\n backgroundBadge: 'rgba(255, 255, 255, 0.10)',\n backgroundGradient:\n 'linear-gradient(88deg, #6A9AFF 0.68%, #C9ACFF 40.63%, #FFCEBE 106.85%)',\n\n foreground: '#34343d',\n\n overlay: 'rgba(0, 0, 0, 0.5)',\n\n shadowLight: 'rgba(0, 0, 0, .25)',\n shadowDark: 'rgba(0, 0, 0, .5)',\n\n text: '#fff',\n textSecondary: 'rgba(255, 255, 255, .8)',\n accentText: '#fff',\n\n border: 'rgba(255, 255, 255, 0.12)',\n borderActive: 'rgba(255, 255, 255, 0.48)',\n borderHover: 'rgba(255, 255, 255, 0.24)',\n borderLight: '#484855',\n accentBorder: 'rgba(255, 255, 255, 0.12)',\n accentBorderHover: 'rgba(255, 255, 255, 0.24)',\n borderSubtle: 'rgba(255, 255, 255, 0.10)',\n\n controlBg: '#2f2f37',\n accentControlBg: 'rgba(39, 39, 46, 0.56)',\n\n popupMenuItemBgActiveHover: '#fff',\n },\n}\n\nexport const themeMap = {\n [ThemeName.light]: themeLight,\n [ThemeName.dark]: themeDark,\n}\n\nexport const reverseThemeMap = new WeakMap([\n [themeLight, ThemeName.light],\n [themeDark, ThemeName.dark],\n])\n\nexport const themeDefault = themeLight\n"],"names":["themeLight","themeBase","name","ThemeName","light","colors","darkThemeOpacity","lightThemeOpacity","lightModeVisibility","darkModeVisibility","lightDisplay","darkDisplay","secondary","secondaryHover","secondaryContrast","background","backgroundDarken","backgroundSecondary","backgroundBadge","backgroundGradient","foreground","overlay","shadowLight","shadowDark","text","textSecondary","accentText","border","borderActive","borderHover","borderLight","accentBorder","accentBorderHover","borderSubtle","controlBg","accentControlBg","popupMenuItemBgActiveHover","themeDark","dark","themeMap","reverseThemeMap","WeakMap","themeDefault"],"mappings":";;;;;;;AAGO,MAAMA,UAAU,GAAG;AACxB,EAAA,GAAGC,KAAS;EACZC,IAAI,EAAEC,mBAAS,CAACC,KAAK;AACrBC,EAAAA,MAAM,EAAE;IACN,GAAGJ,KAAS,CAACI,MAAM;AACnBC,IAAAA,gBAAgB,EAAE,GAAG;AACrBC,IAAAA,iBAAiB,EAAE,GAAG;AAEtBC,IAAAA,mBAAmB,EAAE,SAAS;AAC9BC,IAAAA,kBAAkB,EAAE,QAAQ;AAE5BC,IAAAA,YAAY,EAAE,SAAS;AACvBC,IAAAA,WAAW,EAAE,MAAM;AAEnBC,IAAAA,SAAS,EAAE,SAAS;AACpBC,IAAAA,cAAc,EAAE,SAAS;AACzBC,IAAAA,iBAAiB,EAAE,MAAM;AAEzBC,IAAAA,UAAU,EAAE,SAAS;AACrBC,IAAAA,gBAAgB,EAAE,SAAS;AAC3BC,IAAAA,mBAAmB,EAAE,SAAS;AAC9BC,IAAAA,eAAe,EAAE,2BAA2B;AAC5CC,IAAAA,kBAAkB,EAChB,oIAAoI;AAEtIC,IAAAA,UAAU,EAAE,MAAM;AAElBC,IAAAA,OAAO,EAAE,oBAAoB;AAE7BC,IAAAA,WAAW,EAAE,wBAAwB;AACrCC,IAAAA,UAAU,EAAE,oBAAoB;AAEhCC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,aAAa,EAAE,SAAS;AACxBC,IAAAA,UAAU,EAAE,SAAS;AAErBC,IAAAA,MAAM,EAAE,uBAAuB;AAC/BC,IAAAA,YAAY,EAAE,uBAAuB;AACrCC,IAAAA,WAAW,EAAE,uBAAuB;AACpCC,IAAAA,WAAW,EAAE,SAAS;AACtBC,IAAAA,YAAY,EAAE,uBAAuB;AACrCC,IAAAA,iBAAiB,EAAE,uBAAuB;AAC1CC,IAAAA,YAAY,EAAE,qBAAqB;AAEnCC,IAAAA,SAAS,EAAE,MAAM;AACjBC,IAAAA,eAAe,EAAE,2BAA2B;AAE5CC,IAAAA,0BAA0B,EAAE,SAAA;AAC9B,GAAA;AACF,EAAC;AAEM,MAAMC,SAAS,GAAG;AACvB,EAAA,GAAGpC,KAAS;EACZC,IAAI,EAAEC,mBAAS,CAACmC,IAAI;AACpBjC,EAAAA,MAAM,EAAE;IACN,GAAGJ,KAAS,CAACI,MAAM;AACnBC,IAAAA,gBAAgB,EAAE,GAAG;AACrBC,IAAAA,iBAAiB,EAAE,GAAG;AAEtBC,IAAAA,mBAAmB,EAAE,QAAQ;AAC7BC,IAAAA,kBAAkB,EAAE,SAAS;AAE7BC,IAAAA,YAAY,EAAE,MAAM;AACpBC,IAAAA,WAAW,EAAE,SAAS;AAEtBC,IAAAA,SAAS,EAAE,MAAM;AACjBC,IAAAA,cAAc,EAAE,SAAS;AACzBC,IAAAA,iBAAiB,EAAE,SAAS;AAE5BC,IAAAA,UAAU,EAAE,SAAS;AACrBC,IAAAA,gBAAgB,EAAE,SAAS;AAC3BC,IAAAA,mBAAmB,EAAE,SAAS;AAC9BC,IAAAA,eAAe,EAAE,2BAA2B;AAC5CC,IAAAA,kBAAkB,EAChB,wEAAwE;AAE1EC,IAAAA,UAAU,EAAE,SAAS;AAErBC,IAAAA,OAAO,EAAE,oBAAoB;AAE7BC,IAAAA,WAAW,EAAE,oBAAoB;AACjCC,IAAAA,UAAU,EAAE,mBAAmB;AAE/BC,IAAAA,IAAI,EAAE,MAAM;AACZC,IAAAA,aAAa,EAAE,yBAAyB;AACxCC,IAAAA,UAAU,EAAE,MAAM;AAElBC,IAAAA,MAAM,EAAE,2BAA2B;AACnCC,IAAAA,YAAY,EAAE,2BAA2B;AACzCC,IAAAA,WAAW,EAAE,2BAA2B;AACxCC,IAAAA,WAAW,EAAE,SAAS;AACtBC,IAAAA,YAAY,EAAE,2BAA2B;AACzCC,IAAAA,iBAAiB,EAAE,2BAA2B;AAC9CC,IAAAA,YAAY,EAAE,2BAA2B;AAEzCC,IAAAA,SAAS,EAAE,SAAS;AACpBC,IAAAA,eAAe,EAAE,wBAAwB;AAEzCC,IAAAA,0BAA0B,EAAE,MAAA;AAC9B,GAAA;AACF,EAAC;AAEM,MAAMG,QAAQ,GAAG;AACtB,EAAA,CAACpC,mBAAS,CAACC,KAAK,GAAGJ,UAAU;EAC7B,CAACG,mBAAS,CAACmC,IAAI,GAAGD,SAAAA;AACpB,EAAC;AAEM,MAAMG,eAAe,GAAG,IAAIC,OAAO,CAAC,CACzC,CAACzC,UAAU,EAAEG,mBAAS,CAACC,KAAK,CAAC,EAC7B,CAACiC,SAAS,EAAElC,mBAAS,CAACmC,IAAI,CAAC,CAC5B,EAAC;AAEK,MAAMI,YAAY,GAAG1C;;;;;;;;"}
|
|
@@ -18,6 +18,8 @@ const themeLight = {
|
|
|
18
18
|
background: '#f2f4f6',
|
|
19
19
|
backgroundDarken: '#dae0e5',
|
|
20
20
|
backgroundSecondary: '#EFF2F6',
|
|
21
|
+
backgroundBadge: 'rgba(122, 138, 160, 0.10)',
|
|
22
|
+
backgroundGradient: 'linear-gradient(88deg, rgba(106, 154, 255, 0.50) 0.68%, rgba(201, 172, 255, 0.50) 40.63%, rgba(255, 206, 190, 0.50) 106.85%), #FFF',
|
|
21
23
|
foreground: '#fff',
|
|
22
24
|
overlay: 'rgba(0, 0, 0, 0.5)',
|
|
23
25
|
shadowLight: 'rgba(39, 56, 82, 0.08)',
|
|
@@ -31,6 +33,7 @@ const themeLight = {
|
|
|
31
33
|
borderLight: '#dfe5eb',
|
|
32
34
|
accentBorder: 'rgba(0, 10, 61, 0.12)',
|
|
33
35
|
accentBorderHover: 'rgba(0, 10, 61, 0.24)',
|
|
36
|
+
borderSubtle: 'rgba(0, 0, 0, 0.10)',
|
|
34
37
|
controlBg: '#fff',
|
|
35
38
|
accentControlBg: 'rgba(239, 242, 246, 0.56)',
|
|
36
39
|
popupMenuItemBgActiveHover: '#000a3d'
|
|
@@ -53,6 +56,8 @@ const themeDark = {
|
|
|
53
56
|
background: '#1c1c21',
|
|
54
57
|
backgroundDarken: '#131317',
|
|
55
58
|
backgroundSecondary: '#27272E',
|
|
59
|
+
backgroundBadge: 'rgba(255, 255, 255, 0.10)',
|
|
60
|
+
backgroundGradient: 'linear-gradient(88deg, #6A9AFF 0.68%, #C9ACFF 40.63%, #FFCEBE 106.85%)',
|
|
56
61
|
foreground: '#34343d',
|
|
57
62
|
overlay: 'rgba(0, 0, 0, 0.5)',
|
|
58
63
|
shadowLight: 'rgba(0, 0, 0, .25)',
|
|
@@ -66,6 +71,7 @@ const themeDark = {
|
|
|
66
71
|
borderLight: '#484855',
|
|
67
72
|
accentBorder: 'rgba(255, 255, 255, 0.12)',
|
|
68
73
|
accentBorderHover: 'rgba(255, 255, 255, 0.24)',
|
|
74
|
+
borderSubtle: 'rgba(255, 255, 255, 0.10)',
|
|
69
75
|
controlBg: '#2f2f37',
|
|
70
76
|
accentControlBg: 'rgba(39, 39, 46, 0.56)',
|
|
71
77
|
popupMenuItemBgActiveHover: '#fff'
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"themes.mjs","sources":["../../../packages/theme/themes.ts"],"sourcesContent":["import themeBase from './base/index.js'\nimport { ThemeName } from './constants.js'\n\nexport const themeLight = {\n ...themeBase,\n name: ThemeName.light,\n colors: {\n ...themeBase.colors,\n darkThemeOpacity: '0',\n lightThemeOpacity: '1',\n\n lightModeVisibility: 'visible',\n darkModeVisibility: 'hidden',\n\n lightDisplay: 'initial',\n darkDisplay: 'none',\n\n secondary: '#273852',\n secondaryHover: '#212f45',\n secondaryContrast: '#fff',\n\n background: '#f2f4f6',\n backgroundDarken: '#dae0e5',\n backgroundSecondary: '#EFF2F6',\n\n foreground: '#fff',\n\n overlay: 'rgba(0, 0, 0, 0.5)',\n\n shadowLight: 'rgba(39, 56, 82, 0.08)',\n shadowDark: 'rgba(0, 0, 0, .25)',\n\n text: '#273852',\n textSecondary: '#7a8aa0',\n accentText: '#273852',\n\n border: 'rgba(0, 10, 61, 0.12)',\n borderActive: 'rgba(0, 10, 61, 0.48)',\n borderHover: 'rgba(0, 10, 61, 0.24)',\n borderLight: '#dfe5eb',\n accentBorder: 'rgba(0, 10, 61, 0.12)',\n accentBorderHover: 'rgba(0, 10, 61, 0.24)',\n\n controlBg: '#fff',\n accentControlBg: 'rgba(239, 242, 246, 0.56)',\n\n popupMenuItemBgActiveHover: '#000a3d',\n },\n}\n\nexport const themeDark = {\n ...themeBase,\n name: ThemeName.dark,\n colors: {\n ...themeBase.colors,\n darkThemeOpacity: '1',\n lightThemeOpacity: '0',\n\n lightModeVisibility: 'hidden',\n darkModeVisibility: 'visible',\n\n lightDisplay: 'none',\n darkDisplay: 'initial',\n\n secondary: '#fff',\n secondaryHover: '#F5F5F7',\n secondaryContrast: '#273852',\n\n background: '#1c1c21',\n backgroundDarken: '#131317',\n backgroundSecondary: '#27272E',\n\n foreground: '#34343d',\n\n overlay: 'rgba(0, 0, 0, 0.5)',\n\n shadowLight: 'rgba(0, 0, 0, .25)',\n shadowDark: 'rgba(0, 0, 0, .5)',\n\n text: '#fff',\n textSecondary: 'rgba(255, 255, 255, .8)',\n accentText: '#fff',\n\n border: 'rgba(255, 255, 255, 0.12)',\n borderActive: 'rgba(255, 255, 255, 0.48)',\n borderHover: 'rgba(255, 255, 255, 0.24)',\n borderLight: '#484855',\n accentBorder: 'rgba(255, 255, 255, 0.12)',\n accentBorderHover: 'rgba(255, 255, 255, 0.24)',\n\n controlBg: '#2f2f37',\n accentControlBg: 'rgba(39, 39, 46, 0.56)',\n\n popupMenuItemBgActiveHover: '#fff',\n },\n}\n\nexport const themeMap = {\n [ThemeName.light]: themeLight,\n [ThemeName.dark]: themeDark,\n}\n\nexport const reverseThemeMap = new WeakMap([\n [themeLight, ThemeName.light],\n [themeDark, ThemeName.dark],\n])\n\nexport const themeDefault = themeLight\n"],"names":["themeLight","themeBase","name","ThemeName","light","colors","darkThemeOpacity","lightThemeOpacity","lightModeVisibility","darkModeVisibility","lightDisplay","darkDisplay","secondary","secondaryHover","secondaryContrast","background","backgroundDarken","backgroundSecondary","foreground","overlay","shadowLight","shadowDark","text","textSecondary","accentText","border","borderActive","borderHover","borderLight","accentBorder","accentBorderHover","controlBg","accentControlBg","popupMenuItemBgActiveHover","themeDark","dark","themeMap","reverseThemeMap","WeakMap","themeDefault"],"mappings":";;;AAGO,MAAMA,UAAU,GAAG;AACxB,EAAA,GAAGC,SAAS;EACZC,IAAI,EAAEC,SAAS,CAACC,KAAK;AACrBC,EAAAA,MAAM,EAAE;IACN,GAAGJ,SAAS,CAACI,MAAM;AACnBC,IAAAA,gBAAgB,EAAE,GAAG;AACrBC,IAAAA,iBAAiB,EAAE,GAAG;AAEtBC,IAAAA,mBAAmB,EAAE,SAAS;AAC9BC,IAAAA,kBAAkB,EAAE,QAAQ;AAE5BC,IAAAA,YAAY,EAAE,SAAS;AACvBC,IAAAA,WAAW,EAAE,MAAM;AAEnBC,IAAAA,SAAS,EAAE,SAAS;AACpBC,IAAAA,cAAc,EAAE,SAAS;AACzBC,IAAAA,iBAAiB,EAAE,MAAM;AAEzBC,IAAAA,UAAU,EAAE,SAAS;AACrBC,IAAAA,gBAAgB,EAAE,SAAS;AAC3BC,IAAAA,mBAAmB,EAAE,SAAS;
|
|
1
|
+
{"version":3,"file":"themes.mjs","sources":["../../../packages/theme/themes.ts"],"sourcesContent":["import themeBase from './base/index.js'\nimport { ThemeName } from './constants.js'\n\nexport const themeLight = {\n ...themeBase,\n name: ThemeName.light,\n colors: {\n ...themeBase.colors,\n darkThemeOpacity: '0',\n lightThemeOpacity: '1',\n\n lightModeVisibility: 'visible',\n darkModeVisibility: 'hidden',\n\n lightDisplay: 'initial',\n darkDisplay: 'none',\n\n secondary: '#273852',\n secondaryHover: '#212f45',\n secondaryContrast: '#fff',\n\n background: '#f2f4f6',\n backgroundDarken: '#dae0e5',\n backgroundSecondary: '#EFF2F6',\n backgroundBadge: 'rgba(122, 138, 160, 0.10)',\n backgroundGradient:\n 'linear-gradient(88deg, rgba(106, 154, 255, 0.50) 0.68%, rgba(201, 172, 255, 0.50) 40.63%, rgba(255, 206, 190, 0.50) 106.85%), #FFF',\n\n foreground: '#fff',\n\n overlay: 'rgba(0, 0, 0, 0.5)',\n\n shadowLight: 'rgba(39, 56, 82, 0.08)',\n shadowDark: 'rgba(0, 0, 0, .25)',\n\n text: '#273852',\n textSecondary: '#7a8aa0',\n accentText: '#273852',\n\n border: 'rgba(0, 10, 61, 0.12)',\n borderActive: 'rgba(0, 10, 61, 0.48)',\n borderHover: 'rgba(0, 10, 61, 0.24)',\n borderLight: '#dfe5eb',\n accentBorder: 'rgba(0, 10, 61, 0.12)',\n accentBorderHover: 'rgba(0, 10, 61, 0.24)',\n borderSubtle: 'rgba(0, 0, 0, 0.10)',\n\n controlBg: '#fff',\n accentControlBg: 'rgba(239, 242, 246, 0.56)',\n\n popupMenuItemBgActiveHover: '#000a3d',\n },\n}\n\nexport const themeDark = {\n ...themeBase,\n name: ThemeName.dark,\n colors: {\n ...themeBase.colors,\n darkThemeOpacity: '1',\n lightThemeOpacity: '0',\n\n lightModeVisibility: 'hidden',\n darkModeVisibility: 'visible',\n\n lightDisplay: 'none',\n darkDisplay: 'initial',\n\n secondary: '#fff',\n secondaryHover: '#F5F5F7',\n secondaryContrast: '#273852',\n\n background: '#1c1c21',\n backgroundDarken: '#131317',\n backgroundSecondary: '#27272E',\n backgroundBadge: 'rgba(255, 255, 255, 0.10)',\n backgroundGradient:\n 'linear-gradient(88deg, #6A9AFF 0.68%, #C9ACFF 40.63%, #FFCEBE 106.85%)',\n\n foreground: '#34343d',\n\n overlay: 'rgba(0, 0, 0, 0.5)',\n\n shadowLight: 'rgba(0, 0, 0, .25)',\n shadowDark: 'rgba(0, 0, 0, .5)',\n\n text: '#fff',\n textSecondary: 'rgba(255, 255, 255, .8)',\n accentText: '#fff',\n\n border: 'rgba(255, 255, 255, 0.12)',\n borderActive: 'rgba(255, 255, 255, 0.48)',\n borderHover: 'rgba(255, 255, 255, 0.24)',\n borderLight: '#484855',\n accentBorder: 'rgba(255, 255, 255, 0.12)',\n accentBorderHover: 'rgba(255, 255, 255, 0.24)',\n borderSubtle: 'rgba(255, 255, 255, 0.10)',\n\n controlBg: '#2f2f37',\n accentControlBg: 'rgba(39, 39, 46, 0.56)',\n\n popupMenuItemBgActiveHover: '#fff',\n },\n}\n\nexport const themeMap = {\n [ThemeName.light]: themeLight,\n [ThemeName.dark]: themeDark,\n}\n\nexport const reverseThemeMap = new WeakMap([\n [themeLight, ThemeName.light],\n [themeDark, ThemeName.dark],\n])\n\nexport const themeDefault = themeLight\n"],"names":["themeLight","themeBase","name","ThemeName","light","colors","darkThemeOpacity","lightThemeOpacity","lightModeVisibility","darkModeVisibility","lightDisplay","darkDisplay","secondary","secondaryHover","secondaryContrast","background","backgroundDarken","backgroundSecondary","backgroundBadge","backgroundGradient","foreground","overlay","shadowLight","shadowDark","text","textSecondary","accentText","border","borderActive","borderHover","borderLight","accentBorder","accentBorderHover","borderSubtle","controlBg","accentControlBg","popupMenuItemBgActiveHover","themeDark","dark","themeMap","reverseThemeMap","WeakMap","themeDefault"],"mappings":"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"}
|
|
@@ -14,6 +14,8 @@ export declare const themeLight: {
|
|
|
14
14
|
background: string;
|
|
15
15
|
backgroundDarken: string;
|
|
16
16
|
backgroundSecondary: string;
|
|
17
|
+
backgroundBadge: string;
|
|
18
|
+
backgroundGradient: string;
|
|
17
19
|
foreground: string;
|
|
18
20
|
overlay: string;
|
|
19
21
|
shadowLight: string;
|
|
@@ -27,6 +29,7 @@ export declare const themeLight: {
|
|
|
27
29
|
borderLight: string;
|
|
28
30
|
accentBorder: string;
|
|
29
31
|
accentBorderHover: string;
|
|
32
|
+
borderSubtle: string;
|
|
30
33
|
controlBg: string;
|
|
31
34
|
accentControlBg: string;
|
|
32
35
|
popupMenuItemBgActiveHover: string;
|
|
@@ -160,6 +163,8 @@ export declare const themeDark: {
|
|
|
160
163
|
background: string;
|
|
161
164
|
backgroundDarken: string;
|
|
162
165
|
backgroundSecondary: string;
|
|
166
|
+
backgroundBadge: string;
|
|
167
|
+
backgroundGradient: string;
|
|
163
168
|
foreground: string;
|
|
164
169
|
overlay: string;
|
|
165
170
|
shadowLight: string;
|
|
@@ -173,6 +178,7 @@ export declare const themeDark: {
|
|
|
173
178
|
borderLight: string;
|
|
174
179
|
accentBorder: string;
|
|
175
180
|
accentBorderHover: string;
|
|
181
|
+
borderSubtle: string;
|
|
176
182
|
controlBg: string;
|
|
177
183
|
accentControlBg: string;
|
|
178
184
|
popupMenuItemBgActiveHover: string;
|
|
@@ -307,6 +313,8 @@ export declare const themeMap: {
|
|
|
307
313
|
background: string;
|
|
308
314
|
backgroundDarken: string;
|
|
309
315
|
backgroundSecondary: string;
|
|
316
|
+
backgroundBadge: string;
|
|
317
|
+
backgroundGradient: string;
|
|
310
318
|
foreground: string;
|
|
311
319
|
overlay: string;
|
|
312
320
|
shadowLight: string;
|
|
@@ -320,6 +328,7 @@ export declare const themeMap: {
|
|
|
320
328
|
borderLight: string;
|
|
321
329
|
accentBorder: string;
|
|
322
330
|
accentBorderHover: string;
|
|
331
|
+
borderSubtle: string;
|
|
323
332
|
controlBg: string;
|
|
324
333
|
accentControlBg: string;
|
|
325
334
|
popupMenuItemBgActiveHover: string;
|
|
@@ -453,6 +462,8 @@ export declare const themeMap: {
|
|
|
453
462
|
background: string;
|
|
454
463
|
backgroundDarken: string;
|
|
455
464
|
backgroundSecondary: string;
|
|
465
|
+
backgroundBadge: string;
|
|
466
|
+
backgroundGradient: string;
|
|
456
467
|
foreground: string;
|
|
457
468
|
overlay: string;
|
|
458
469
|
shadowLight: string;
|
|
@@ -466,6 +477,7 @@ export declare const themeMap: {
|
|
|
466
477
|
borderLight: string;
|
|
467
478
|
accentBorder: string;
|
|
468
479
|
accentBorderHover: string;
|
|
480
|
+
borderSubtle: string;
|
|
469
481
|
controlBg: string;
|
|
470
482
|
accentControlBg: string;
|
|
471
483
|
popupMenuItemBgActiveHover: string;
|
|
@@ -600,6 +612,8 @@ export declare const reverseThemeMap: WeakMap<{
|
|
|
600
612
|
background: string;
|
|
601
613
|
backgroundDarken: string;
|
|
602
614
|
backgroundSecondary: string;
|
|
615
|
+
backgroundBadge: string;
|
|
616
|
+
backgroundGradient: string;
|
|
603
617
|
foreground: string;
|
|
604
618
|
overlay: string;
|
|
605
619
|
shadowLight: string;
|
|
@@ -613,6 +627,7 @@ export declare const reverseThemeMap: WeakMap<{
|
|
|
613
627
|
borderLight: string;
|
|
614
628
|
accentBorder: string;
|
|
615
629
|
accentBorderHover: string;
|
|
630
|
+
borderSubtle: string;
|
|
616
631
|
controlBg: string;
|
|
617
632
|
accentControlBg: string;
|
|
618
633
|
popupMenuItemBgActiveHover: string;
|
|
@@ -746,6 +761,8 @@ export declare const themeDefault: {
|
|
|
746
761
|
background: string;
|
|
747
762
|
backgroundDarken: string;
|
|
748
763
|
backgroundSecondary: string;
|
|
764
|
+
backgroundBadge: string;
|
|
765
|
+
backgroundGradient: string;
|
|
749
766
|
foreground: string;
|
|
750
767
|
overlay: string;
|
|
751
768
|
shadowLight: string;
|
|
@@ -759,6 +776,7 @@ export declare const themeDefault: {
|
|
|
759
776
|
borderLight: string;
|
|
760
777
|
accentBorder: string;
|
|
761
778
|
accentBorderHover: string;
|
|
779
|
+
borderSubtle: string;
|
|
762
780
|
controlBg: string;
|
|
763
781
|
accentControlBg: string;
|
|
764
782
|
popupMenuItemBgActiveHover: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"themes.d.ts","sourceRoot":"","sources":["../../../packages/theme/themes.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAE1C,eAAO,MAAM,UAAU
|
|
1
|
+
{"version":3,"file":"themes.d.ts","sourceRoot":"","sources":["../../../packages/theme/themes.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAE1C,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiDtB,CAAA;AAED,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiDrB,CAAA;AAED,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAGpB,CAAA;AAED,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;aAG1B,CAAA;AAEF,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAa,CAAA"}
|