@veltra/styles 1.3.7 → 1.3.9
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/theme/index.d.ts +2 -1
- package/dist/theme/index.js +2 -1
- package/dist/theme/presets/ancient.d.ts +7 -0
- package/dist/theme/presets/ancient.js +39 -0
- package/dist/theme/presets/ancient.js.map +1 -0
- package/package.json +3 -3
- package/src/theme/presets/ancient.ts +24 -0
- package/src/theme/presets/index.ts +1 -0
package/dist/theme/index.d.ts
CHANGED
|
@@ -5,6 +5,7 @@ import { darkTheme } from "./presets/dark.js";
|
|
|
5
5
|
import { heroDarkTheme, heroLightTheme } from "./presets/hero.js";
|
|
6
6
|
import { shadcnDarkTheme, shadcnLightTheme } from "./presets/shadcn.js";
|
|
7
7
|
import { glassDarkTheme, glassLightTheme } from "./presets/glass.js";
|
|
8
|
+
import { ancientLightTheme } from "./presets/ancient.js";
|
|
8
9
|
import { currentTheme, loadTheme, setTheme } from "./load-theme.js";
|
|
9
10
|
import { HEXToRGB, cssVar, defineBySize, hexRgbOnly, hexWithAlpha, isHexColor, mixColor, mixColorWithAlpha } from "./helper.js";
|
|
10
|
-
export { HEXToRGB, type RGBColor, type Theme, UITheme, cssVar, currentTheme, darkTheme, defineBySize, glassDarkTheme, glassLightTheme, heroDarkTheme, heroLightTheme, hexRgbOnly, hexWithAlpha, isHexColor, lightTheme, loadTheme, mixColor, mixColorWithAlpha, setTheme, shadcnDarkTheme, shadcnLightTheme };
|
|
11
|
+
export { HEXToRGB, type RGBColor, type Theme, UITheme, ancientLightTheme, cssVar, currentTheme, darkTheme, defineBySize, glassDarkTheme, glassLightTheme, heroDarkTheme, heroLightTheme, hexRgbOnly, hexWithAlpha, isHexColor, lightTheme, loadTheme, mixColor, mixColorWithAlpha, setTheme, shadcnDarkTheme, shadcnLightTheme };
|
package/dist/theme/index.js
CHANGED
|
@@ -5,5 +5,6 @@ import { darkTheme } from "./presets/dark.js";
|
|
|
5
5
|
import { heroDarkTheme, heroLightTheme } from "./presets/hero.js";
|
|
6
6
|
import { shadcnDarkTheme, shadcnLightTheme } from "./presets/shadcn.js";
|
|
7
7
|
import { glassDarkTheme, glassLightTheme } from "./presets/glass.js";
|
|
8
|
+
import { ancientLightTheme } from "./presets/ancient.js";
|
|
8
9
|
import { currentTheme, loadTheme, setTheme } from "./load-theme.js";
|
|
9
|
-
export { HEXToRGB, UITheme, cssVar, currentTheme, darkTheme, defineBySize, glassDarkTheme, glassLightTheme, heroDarkTheme, heroLightTheme, hexRgbOnly, hexWithAlpha, isHexColor, lightTheme, loadTheme, mixColor, mixColorWithAlpha, setTheme, shadcnDarkTheme, shadcnLightTheme };
|
|
10
|
+
export { HEXToRGB, UITheme, ancientLightTheme, cssVar, currentTheme, darkTheme, defineBySize, glassDarkTheme, glassLightTheme, heroDarkTheme, heroLightTheme, hexRgbOnly, hexWithAlpha, isHexColor, lightTheme, loadTheme, mixColor, mixColorWithAlpha, setTheme, shadcnDarkTheme, shadcnLightTheme };
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
import { lightTheme } from "./light.js";
|
|
2
|
+
//#region src/theme/presets/ancient.ts
|
|
3
|
+
const ancientLightTheme = lightTheme.new({
|
|
4
|
+
color: { primary: "#3d6b58" },
|
|
5
|
+
bg: { color: {
|
|
6
|
+
bottom: "#f1ede0",
|
|
7
|
+
middle: "#f7f4ea",
|
|
8
|
+
top: "#fdfbf4",
|
|
9
|
+
hover: "#e9e2cf"
|
|
10
|
+
} },
|
|
11
|
+
"text-color": {
|
|
12
|
+
title: "#2b2a26",
|
|
13
|
+
main: "#403c34",
|
|
14
|
+
second: "#7a7264",
|
|
15
|
+
assist: "#a89f8c",
|
|
16
|
+
placeholder: "#a89f8c"
|
|
17
|
+
},
|
|
18
|
+
border: {
|
|
19
|
+
width: 1,
|
|
20
|
+
color: "#e4dcc8",
|
|
21
|
+
mutedColor: "#d2c8ac"
|
|
22
|
+
},
|
|
23
|
+
radius: {
|
|
24
|
+
small: 4,
|
|
25
|
+
default: 8,
|
|
26
|
+
large: 12
|
|
27
|
+
},
|
|
28
|
+
shadow: {
|
|
29
|
+
color: "rgba(64, 54, 32, 0.14)",
|
|
30
|
+
x: 0,
|
|
31
|
+
y: 4,
|
|
32
|
+
blur: 16,
|
|
33
|
+
spread: -2
|
|
34
|
+
}
|
|
35
|
+
});
|
|
36
|
+
//#endregion
|
|
37
|
+
export { ancientLightTheme };
|
|
38
|
+
|
|
39
|
+
//# sourceMappingURL=ancient.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ancient.js","names":[],"sources":["../../../src/theme/presets/ancient.ts"],"sourcesContent":["import { lightTheme } from './light'\nexport const ancientLightTheme = lightTheme.new({\n color: {\n primary: '#3d6b58' // 松烟绿\n },\n bg: {\n color: {\n bottom: '#f1ede0', // 宣纸底\n middle: '#f7f4ea',\n top: '#fdfbf4',\n hover: '#e9e2cf'\n }\n },\n 'text-color': {\n title: '#2b2a26', // 黛墨\n main: '#403c34',\n second: '#7a7264',\n assist: '#a89f8c',\n placeholder: '#a89f8c'\n },\n border: { width: 1, color: '#e4dcc8', mutedColor: '#d2c8ac' },\n radius: { small: 4, default: 8, large: 12 },\n shadow: { color: 'rgba(64, 54, 32, 0.14)', x: 0, y: 4, blur: 16, spread: -2 }\n})\n"],"mappings":";;AACA,MAAa,oBAAoB,WAAW,IAAI;CAC9C,OAAO,EACL,SAAS,UACX;CACA,IAAI,EACF,OAAO;EACL,QAAQ;EACR,QAAQ;EACR,KAAK;EACL,OAAO;CACT,EACF;CACA,cAAc;EACZ,OAAO;EACP,MAAM;EACN,QAAQ;EACR,QAAQ;EACR,aAAa;CACf;CACA,QAAQ;EAAE,OAAO;EAAG,OAAO;EAAW,YAAY;CAAU;CAC5D,QAAQ;EAAE,OAAO;EAAG,SAAS;EAAG,OAAO;CAAG;CAC1C,QAAQ;EAAE,OAAO;EAA0B,GAAG;EAAG,GAAG;EAAG,MAAM;EAAI,QAAQ;CAAG;AAC9E,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@veltra/styles",
|
|
3
|
-
"version": "1.3.
|
|
3
|
+
"version": "1.3.9",
|
|
4
4
|
"files": [
|
|
5
5
|
"dist",
|
|
6
6
|
"src"
|
|
@@ -36,8 +36,8 @@
|
|
|
36
36
|
},
|
|
37
37
|
"peerDependencies": {
|
|
38
38
|
"@cat-kit/core": ">=1.1.8",
|
|
39
|
-
"@veltra/compositions": "1.3.
|
|
40
|
-
"@veltra/utils": "1.3.
|
|
39
|
+
"@veltra/compositions": "1.3.9",
|
|
40
|
+
"@veltra/utils": "1.3.9",
|
|
41
41
|
"vue": ">=3.5.40"
|
|
42
42
|
}
|
|
43
43
|
}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { lightTheme } from './light'
|
|
2
|
+
export const ancientLightTheme = lightTheme.new({
|
|
3
|
+
color: {
|
|
4
|
+
primary: '#3d6b58' // 松烟绿
|
|
5
|
+
},
|
|
6
|
+
bg: {
|
|
7
|
+
color: {
|
|
8
|
+
bottom: '#f1ede0', // 宣纸底
|
|
9
|
+
middle: '#f7f4ea',
|
|
10
|
+
top: '#fdfbf4',
|
|
11
|
+
hover: '#e9e2cf'
|
|
12
|
+
}
|
|
13
|
+
},
|
|
14
|
+
'text-color': {
|
|
15
|
+
title: '#2b2a26', // 黛墨
|
|
16
|
+
main: '#403c34',
|
|
17
|
+
second: '#7a7264',
|
|
18
|
+
assist: '#a89f8c',
|
|
19
|
+
placeholder: '#a89f8c'
|
|
20
|
+
},
|
|
21
|
+
border: { width: 1, color: '#e4dcc8', mutedColor: '#d2c8ac' },
|
|
22
|
+
radius: { small: 4, default: 8, large: 12 },
|
|
23
|
+
shadow: { color: 'rgba(64, 54, 32, 0.14)', x: 0, y: 4, blur: 16, spread: -2 }
|
|
24
|
+
})
|