@luokuiai/lumen-theme-paper 1.0.0-alpha.9 → 1.0.0-beta.10
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/package.json +3 -3
- package/paper.css +20 -8
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@luokuiai/lumen-theme-paper",
|
|
3
|
-
"version": "1.0.0-
|
|
3
|
+
"version": "1.0.0-beta.10",
|
|
4
4
|
"description": "Paper theme for Lumen UI",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"repository": {
|
|
@@ -20,7 +20,7 @@
|
|
|
20
20
|
"./paper.css": "./paper.css"
|
|
21
21
|
},
|
|
22
22
|
"peerDependencies": {
|
|
23
|
-
"@luokuiai/lumen-ui": "^1.0.0-
|
|
23
|
+
"@luokuiai/lumen-ui": "^1.0.0-beta.10"
|
|
24
24
|
},
|
|
25
|
-
"gitHead": "
|
|
25
|
+
"gitHead": "aa4447362970a5d9c5c8f3784b076b28e5699487"
|
|
26
26
|
}
|
package/paper.css
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
color-scheme: light;
|
|
3
3
|
font-variant-numeric: tabular-nums;
|
|
4
4
|
letter-spacing: 0;
|
|
5
|
-
--lumen-font-family:
|
|
5
|
+
--lumen-font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei UI", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
|
|
6
6
|
--lumen-font-weight-normal: 400;
|
|
7
7
|
--lumen-font-weight-medium: 500;
|
|
8
8
|
--lumen-font-weight-strong: 600;
|
|
@@ -12,11 +12,15 @@
|
|
|
12
12
|
--lumen-color-primary-soft: #eeeeee;
|
|
13
13
|
--lumen-color-primary-soft-hover: #e4e4e4;
|
|
14
14
|
--lumen-color-on-primary: #ffffff;
|
|
15
|
-
--lumen-color-text-strong: #
|
|
16
|
-
--lumen-color-text: #
|
|
17
|
-
--lumen-color-text
|
|
15
|
+
--lumen-color-text-strong: #060721;
|
|
16
|
+
--lumen-color-text-heading: #060721;
|
|
17
|
+
--lumen-color-text: #0f172a;
|
|
18
|
+
--lumen-color-text-secondary: #334155;
|
|
18
19
|
--lumen-color-text-muted: #717171;
|
|
19
20
|
--lumen-color-text-placeholder: #9a9a9a;
|
|
21
|
+
--lumen-select-text: var(--lumen-color-text);
|
|
22
|
+
--lumen-select-option-text: var(--lumen-color-text-secondary);
|
|
23
|
+
--lumen-side-nav-text: var(--lumen-color-text-secondary);
|
|
20
24
|
--lumen-color-surface: #ffffff;
|
|
21
25
|
--lumen-color-surface-muted: #f5f5f5;
|
|
22
26
|
--lumen-color-surface-subtle: #fafafa;
|
|
@@ -53,12 +57,12 @@
|
|
|
53
57
|
--lumen-radius-control: 6px;
|
|
54
58
|
--lumen-radius-icon: 6px;
|
|
55
59
|
--lumen-radius-card: 6px;
|
|
56
|
-
--lumen-radius-
|
|
60
|
+
--lumen-radius-dialog: 12px;
|
|
57
61
|
--lumen-radius-pill: 9999px;
|
|
58
62
|
--lumen-shadow-control: 0 1px 2px rgba(0, 0, 0, 0.04);
|
|
59
63
|
--lumen-shadow-card: 0 1px 2px rgba(0, 0, 0, 0.04), 0 4px 12px rgba(0, 0, 0, 0.03);
|
|
60
64
|
--lumen-shadow-dropdown: 0 12px 32px rgba(0, 0, 0, 0.12);
|
|
61
|
-
--lumen-shadow-
|
|
65
|
+
--lumen-shadow-dialog: 0 24px 64px rgba(0, 0, 0, 0.2);
|
|
62
66
|
--lumen-control-height-sm: 32px;
|
|
63
67
|
--lumen-control-height-md: 36px;
|
|
64
68
|
--lumen-control-height-lg: 40px;
|
|
@@ -78,10 +82,14 @@
|
|
|
78
82
|
--lumen-color-primary-soft-hover: rgba(255, 255, 255, 0.16);
|
|
79
83
|
--lumen-color-on-primary: #0a0a0a;
|
|
80
84
|
--lumen-color-text-strong: #fafafa;
|
|
85
|
+
--lumen-color-text-heading: var(--lumen-color-text-strong);
|
|
81
86
|
--lumen-color-text: #e5e5e5;
|
|
82
87
|
--lumen-color-text-secondary: #b8b8b8;
|
|
83
88
|
--lumen-color-text-muted: #8f8f8f;
|
|
84
89
|
--lumen-color-text-placeholder: #626262;
|
|
90
|
+
--lumen-select-text: var(--lumen-color-text);
|
|
91
|
+
--lumen-select-option-text: var(--lumen-color-text-secondary);
|
|
92
|
+
--lumen-side-nav-text: var(--lumen-color-text-secondary);
|
|
85
93
|
--lumen-color-surface: #101010;
|
|
86
94
|
--lumen-color-surface-muted: #191919;
|
|
87
95
|
--lumen-color-surface-subtle: #141414;
|
|
@@ -117,7 +125,7 @@
|
|
|
117
125
|
--lumen-shadow-control: 0 1px 2px rgba(0, 0, 0, 0.28);
|
|
118
126
|
--lumen-shadow-card: 0 1px 2px rgba(0, 0, 0, 0.3), 0 4px 12px rgba(0, 0, 0, 0.2);
|
|
119
127
|
--lumen-shadow-dropdown: 0 12px 32px rgba(0, 0, 0, 0.44);
|
|
120
|
-
--lumen-shadow-
|
|
128
|
+
--lumen-shadow-dialog: 0 24px 64px rgba(0, 0, 0, 0.58);
|
|
121
129
|
}
|
|
122
130
|
|
|
123
131
|
[data-lumen-theme='paper'] [data-ui='card'] {
|
|
@@ -135,7 +143,7 @@
|
|
|
135
143
|
}
|
|
136
144
|
|
|
137
145
|
[data-lumen-theme='paper'] [data-ui='popover'] {
|
|
138
|
-
border-radius: var(--lumen-radius-
|
|
146
|
+
border-radius: var(--lumen-radius-dialog);
|
|
139
147
|
background-clip: padding-box;
|
|
140
148
|
-webkit-backdrop-filter: none;
|
|
141
149
|
backdrop-filter: none;
|
|
@@ -159,3 +167,7 @@
|
|
|
159
167
|
[data-lumen-theme='paper'] [data-ui='toast'] {
|
|
160
168
|
box-shadow: 0 1px 2px var(--lumen-color-shadow), 0 8px 24px var(--lumen-color-shadow);
|
|
161
169
|
}
|
|
170
|
+
|
|
171
|
+
[data-lumen-theme='paper']:not([data-color-scheme='dark']) [data-ui='data-table'] thead th {
|
|
172
|
+
color: #606060;
|
|
173
|
+
}
|