vuetiwatch 0.1.0 → 0.2.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/README.md +200 -17
- package/dist/index.d.ts +4 -4
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +2 -2
- package/dist/index.js.map +1 -1
- package/dist/plugin.d.ts +77 -7
- package/dist/plugin.d.ts.map +1 -1
- package/dist/plugin.js +104 -15
- package/dist/plugin.js.map +1 -1
- package/dist/registry.d.ts +1 -1
- package/dist/registry.d.ts.map +1 -1
- package/dist/registry.js +6 -1
- package/dist/registry.js.map +1 -1
- package/dist/styles/atlas.css +99 -0
- package/dist/styles/atlas.min.css +1 -0
- package/dist/styles/atlasDark.css +99 -0
- package/dist/styles/atlasDark.min.css +1 -0
- package/dist/styles/atlasSepia.css +99 -0
- package/dist/styles/atlasSepia.min.css +1 -0
- package/dist/styles/aurora.css +97 -4
- package/dist/styles/aurora.min.css +1 -1
- package/dist/styles/brutalist.css +5 -0
- package/dist/styles/brutalist.min.css +1 -1
- package/dist/styles/calm.css +0 -4
- package/dist/styles/calm.min.css +1 -1
- package/dist/styles/candy.css +71 -0
- package/dist/styles/candy.min.css +1 -0
- package/dist/styles/clay.css +13 -0
- package/dist/styles/clay.min.css +1 -1
- package/dist/styles/core.css +239 -36
- package/dist/styles/core.min.css +1 -1
- package/dist/styles/graphite.css +29 -0
- package/dist/styles/graphite.min.css +1 -0
- package/dist/styles/morph.css +12 -0
- package/dist/styles/morph.min.css +1 -1
- package/dist/styles/neon.css +8 -0
- package/dist/styles/neon.min.css +1 -1
- package/dist/styles/sketchy.css +4 -0
- package/dist/styles/sketchy.min.css +1 -1
- package/dist/styles/soft.css +1 -12
- package/dist/styles/soft.min.css +1 -1
- package/dist/styles.css +577 -52
- package/dist/styles.min.css +1 -1
- package/dist/themes/atlas.d.ts +38 -0
- package/dist/themes/atlas.d.ts.map +1 -0
- package/dist/themes/atlas.js +203 -0
- package/dist/themes/atlas.js.map +1 -0
- package/dist/themes/atlasDark.d.ts +8 -0
- package/dist/themes/atlasDark.d.ts.map +1 -0
- package/dist/themes/atlasDark.js +64 -0
- package/dist/themes/atlasDark.js.map +1 -0
- package/dist/themes/atlasSepia.d.ts +11 -0
- package/dist/themes/atlasSepia.d.ts.map +1 -0
- package/dist/themes/atlasSepia.js +60 -0
- package/dist/themes/atlasSepia.js.map +1 -0
- package/dist/themes/aurora.d.ts.map +1 -1
- package/dist/themes/aurora.js +27 -2
- package/dist/themes/aurora.js.map +1 -1
- package/dist/themes/brutalist.d.ts.map +1 -1
- package/dist/themes/brutalist.js +26 -0
- package/dist/themes/brutalist.js.map +1 -1
- package/dist/themes/calm.d.ts.map +1 -1
- package/dist/themes/calm.js +22 -2
- package/dist/themes/calm.js.map +1 -1
- package/dist/themes/candy.d.ts +20 -0
- package/dist/themes/candy.d.ts.map +1 -0
- package/dist/themes/candy.js +142 -0
- package/dist/themes/candy.js.map +1 -0
- package/dist/themes/classic.d.ts.map +1 -1
- package/dist/themes/classic.js +2 -0
- package/dist/themes/classic.js.map +1 -1
- package/dist/themes/clay.d.ts.map +1 -1
- package/dist/themes/clay.js +22 -0
- package/dist/themes/clay.js.map +1 -1
- package/dist/themes/darkGlass.d.ts.map +1 -1
- package/dist/themes/darkGlass.js +21 -0
- package/dist/themes/darkGlass.js.map +1 -1
- package/dist/themes/graphite.d.ts +13 -0
- package/dist/themes/graphite.d.ts.map +1 -0
- package/dist/themes/graphite.js +147 -0
- package/dist/themes/graphite.js.map +1 -0
- package/dist/themes/index.d.ts +5 -0
- package/dist/themes/index.d.ts.map +1 -1
- package/dist/themes/index.js +5 -0
- package/dist/themes/index.js.map +1 -1
- package/dist/themes/liquidGlass.d.ts.map +1 -1
- package/dist/themes/liquidGlass.js +27 -3
- package/dist/themes/liquidGlass.js.map +1 -1
- package/dist/themes/lux.d.ts.map +1 -1
- package/dist/themes/lux.js +21 -2
- package/dist/themes/lux.js.map +1 -1
- package/dist/themes/morph.d.ts.map +1 -1
- package/dist/themes/morph.js +23 -3
- package/dist/themes/morph.js.map +1 -1
- package/dist/themes/neon.d.ts.map +1 -1
- package/dist/themes/neon.js +22 -0
- package/dist/themes/neon.js.map +1 -1
- package/dist/themes/paper.d.ts.map +1 -1
- package/dist/themes/paper.js +16 -0
- package/dist/themes/paper.js.map +1 -1
- package/dist/themes/sketchy.d.ts.map +1 -1
- package/dist/themes/sketchy.js +17 -0
- package/dist/themes/sketchy.js.map +1 -1
- package/dist/themes/slate.d.ts.map +1 -1
- package/dist/themes/slate.js +22 -1
- package/dist/themes/slate.js.map +1 -1
- package/dist/themes/soft.d.ts.map +1 -1
- package/dist/themes/soft.js +21 -2
- package/dist/themes/soft.js.map +1 -1
- package/dist/types.d.ts +40 -0
- package/dist/types.d.ts.map +1 -1
- package/dist/util/defaults.d.ts.map +1 -1
- package/dist/util/defaults.js +11 -1
- package/dist/util/defaults.js.map +1 -1
- package/dist/util/defineTheme.d.ts.map +1 -1
- package/dist/util/defineTheme.js +11 -5
- package/dist/util/defineTheme.js.map +1 -1
- package/package.json +2 -2
- package/src/index.ts +8 -2
- package/src/plugin.ts +214 -21
- package/src/registry.ts +10 -0
- package/src/styles/core.css +563 -35
- package/src/styles/index.css +4 -0
- package/src/styles/themes/_atlas.css +194 -0
- package/src/styles/themes/atlas.css +2 -0
- package/src/styles/themes/atlasDark.css +2 -0
- package/src/styles/themes/atlasSepia.css +2 -0
- package/src/styles/themes/aurora.css +151 -7
- package/src/styles/themes/brutalist.css +5 -3
- package/src/styles/themes/calm.css +0 -7
- package/src/styles/themes/candy.css +113 -0
- package/src/styles/themes/clay.css +24 -0
- package/src/styles/themes/graphite.css +63 -0
- package/src/styles/themes/liquidGlass.css +0 -2
- package/src/styles/themes/lux.css +0 -4
- package/src/styles/themes/morph.css +22 -0
- package/src/styles/themes/neon.css +8 -3
- package/src/styles/themes/paper.css +0 -2
- package/src/styles/themes/sketchy.css +9 -0
- package/src/styles/themes/slate.css +0 -4
- package/src/styles/themes/soft.css +1 -12
- package/src/themes/atlas.ts +211 -0
- package/src/themes/atlasDark.ts +64 -0
- package/src/themes/atlasSepia.ts +60 -0
- package/src/themes/aurora.ts +30 -2
- package/src/themes/brutalist.ts +29 -0
- package/src/themes/calm.ts +25 -2
- package/src/themes/candy.ts +144 -0
- package/src/themes/classic.ts +3 -0
- package/src/themes/clay.ts +24 -0
- package/src/themes/darkGlass.ts +24 -0
- package/src/themes/graphite.ts +150 -0
- package/src/themes/index.ts +5 -0
- package/src/themes/liquidGlass.ts +30 -3
- package/src/themes/lux.ts +24 -2
- package/src/themes/morph.ts +25 -3
- package/src/themes/neon.ts +25 -0
- package/src/themes/paper.ts +19 -0
- package/src/themes/sketchy.ts +20 -0
- package/src/themes/slate.ts +25 -1
- package/src/themes/soft.ts +24 -2
- package/src/types.ts +41 -0
- package/src/util/defaults.ts +12 -1
- package/src/util/defineTheme.ts +11 -5
|
@@ -0,0 +1,147 @@
|
|
|
1
|
+
import { bars, controls, fields, icons, tables } from '../util/defaults.js';
|
|
2
|
+
import { defineTheme } from '../util/defineTheme.js';
|
|
3
|
+
/**
|
|
4
|
+
* The product-dark theme every developer tool converged on: near-black,
|
|
5
|
+
* hairline edges, tight radii, and no shadow anywhere. Depth comes from a
|
|
6
|
+
* lighter surface and a one-pixel line, which is why it stays legible on a
|
|
7
|
+
* dense screen where a stack of drop shadows would turn to mud.
|
|
8
|
+
*
|
|
9
|
+
* The accent is the restraint: `primary` is a near-white, so the one filled
|
|
10
|
+
* button on a screen is the brightest thing on it, and indigo sits in
|
|
11
|
+
* `secondary` for the places that want a hue. The status colours stay
|
|
12
|
+
* saturated — they are the only signal that has to survive a glance.
|
|
13
|
+
*/
|
|
14
|
+
export const graphite = defineTheme({
|
|
15
|
+
name: 'graphite',
|
|
16
|
+
meta: {
|
|
17
|
+
title: 'Graphite',
|
|
18
|
+
description: 'Product dark — near-black, hairline edges, no shadows, mono labels.',
|
|
19
|
+
dark: true,
|
|
20
|
+
iconStyle: 'outline',
|
|
21
|
+
swatch: ['#0A0B0D', '#121417', '#EDEFF2', '#4D64FF'],
|
|
22
|
+
fonts: ['Inter', 'JetBrains Mono'],
|
|
23
|
+
},
|
|
24
|
+
theme: {
|
|
25
|
+
dark: true,
|
|
26
|
+
colors: {
|
|
27
|
+
background: '#0A0B0D',
|
|
28
|
+
surface: '#121417',
|
|
29
|
+
'surface-bright': '#1B1E23',
|
|
30
|
+
'surface-light': '#16191D',
|
|
31
|
+
'surface-variant': '#C3C9D4',
|
|
32
|
+
'on-surface-variant': '#0F1114',
|
|
33
|
+
primary: '#EDEFF2',
|
|
34
|
+
'primary-darken-1': '#C9CDD4',
|
|
35
|
+
secondary: '#4D64FF',
|
|
36
|
+
'secondary-darken-1': '#5D6FE8',
|
|
37
|
+
error: '#F2555A',
|
|
38
|
+
info: '#5AA9F0',
|
|
39
|
+
success: '#3FCF8E',
|
|
40
|
+
warning: '#E8B03D',
|
|
41
|
+
'on-surface': '#E6E9ED',
|
|
42
|
+
'on-background': '#E6E9ED',
|
|
43
|
+
// Vuetify picks the label colour by luminance and settles for
|
|
44
|
+
// about 3:1, which is the bar for large text rather than for a
|
|
45
|
+
// button label. Measured on the filled buttons: info 2.5:1 → 8.4:1, error 3.4:1 → 6.2:1.
|
|
46
|
+
'on-info': '#000000',
|
|
47
|
+
'on-error': '#000000',
|
|
48
|
+
},
|
|
49
|
+
variables: {
|
|
50
|
+
/* A panel standing on its own — a bare list, sheet, banner or table.
|
|
51
|
+
Core owns the selector; this is what it draws with. */
|
|
52
|
+
'vw-panel-border': '1px solid rgba(var(--v-border-color), var(--v-border-opacity))',
|
|
53
|
+
'border-color': '#9AA4B5',
|
|
54
|
+
'border-opacity': 0.12,
|
|
55
|
+
'shadow-color': '#000000',
|
|
56
|
+
'high-emphasis-opacity': 0.95,
|
|
57
|
+
'medium-emphasis-opacity': 0.6,
|
|
58
|
+
'hover-opacity': 0.045,
|
|
59
|
+
'font-body': "'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif",
|
|
60
|
+
// Four pixels is the smallest corner that still reads as intentional
|
|
61
|
+
// rather than as an unstyled input.
|
|
62
|
+
'vw-radius': '4px',
|
|
63
|
+
'vw-radius-lg': '8px',
|
|
64
|
+
'vw-radius-chip': '4px',
|
|
65
|
+
'vw-radius-thumb': '2px',
|
|
66
|
+
'vw-border-width': '1px',
|
|
67
|
+
'vw-btn-transform': 'none',
|
|
68
|
+
'vw-btn-tracking': '0',
|
|
69
|
+
'vw-btn-weight': '500',
|
|
70
|
+
// Display sizes set tight, the way a landing page sets them.
|
|
71
|
+
'vw-heading-weight': '600',
|
|
72
|
+
'vw-heading-tracking': '-0.025em',
|
|
73
|
+
// Table headers as labels, not as titles.
|
|
74
|
+
'vw-th-weight': '500',
|
|
75
|
+
'vw-th-tracking': '0.09em',
|
|
76
|
+
'vw-th-transform': 'uppercase',
|
|
77
|
+
// A table of ids, dates and counts is most of what this theme is for.
|
|
78
|
+
'vw-numeric': 'tabular-nums',
|
|
79
|
+
'vw-tab-slider-height': '2px',
|
|
80
|
+
// Floating surfaces are the one place a shadow survives, and only to
|
|
81
|
+
// separate them from the page — the hairline does the describing.
|
|
82
|
+
'vw-overlay-border': '1px solid rgba(var(--v-border-color), 0.18)',
|
|
83
|
+
'vw-overlay-shadow': '0 16px 40px rgba(0, 0, 0, 0.6)',
|
|
84
|
+
// Product UIs colour their links rather than underlining them.
|
|
85
|
+
'vw-link-decoration': 'none',
|
|
86
|
+
// Instant and linear. Easing describes weight, and nothing here has any.
|
|
87
|
+
'vw-motion-duration': '90ms',
|
|
88
|
+
'vw-motion-ease': 'linear',
|
|
89
|
+
'vw-press-scale': '1',
|
|
90
|
+
'vw-pop-scale': '1.1',
|
|
91
|
+
'vw-pop-duration': '140ms',
|
|
92
|
+
'vw-focus-ring': '1px solid rgba(var(--v-theme-primary), 0.85)',
|
|
93
|
+
'vw-theme-transition': '260ms',
|
|
94
|
+
// Hairline and squared off, like every other edge here.
|
|
95
|
+
'vw-timeline-line': 'rgba(var(--v-border-color), 0.35)',
|
|
96
|
+
'vw-timeline-line-width': '1px',
|
|
97
|
+
'vw-radius-dot': '2px',
|
|
98
|
+
'vw-radius-avatar': '4px',
|
|
99
|
+
},
|
|
100
|
+
},
|
|
101
|
+
defaults: [
|
|
102
|
+
{
|
|
103
|
+
// No ripple anywhere: it is a Material animation about the weight of
|
|
104
|
+
// a surface, and nothing in this theme has any.
|
|
105
|
+
// No `density` here on purpose: Vuetify subtracts it from the size
|
|
106
|
+
// height, and a compact `x-small` button ends up shorter than its
|
|
107
|
+
// own label. The tight geometry comes from the radius instead.
|
|
108
|
+
VBtn: { variant: 'flat', ripple: false },
|
|
109
|
+
VCard: { variant: 'outlined' },
|
|
110
|
+
VAlert: { variant: 'outlined', density: 'compact' },
|
|
111
|
+
VChip: { variant: 'outlined', size: 'small', ripple: false },
|
|
112
|
+
VListItem: { ripple: false },
|
|
113
|
+
VTab: { ripple: false },
|
|
114
|
+
// Flush stacked rows rather than floating panels with gaps.
|
|
115
|
+
VExpansionPanels: { variant: 'accordion' },
|
|
116
|
+
VNavigationDrawer: { border: 'e' },
|
|
117
|
+
},
|
|
118
|
+
fields({ variant: 'outlined', density: 'compact' }),
|
|
119
|
+
controls({ density: 'compact' }),
|
|
120
|
+
tables('compact'),
|
|
121
|
+
bars({ flat: true, border: 'b' }),
|
|
122
|
+
{
|
|
123
|
+
// Controls sized down to the text they sit beside, and squared off
|
|
124
|
+
// to the same 4px the fields and buttons use.
|
|
125
|
+
VSwitch: { inset: 'square' },
|
|
126
|
+
VSlider: { thumbSize: 12, trackSize: 3 },
|
|
127
|
+
},
|
|
128
|
+
icons({
|
|
129
|
+
// One weight of line icon throughout; arrows where a direction is
|
|
130
|
+
// meant, chevrons where a disclosure is.
|
|
131
|
+
dropdown: 'mdi-chevron-down',
|
|
132
|
+
collapse: 'mdi-chevron-up',
|
|
133
|
+
checkboxOn: 'mdi-checkbox-marked',
|
|
134
|
+
checkboxOff: 'mdi-checkbox-blank-outline',
|
|
135
|
+
sortAsc: 'mdi-arrow-up',
|
|
136
|
+
sortDesc: 'mdi-arrow-down',
|
|
137
|
+
next: 'mdi-chevron-right',
|
|
138
|
+
prev: 'mdi-chevron-left',
|
|
139
|
+
first: 'mdi-chevron-double-left',
|
|
140
|
+
last: 'mdi-chevron-double-right',
|
|
141
|
+
clear: 'mdi-close',
|
|
142
|
+
close: 'mdi-close',
|
|
143
|
+
breadcrumbDivider: '/',
|
|
144
|
+
}),
|
|
145
|
+
],
|
|
146
|
+
});
|
|
147
|
+
//# sourceMappingURL=graphite.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"graphite.js","sourceRoot":"","sources":["../../src/themes/graphite.ts"],"names":[],"mappings":"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"}
|
package/dist/themes/index.d.ts
CHANGED
|
@@ -1,9 +1,14 @@
|
|
|
1
|
+
export { atlas } from './atlas.js';
|
|
2
|
+
export { atlasDark } from './atlasDark.js';
|
|
3
|
+
export { atlasSepia } from './atlasSepia.js';
|
|
1
4
|
export { aurora } from './aurora.js';
|
|
2
5
|
export { brutalist } from './brutalist.js';
|
|
3
6
|
export { calm } from './calm.js';
|
|
7
|
+
export { candy } from './candy.js';
|
|
4
8
|
export { classic } from './classic.js';
|
|
5
9
|
export { clay } from './clay.js';
|
|
6
10
|
export { darkGlass } from './darkGlass.js';
|
|
11
|
+
export { graphite } from './graphite.js';
|
|
7
12
|
export { liquidGlass } from './liquidGlass.js';
|
|
8
13
|
export { lux } from './lux.js';
|
|
9
14
|
export { morph } from './morph.js';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/themes/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAA;AACpC,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAC1C,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAA;AAChC,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AACtC,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAA;AAChC,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAC1C,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAC9C,OAAO,EAAE,GAAG,EAAE,MAAM,UAAU,CAAA;AAC9B,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAClC,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAA;AAChC,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAClC,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AACtC,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAClC,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAA"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/themes/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAClC,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAC1C,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAC5C,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAA;AACpC,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAC1C,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAA;AAChC,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAClC,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AACtC,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAA;AAChC,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAC9C,OAAO,EAAE,GAAG,EAAE,MAAM,UAAU,CAAA;AAC9B,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAClC,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAA;AAChC,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAClC,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AACtC,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAClC,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAA"}
|
package/dist/themes/index.js
CHANGED
|
@@ -1,9 +1,14 @@
|
|
|
1
|
+
export { atlas } from './atlas.js';
|
|
2
|
+
export { atlasDark } from './atlasDark.js';
|
|
3
|
+
export { atlasSepia } from './atlasSepia.js';
|
|
1
4
|
export { aurora } from './aurora.js';
|
|
2
5
|
export { brutalist } from './brutalist.js';
|
|
3
6
|
export { calm } from './calm.js';
|
|
7
|
+
export { candy } from './candy.js';
|
|
4
8
|
export { classic } from './classic.js';
|
|
5
9
|
export { clay } from './clay.js';
|
|
6
10
|
export { darkGlass } from './darkGlass.js';
|
|
11
|
+
export { graphite } from './graphite.js';
|
|
7
12
|
export { liquidGlass } from './liquidGlass.js';
|
|
8
13
|
export { lux } from './lux.js';
|
|
9
14
|
export { morph } from './morph.js';
|
package/dist/themes/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/themes/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAA;AACpC,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAC1C,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAA;AAChC,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AACtC,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAA;AAChC,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAC1C,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAC9C,OAAO,EAAE,GAAG,EAAE,MAAM,UAAU,CAAA;AAC9B,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAClC,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAA;AAChC,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAClC,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AACtC,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAClC,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAA"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/themes/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAClC,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAC1C,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAC5C,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAA;AACpC,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAC1C,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAA;AAChC,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAClC,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AACtC,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAA;AAChC,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAC9C,OAAO,EAAE,GAAG,EAAE,MAAM,UAAU,CAAA;AAC9B,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAClC,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAA;AAChC,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAClC,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AACtC,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAClC,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"liquidGlass.d.ts","sourceRoot":"","sources":["../../src/themes/liquidGlass.ts"],"names":[],"mappings":"AAGA;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,WAAW,
|
|
1
|
+
{"version":3,"file":"liquidGlass.d.ts","sourceRoot":"","sources":["../../src/themes/liquidGlass.ts"],"names":[],"mappings":"AAGA;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,WAAW,sDAqHtB,CAAA"}
|
|
@@ -24,7 +24,7 @@ export const liquidGlass = defineTheme({
|
|
|
24
24
|
description: 'Capsule controls and refracting panes over a calm wash, after iOS 26.',
|
|
25
25
|
dark: false,
|
|
26
26
|
iconStyle: 'outline',
|
|
27
|
-
swatch: ['#F2F2F7', '#FFFFFF', '#
|
|
27
|
+
swatch: ['#F2F2F7', '#FFFFFF', '#0071ED', '#5856D6'],
|
|
28
28
|
fonts: ['Inter'],
|
|
29
29
|
},
|
|
30
30
|
theme: {
|
|
@@ -37,24 +37,37 @@ export const liquidGlass = defineTheme({
|
|
|
37
37
|
'surface-light': '#F7F7FA',
|
|
38
38
|
'surface-variant': '#3A3A3C',
|
|
39
39
|
'on-surface-variant': '#F2F2F7',
|
|
40
|
-
primary: '#
|
|
40
|
+
primary: '#0071ED',
|
|
41
41
|
'primary-darken-1': '#0062CC',
|
|
42
42
|
secondary: '#5856D6',
|
|
43
43
|
'secondary-darken-1': '#4341B5',
|
|
44
44
|
error: '#FF3B30',
|
|
45
|
-
info: '#
|
|
45
|
+
info: '#0071ED',
|
|
46
46
|
success: '#34C759',
|
|
47
47
|
warning: '#FF9500',
|
|
48
48
|
'on-surface': '#1C1C1E',
|
|
49
49
|
'on-background': '#1C1C1E',
|
|
50
|
+
// Vuetify picks the label colour by luminance and settles for
|
|
51
|
+
// about 3:1, which is the bar for large text rather than for a
|
|
52
|
+
// button label. Measured on the filled buttons: info 4:1 → 5.2:1, error 3.5:1 → 4.8:1.
|
|
53
|
+
'on-info': '#000000',
|
|
54
|
+
'on-error': '#1C1C1E',
|
|
50
55
|
'on-success': '#06140A',
|
|
51
56
|
'on-warning': '#1A1004',
|
|
52
57
|
},
|
|
53
58
|
variables: {
|
|
59
|
+
/* A panel standing on its own — a bare list, sheet, banner or table.
|
|
60
|
+
Core owns the selector; this is what it draws with. */
|
|
61
|
+
'vw-panel-fill': 'rgba(var(--v-theme-surface), 0.6)',
|
|
62
|
+
'vw-panel-filter': 'blur(30px) saturate(190%)',
|
|
63
|
+
'vw-panel-shadow': 'inset 0 1px 0 rgba(255, 255, 255, 0.9), inset 0 0 0 1px rgba(255, 255, 255, 0.35), 0 10px 34px rgba(var(--v-shadow-color), 0.1)',
|
|
54
64
|
'border-color': '#3A3A3C',
|
|
55
65
|
// iOS separators are hairlines, not borders.
|
|
56
66
|
'border-opacity': 0.1,
|
|
57
67
|
'shadow-color': '#1B3A6B',
|
|
68
|
+
// The frost rule below owns the colour; core's default would paint
|
|
69
|
+
// an opaque surface under it and the pane would stop being glass.
|
|
70
|
+
'vw-outlined-fill': 'rgba(var(--v-theme-surface), 0.6)',
|
|
58
71
|
'high-emphasis-opacity': 0.92,
|
|
59
72
|
'medium-emphasis-opacity': 0.6,
|
|
60
73
|
'hover-opacity': 0.04,
|
|
@@ -75,6 +88,17 @@ export const liquidGlass = defineTheme({
|
|
|
75
88
|
'vw-link-decoration': 'none',
|
|
76
89
|
'vw-heading-weight': '700',
|
|
77
90
|
'vw-heading-tracking': '-0.022em',
|
|
91
|
+
// The iOS curve: fast out, long settle.
|
|
92
|
+
'vw-motion-duration': '320ms',
|
|
93
|
+
'vw-motion-ease': 'cubic-bezier(0.32, 0.72, 0, 1)',
|
|
94
|
+
'vw-press-scale': '0.96',
|
|
95
|
+
'vw-hover-lift': '2px',
|
|
96
|
+
'vw-pop-scale': '1.2',
|
|
97
|
+
'vw-pop-duration': '300ms',
|
|
98
|
+
'vw-theme-transition': '520ms',
|
|
99
|
+
// Frosted, so the line is a highlight rather than a rule.
|
|
100
|
+
'vw-timeline-line': 'rgba(var(--v-theme-on-surface), 0.18)',
|
|
101
|
+
'vw-timeline-line-width': '2px',
|
|
78
102
|
},
|
|
79
103
|
},
|
|
80
104
|
defaults: [
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"liquidGlass.js","sourceRoot":"","sources":["../../src/themes/liquidGlass.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAA;AAC3E,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAA;AAEpD;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,WAAW,CAAC;IACrC,IAAI,EAAE,aAAa;IACnB,IAAI,EAAE;QACJ,KAAK,EAAE,cAAc;QACrB,WAAW,EAAE,uEAAuE;QACpF,IAAI,EAAE,KAAK;QACX,SAAS,EAAE,SAAS;QACpB,MAAM,EAAE,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,CAAC;QACpD,KAAK,EAAE,CAAC,OAAO,CAAC;KACjB;IACD,KAAK,EAAE;QACL,IAAI,EAAE,KAAK;QACX,MAAM,EAAE;YACN,oEAAoE;YACpE,UAAU,EAAE,SAAS;YACrB,OAAO,EAAE,SAAS;YAClB,gBAAgB,EAAE,SAAS;YAC3B,eAAe,EAAE,SAAS;YAC1B,iBAAiB,EAAE,SAAS;YAC5B,oBAAoB,EAAE,SAAS;YAC/B,OAAO,EAAE,SAAS;YAClB,kBAAkB,EAAE,SAAS;YAC7B,SAAS,EAAE,SAAS;YACpB,oBAAoB,EAAE,SAAS;YAC/B,KAAK,EAAE,SAAS;YAChB,IAAI,EAAE,SAAS;YACf,OAAO,EAAE,SAAS;YAClB,OAAO,EAAE,SAAS;YAClB,YAAY,EAAE,SAAS;YACvB,eAAe,EAAE,SAAS;YAC1B,YAAY,EAAE,SAAS;YACvB,YAAY,EAAE,SAAS;SACxB;QACD,SAAS,EAAE;YACT,cAAc,EAAE,SAAS;YACzB,6CAA6C;YAC7C,gBAAgB,EAAE,GAAG;YACrB,cAAc,EAAE,SAAS;YACzB,uBAAuB,EAAE,IAAI;YAC7B,yBAAyB,EAAE,GAAG;YAC9B,eAAe,EAAE,IAAI;YACrB,WAAW,EAAE,kFAAkF;YAC/F,cAAc,EAAE,qFAAqF;YACrG,WAAW,EAAE,MAAM;YACnB,6DAA6D;YAC7D,kEAAkE;YAClE,8CAA8C;YAC9C,eAAe,EAAE,OAAO;YACxB,cAAc,EAAE,MAAM;YACtB,gBAAgB,EAAE,OAAO;YACzB,iBAAiB,EAAE,KAAK;YACxB,kBAAkB,EAAE,MAAM;YAC1B,iBAAiB,EAAE,GAAG;YACtB,eAAe,EAAE,KAAK;YACtB,oDAAoD;YACpD,oBAAoB,EAAE,MAAM;YAC5B,mBAAmB,EAAE,KAAK;YAC1B,qBAAqB,EAAE,UAAU;
|
|
1
|
+
{"version":3,"file":"liquidGlass.js","sourceRoot":"","sources":["../../src/themes/liquidGlass.ts"],"names":[],"mappings":"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"}
|
package/dist/themes/lux.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"lux.d.ts","sourceRoot":"","sources":["../../src/themes/lux.ts"],"names":[],"mappings":"AAGA;;;;;GAKG;AACH,eAAO,MAAM,GAAG,
|
|
1
|
+
{"version":3,"file":"lux.d.ts","sourceRoot":"","sources":["../../src/themes/lux.ts"],"names":[],"mappings":"AAGA;;;;;GAKG;AACH,eAAO,MAAM,GAAG,8CAuGd,CAAA"}
|
package/dist/themes/lux.js
CHANGED
|
@@ -13,7 +13,7 @@ export const lux = defineTheme({
|
|
|
13
13
|
description: 'Editorial luxury — hairline rules, wide tracking, small caps and muted gold.',
|
|
14
14
|
dark: false,
|
|
15
15
|
iconStyle: 'outline',
|
|
16
|
-
swatch: ['#FFFFFF', '#FAFAFA', '#1A1A1A', '#
|
|
16
|
+
swatch: ['#FFFFFF', '#FAFAFA', '#1A1A1A', '#88733F'],
|
|
17
17
|
fonts: ['Jost'],
|
|
18
18
|
},
|
|
19
19
|
theme: {
|
|
@@ -27,7 +27,7 @@ export const lux = defineTheme({
|
|
|
27
27
|
'on-surface-variant': '#FFFFFF',
|
|
28
28
|
primary: '#1A1A1A',
|
|
29
29
|
'primary-darken-1': '#000000',
|
|
30
|
-
secondary: '#
|
|
30
|
+
secondary: '#88733F',
|
|
31
31
|
'secondary-darken-1': '#8F7A45',
|
|
32
32
|
error: '#96322A',
|
|
33
33
|
info: '#3D5A73',
|
|
@@ -35,8 +35,15 @@ export const lux = defineTheme({
|
|
|
35
35
|
warning: '#A8791E',
|
|
36
36
|
'on-surface': '#1A1A1A',
|
|
37
37
|
'on-background': '#1A1A1A',
|
|
38
|
+
// Vuetify picks the label colour by luminance and settles for
|
|
39
|
+
// about 3:1, which is the bar for large text rather than for a
|
|
40
|
+
// button label. Measured on the filled buttons: warning 3.9:1 → 4.5:1.
|
|
41
|
+
'on-warning': '#1A1A1A',
|
|
38
42
|
},
|
|
39
43
|
variables: {
|
|
44
|
+
/* A panel standing on its own — a bare list, sheet, banner or table.
|
|
45
|
+
Core owns the selector; this is what it draws with. */
|
|
46
|
+
'vw-panel-border': 'var(--v-vw-border-width) solid rgba(var(--v-border-color), var(--v-border-opacity))',
|
|
40
47
|
'border-color': '#1A1A1A',
|
|
41
48
|
'border-opacity': 0.14,
|
|
42
49
|
'high-emphasis-opacity': 0.88,
|
|
@@ -57,6 +64,18 @@ export const lux = defineTheme({
|
|
|
57
64
|
'vw-list-bar': '2px',
|
|
58
65
|
'vw-list-bar-color': 'rgb(var(--v-theme-secondary))',
|
|
59
66
|
'vw-tab-slider-height': '1px',
|
|
67
|
+
// Expensive things move slowly and stop exactly where they meant to.
|
|
68
|
+
'vw-motion-duration': '240ms',
|
|
69
|
+
'vw-motion-ease': 'cubic-bezier(0.2, 0, 0, 1)',
|
|
70
|
+
'vw-press-scale': '0.995',
|
|
71
|
+
'vw-hover-lift': '2px',
|
|
72
|
+
'vw-pop-scale': '1.08',
|
|
73
|
+
'vw-pop-duration': '220ms',
|
|
74
|
+
'vw-focus-ring': '1px solid rgb(var(--v-theme-primary))',
|
|
75
|
+
'vw-theme-transition': '520ms',
|
|
76
|
+
// A gold hairline; the dot stays a circle.
|
|
77
|
+
'vw-timeline-line': 'rgba(var(--v-theme-primary), 0.55)',
|
|
78
|
+
'vw-timeline-line-width': '1px',
|
|
60
79
|
},
|
|
61
80
|
},
|
|
62
81
|
defaults: [
|
package/dist/themes/lux.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"lux.js","sourceRoot":"","sources":["../../src/themes/lux.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAA;AAC3E,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAA;AAEpD;;;;;GAKG;AACH,MAAM,CAAC,MAAM,GAAG,GAAG,WAAW,CAAC;IAC7B,IAAI,EAAE,KAAK;IACX,IAAI,EAAE;QACJ,KAAK,EAAE,KAAK;QACZ,WAAW,EAAE,8EAA8E;QAC3F,IAAI,EAAE,KAAK;QACX,SAAS,EAAE,SAAS;QACpB,MAAM,EAAE,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,CAAC;QACpD,KAAK,EAAE,CAAC,MAAM,CAAC;KAChB;IACD,KAAK,EAAE;QACL,IAAI,EAAE,KAAK;QACX,MAAM,EAAE;YACN,UAAU,EAAE,SAAS;YACrB,OAAO,EAAE,SAAS;YAClB,gBAAgB,EAAE,SAAS;YAC3B,eAAe,EAAE,SAAS;YAC1B,iBAAiB,EAAE,SAAS;YAC5B,oBAAoB,EAAE,SAAS;YAC/B,OAAO,EAAE,SAAS;YAClB,kBAAkB,EAAE,SAAS;YAC7B,SAAS,EAAE,SAAS;YACpB,oBAAoB,EAAE,SAAS;YAC/B,KAAK,EAAE,SAAS;YAChB,IAAI,EAAE,SAAS;YACf,OAAO,EAAE,SAAS;YAClB,OAAO,EAAE,SAAS;YAClB,YAAY,EAAE,SAAS;YACvB,eAAe,EAAE,SAAS;
|
|
1
|
+
{"version":3,"file":"lux.js","sourceRoot":"","sources":["../../src/themes/lux.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"morph.d.ts","sourceRoot":"","sources":["../../src/themes/morph.ts"],"names":[],"mappings":"AAGA;;;;;;;GAOG;AACH,eAAO,MAAM,KAAK,
|
|
1
|
+
{"version":3,"file":"morph.d.ts","sourceRoot":"","sources":["../../src/themes/morph.ts"],"names":[],"mappings":"AAGA;;;;;;;GAOG;AACH,eAAO,MAAM,KAAK,gDA4FhB,CAAA"}
|
package/dist/themes/morph.js
CHANGED
|
@@ -15,7 +15,7 @@ export const morph = defineTheme({
|
|
|
15
15
|
description: 'Neumorphic — one continuous surface, shaped only by light and shadow.',
|
|
16
16
|
dark: false,
|
|
17
17
|
iconStyle: 'filled',
|
|
18
|
-
swatch: ['#E4EBF5', '#E4EBF5', '#
|
|
18
|
+
swatch: ['#E4EBF5', '#E4EBF5', '#496FDD', '#677690'],
|
|
19
19
|
fonts: ['Nunito'],
|
|
20
20
|
},
|
|
21
21
|
theme: {
|
|
@@ -27,9 +27,9 @@ export const morph = defineTheme({
|
|
|
27
27
|
'surface-light': '#DAE2EE',
|
|
28
28
|
'surface-variant': '#4A5568',
|
|
29
29
|
'on-surface-variant': '#E4EBF5',
|
|
30
|
-
primary: '#
|
|
30
|
+
primary: '#496FDD',
|
|
31
31
|
'primary-darken-1': '#4763BC',
|
|
32
|
-
secondary: '#
|
|
32
|
+
secondary: '#677690',
|
|
33
33
|
'secondary-darken-1': '#6D798F',
|
|
34
34
|
error: '#E06C75',
|
|
35
35
|
info: '#5A9FE0',
|
|
@@ -37,11 +37,23 @@ export const morph = defineTheme({
|
|
|
37
37
|
warning: '#E0A85A',
|
|
38
38
|
'on-surface': '#4A5568',
|
|
39
39
|
'on-background': '#4A5568',
|
|
40
|
+
// Vuetify picks the label colour by luminance and settles for
|
|
41
|
+
// about 3:1, which is the bar for large text rather than for a
|
|
42
|
+
// button label. Measured on the filled buttons: info 2.8:1 → 7.5:1, error 3.2:1 → 6.6:1.
|
|
43
|
+
'on-info': '#000000',
|
|
44
|
+
'on-error': '#000000',
|
|
40
45
|
},
|
|
41
46
|
variables: {
|
|
47
|
+
/* A panel standing on its own — a bare list, sheet, banner or table.
|
|
48
|
+
Core owns the selector; this is what it draws with. */
|
|
49
|
+
'vw-panel-shadow': 'var(--vw-morph-raised)',
|
|
42
50
|
'border-color': '#9AA7BC',
|
|
43
51
|
'border-opacity': 0.001,
|
|
52
|
+
// The relief reaches past the shape it lifts — see core.css.
|
|
53
|
+
'vw-relief-inset': '7px',
|
|
44
54
|
'shadow-color': '#A3B1C6',
|
|
55
|
+
// The relief is one continuous sheet: a panel that paints itself is a patch on it.
|
|
56
|
+
'vw-outlined-fill': 'transparent',
|
|
45
57
|
'high-emphasis-opacity': 0.85,
|
|
46
58
|
'medium-emphasis-opacity': 0.6,
|
|
47
59
|
'hover-opacity': 0.03,
|
|
@@ -55,6 +67,14 @@ export const morph = defineTheme({
|
|
|
55
67
|
'vw-btn-tracking': '0.01em',
|
|
56
68
|
'vw-btn-weight': '700',
|
|
57
69
|
'vw-tab-slider-height': '4px',
|
|
70
|
+
// The relief does the talking; the movement only has to not contradict it.
|
|
71
|
+
'vw-motion-duration': '160ms',
|
|
72
|
+
'vw-press-scale': '0.985',
|
|
73
|
+
'vw-pop-scale': '1.15',
|
|
74
|
+
'vw-pop-duration': '220ms',
|
|
75
|
+
// The same groove the fields are, turned on its side.
|
|
76
|
+
'vw-timeline-line': 'rgb(var(--v-theme-background))',
|
|
77
|
+
'vw-timeline-line-width': '8px',
|
|
58
78
|
},
|
|
59
79
|
},
|
|
60
80
|
defaults: [
|
package/dist/themes/morph.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"morph.js","sourceRoot":"","sources":["../../src/themes/morph.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAA;AACzD,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAA;AAEpD;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,KAAK,GAAG,WAAW,CAAC;IAC/B,IAAI,EAAE,OAAO;IACb,IAAI,EAAE;QACJ,KAAK,EAAE,OAAO;QACd,WAAW,EAAE,uEAAuE;QACpF,IAAI,EAAE,KAAK;QACX,SAAS,EAAE,QAAQ;QACnB,MAAM,EAAE,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,CAAC;QACpD,KAAK,EAAE,CAAC,QAAQ,CAAC;KAClB;IACD,KAAK,EAAE;QACL,IAAI,EAAE,KAAK;QACX,MAAM,EAAE;YACN,UAAU,EAAE,SAAS;YACrB,OAAO,EAAE,SAAS;YAClB,gBAAgB,EAAE,SAAS;YAC3B,eAAe,EAAE,SAAS;YAC1B,iBAAiB,EAAE,SAAS;YAC5B,oBAAoB,EAAE,SAAS;YAC/B,OAAO,EAAE,SAAS;YAClB,kBAAkB,EAAE,SAAS;YAC7B,SAAS,EAAE,SAAS;YACpB,oBAAoB,EAAE,SAAS;YAC/B,KAAK,EAAE,SAAS;YAChB,IAAI,EAAE,SAAS;YACf,OAAO,EAAE,SAAS;YAClB,OAAO,EAAE,SAAS;YAClB,YAAY,EAAE,SAAS;YACvB,eAAe,EAAE,SAAS;
|
|
1
|
+
{"version":3,"file":"morph.js","sourceRoot":"","sources":["../../src/themes/morph.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"neon.d.ts","sourceRoot":"","sources":["../../src/themes/neon.ts"],"names":[],"mappings":"AAGA;;;;GAIG;AACH,eAAO,MAAM,IAAI,+
|
|
1
|
+
{"version":3,"file":"neon.d.ts","sourceRoot":"","sources":["../../src/themes/neon.ts"],"names":[],"mappings":"AAGA;;;;GAIG;AACH,eAAO,MAAM,IAAI,+CAgHf,CAAA"}
|
package/dist/themes/neon.js
CHANGED
|
@@ -34,12 +34,19 @@ export const neon = defineTheme({
|
|
|
34
34
|
warning: '#FFD23F',
|
|
35
35
|
'on-surface': '#D7E3F4',
|
|
36
36
|
'on-background': '#D7E3F4',
|
|
37
|
+
// Vuetify picks the label colour by luminance and settles for
|
|
38
|
+
// about 3:1, which is the bar for large text rather than for a
|
|
39
|
+
// button label. Measured on the filled buttons: error 3.5:1 → 6:1.
|
|
40
|
+
'on-error': '#000000',
|
|
37
41
|
'on-primary': '#05060A',
|
|
38
42
|
'on-secondary': '#05060A',
|
|
39
43
|
'on-success': '#05060A',
|
|
40
44
|
'on-warning': '#05060A',
|
|
41
45
|
},
|
|
42
46
|
variables: {
|
|
47
|
+
/* A panel standing on its own — a bare list, sheet, banner or table.
|
|
48
|
+
Core owns the selector; this is what it draws with. */
|
|
49
|
+
'vw-panel-border': 'var(--v-vw-border-width) solid rgba(var(--v-theme-primary), 0.35)',
|
|
43
50
|
'border-color': '#00F0FF',
|
|
44
51
|
'border-opacity': 0.28,
|
|
45
52
|
'shadow-color': '#00F0FF',
|
|
@@ -52,6 +59,8 @@ export const neon = defineTheme({
|
|
|
52
59
|
'vw-radius-lg': '0px',
|
|
53
60
|
'vw-radius-thumb': '0px',
|
|
54
61
|
'vw-radius-chip': '0px',
|
|
62
|
+
// A terminal has no round corners, not even on an icon button.
|
|
63
|
+
'vw-radius-icon-btn': '0px',
|
|
55
64
|
'vw-border-width': '1px',
|
|
56
65
|
'vw-btn-transform': 'uppercase',
|
|
57
66
|
'vw-btn-tracking': '0.12em',
|
|
@@ -61,6 +70,19 @@ export const neon = defineTheme({
|
|
|
61
70
|
'vw-list-bar': '2px',
|
|
62
71
|
'vw-list-bar-color': 'rgb(var(--v-theme-primary))',
|
|
63
72
|
'vw-tab-slider-height': '3px',
|
|
73
|
+
// A terminal repaints; it does not ease.
|
|
74
|
+
'vw-motion-duration': '110ms',
|
|
75
|
+
'vw-motion-ease': 'linear',
|
|
76
|
+
'vw-press-scale': '0.98',
|
|
77
|
+
'vw-pop-scale': '1.2',
|
|
78
|
+
'vw-pop-duration': '150ms',
|
|
79
|
+
'vw-focus-ring': '2px solid rgb(var(--v-theme-secondary))',
|
|
80
|
+
'vw-theme-transition': '180ms',
|
|
81
|
+
// A lit filament; the glow is in the stylesheet.
|
|
82
|
+
'vw-timeline-line': 'rgb(var(--v-theme-secondary))',
|
|
83
|
+
'vw-timeline-line-width': '2px',
|
|
84
|
+
'vw-radius-dot': '0px',
|
|
85
|
+
'vw-radius-avatar': '0px',
|
|
64
86
|
},
|
|
65
87
|
},
|
|
66
88
|
defaults: [
|
package/dist/themes/neon.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"neon.js","sourceRoot":"","sources":["../../src/themes/neon.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAA;AAC3E,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAA;AAEpD;;;;GAIG;AACH,MAAM,CAAC,MAAM,IAAI,GAAG,WAAW,CAAC;IAC9B,IAAI,EAAE,MAAM;IACZ,IAAI,EAAE;QACJ,KAAK,EAAE,MAAM;QACb,WAAW,EAAE,+EAA+E;QAC5F,IAAI,EAAE,IAAI;QACV,SAAS,EAAE,SAAS;QACpB,MAAM,EAAE,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,CAAC;QACpD,KAAK,EAAE,CAAC,gBAAgB,EAAE,OAAO,CAAC;KACnC;IACD,KAAK,EAAE;QACL,IAAI,EAAE,IAAI;QACV,MAAM,EAAE;YACN,UAAU,EAAE,SAAS;YACrB,OAAO,EAAE,SAAS;YAClB,gBAAgB,EAAE,SAAS;YAC3B,eAAe,EAAE,SAAS;YAC1B,iBAAiB,EAAE,SAAS;YAC5B,oBAAoB,EAAE,SAAS;YAC/B,OAAO,EAAE,SAAS;YAClB,kBAAkB,EAAE,SAAS;YAC7B,SAAS,EAAE,SAAS;YACpB,oBAAoB,EAAE,SAAS;YAC/B,KAAK,EAAE,SAAS;YAChB,IAAI,EAAE,SAAS;YACf,OAAO,EAAE,SAAS;YAClB,OAAO,EAAE,SAAS;YAClB,YAAY,EAAE,SAAS;YACvB,eAAe,EAAE,SAAS;YAC1B,YAAY,EAAE,SAAS;YACvB,cAAc,EAAE,SAAS;YACzB,YAAY,EAAE,SAAS;YACvB,YAAY,EAAE,SAAS;SACxB;QACD,SAAS,EAAE;YACT,cAAc,EAAE,SAAS;YACzB,gBAAgB,EAAE,IAAI;YACtB,cAAc,EAAE,SAAS;YACzB,uBAAuB,EAAE,IAAI;YAC7B,yBAAyB,EAAE,IAAI;YAC/B,eAAe,EAAE,IAAI;YACrB,WAAW,EAAE,gCAAgC;YAC7C,cAAc,EAAE,4DAA4D;YAC5E,WAAW,EAAE,KAAK;YAClB,cAAc,EAAE,KAAK;YACrB,iBAAiB,EAAE,KAAK;YACxB,gBAAgB,EAAE,KAAK;YACvB,iBAAiB,EAAE,KAAK;YACxB,kBAAkB,EAAE,WAAW;YAC/B,iBAAiB,EAAE,QAAQ;YAC3B,eAAe,EAAE,KAAK;YACtB,qBAAqB,EAAE,QAAQ;YAC/B,sBAAsB,EAAE,WAAW;YACnC,aAAa,EAAE,KAAK;YACpB,mBAAmB,EAAE,6BAA6B;YAClD,sBAAsB,EAAE,KAAK;
|
|
1
|
+
{"version":3,"file":"neon.js","sourceRoot":"","sources":["../../src/themes/neon.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"paper.d.ts","sourceRoot":"","sources":["../../src/themes/paper.ts"],"names":[],"mappings":"AAGA;;;;GAIG;AACH,eAAO,MAAM,KAAK,
|
|
1
|
+
{"version":3,"file":"paper.d.ts","sourceRoot":"","sources":["../../src/themes/paper.ts"],"names":[],"mappings":"AAGA;;;;GAIG;AACH,eAAO,MAAM,KAAK,gDAkGhB,CAAA"}
|
package/dist/themes/paper.js
CHANGED
|
@@ -34,8 +34,15 @@ export const paper = defineTheme({
|
|
|
34
34
|
warning: '#B07A1E',
|
|
35
35
|
'on-surface': '#14110E',
|
|
36
36
|
'on-background': '#14110E',
|
|
37
|
+
// Vuetify picks the label colour by luminance and settles for
|
|
38
|
+
// about 3:1, which is the bar for large text rather than for a
|
|
39
|
+
// button label. Measured on the filled buttons: warning 3.7:1 → 5.1:1.
|
|
40
|
+
'on-warning': '#14110E',
|
|
37
41
|
},
|
|
38
42
|
variables: {
|
|
43
|
+
/* A panel standing on its own — a bare list, sheet, banner or table.
|
|
44
|
+
Core owns the selector; this is what it draws with. */
|
|
45
|
+
'vw-panel-border': 'var(--v-vw-border-width) solid rgba(var(--v-border-color), var(--v-border-opacity))',
|
|
39
46
|
'border-color': '#14110E',
|
|
40
47
|
'border-opacity': 0.2,
|
|
41
48
|
'high-emphasis-opacity': 0.92,
|
|
@@ -53,6 +60,15 @@ export const paper = defineTheme({
|
|
|
53
60
|
'vw-btn-weight': '600',
|
|
54
61
|
'vw-heading-tracking': '-0.01em',
|
|
55
62
|
'vw-tab-slider-height': '3px',
|
|
63
|
+
// Editorial: quick and flat, nothing bounces off the page.
|
|
64
|
+
'vw-motion-duration': '140ms',
|
|
65
|
+
'vw-motion-ease': 'ease-out',
|
|
66
|
+
'vw-press-scale': '0.99',
|
|
67
|
+
'vw-pop-scale': '1.1',
|
|
68
|
+
'vw-pop-duration': '180ms',
|
|
69
|
+
// A line of ink dots, the way a printed rule breaks up.
|
|
70
|
+
'vw-timeline-line': 'repeating-linear-gradient(to bottom, rgba(var(--v-border-color), 0.55) 0 2px, transparent 2px 6px)',
|
|
71
|
+
'vw-timeline-line-width': '1px',
|
|
56
72
|
},
|
|
57
73
|
},
|
|
58
74
|
defaults: [
|
package/dist/themes/paper.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"paper.js","sourceRoot":"","sources":["../../src/themes/paper.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAA;AACnE,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAA;AAEpD;;;;GAIG;AACH,MAAM,CAAC,MAAM,KAAK,GAAG,WAAW,CAAC;IAC/B,IAAI,EAAE,OAAO;IACb,IAAI,EAAE;QACJ,KAAK,EAAE,OAAO;QACd,WAAW,EAAE,8EAA8E;QAC3F,IAAI,EAAE,KAAK;QACX,SAAS,EAAE,SAAS;QACpB,MAAM,EAAE,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,CAAC;QACpD,KAAK,EAAE,CAAC,gBAAgB,CAAC;KAC1B;IACD,KAAK,EAAE;QACL,IAAI,EAAE,KAAK;QACX,MAAM,EAAE;YACN,UAAU,EAAE,SAAS;YACrB,OAAO,EAAE,SAAS;YAClB,gBAAgB,EAAE,SAAS;YAC3B,eAAe,EAAE,SAAS;YAC1B,iBAAiB,EAAE,SAAS;YAC5B,oBAAoB,EAAE,SAAS;YAC/B,OAAO,EAAE,SAAS;YAClB,kBAAkB,EAAE,SAAS;YAC7B,SAAS,EAAE,SAAS;YACpB,oBAAoB,EAAE,SAAS;YAC/B,KAAK,EAAE,SAAS;YAChB,IAAI,EAAE,SAAS;YACf,OAAO,EAAE,SAAS;YAClB,OAAO,EAAE,SAAS;YAClB,YAAY,EAAE,SAAS;YACvB,eAAe,EAAE,SAAS;
|
|
1
|
+
{"version":3,"file":"paper.js","sourceRoot":"","sources":["../../src/themes/paper.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAA;AACnE,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAA;AAEpD;;;;GAIG;AACH,MAAM,CAAC,MAAM,KAAK,GAAG,WAAW,CAAC;IAC/B,IAAI,EAAE,OAAO;IACb,IAAI,EAAE;QACJ,KAAK,EAAE,OAAO;QACd,WAAW,EAAE,8EAA8E;QAC3F,IAAI,EAAE,KAAK;QACX,SAAS,EAAE,SAAS;QACpB,MAAM,EAAE,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,CAAC;QACpD,KAAK,EAAE,CAAC,gBAAgB,CAAC;KAC1B;IACD,KAAK,EAAE;QACL,IAAI,EAAE,KAAK;QACX,MAAM,EAAE;YACN,UAAU,EAAE,SAAS;YACrB,OAAO,EAAE,SAAS;YAClB,gBAAgB,EAAE,SAAS;YAC3B,eAAe,EAAE,SAAS;YAC1B,iBAAiB,EAAE,SAAS;YAC5B,oBAAoB,EAAE,SAAS;YAC/B,OAAO,EAAE,SAAS;YAClB,kBAAkB,EAAE,SAAS;YAC7B,SAAS,EAAE,SAAS;YACpB,oBAAoB,EAAE,SAAS;YAC/B,KAAK,EAAE,SAAS;YAChB,IAAI,EAAE,SAAS;YACf,OAAO,EAAE,SAAS;YAClB,OAAO,EAAE,SAAS;YAClB,YAAY,EAAE,SAAS;YACvB,eAAe,EAAE,SAAS;YAC1B,8DAA8D;YAC9D,+DAA+D;YAC/D,uEAAuE;YACvE,YAAY,EAAE,SAAS;SACxB;QACD,SAAS,EAAE;YACT;qEACyD;YACzD,iBAAiB,EACf,qFAAqF;YACvF,cAAc,EAAE,SAAS;YACzB,gBAAgB,EAAE,GAAG;YACrB,uBAAuB,EAAE,IAAI;YAC7B,yBAAyB,EAAE,IAAI;YAC/B,eAAe,EAAE,IAAI;YACrB,WAAW,EAAE,oEAAoE;YACjF,cAAc,EAAE,wEAAwE;YACxF,WAAW,EAAE,KAAK;YAClB,cAAc,EAAE,KAAK;YACrB,iBAAiB,EAAE,KAAK;YACxB,gBAAgB,EAAE,KAAK;YACvB,iBAAiB,EAAE,KAAK;YACxB,kBAAkB,EAAE,MAAM;YAC1B,iBAAiB,EAAE,GAAG;YACtB,eAAe,EAAE,KAAK;YACtB,qBAAqB,EAAE,SAAS;YAChC,sBAAsB,EAAE,KAAK;YAE7B,2DAA2D;YAC3D,oBAAoB,EAAE,OAAO;YAC7B,gBAAgB,EAAE,UAAU;YAC5B,gBAAgB,EAAE,MAAM;YACxB,cAAc,EAAE,KAAK;YACrB,iBAAiB,EAAE,OAAO;YAE1B,wDAAwD;YACxD,kBAAkB,EAAE,oGAAoG;YACxH,wBAAwB,EAAE,KAAK;SAChC;KACF;IACD,QAAQ,EAAE;QACR;YACE,IAAI,EAAE,EAAE,OAAO,EAAE,UAAU,EAAE;YAC7B,MAAM,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE;YACxB,iBAAiB,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE;SACnC;QACD,QAAQ,CAAC,EAAE,OAAO,EAAE,UAAU,EAAE,CAAC;QACjC,MAAM,CAAC,EAAE,OAAO,EAAE,UAAU,EAAE,CAAC;QAC/B,IAAI,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC;QACjC;YACE,kEAAkE;YAClE,iDAAiD;YACjD,OAAO,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE;YAC5B,OAAO,EAAE,EAAE,SAAS,EAAE,EAAE,EAAE,SAAS,EAAE,CAAC,EAAE;SACzC;QACD,KAAK,CAAC;YACJ,oEAAoE;YACpE,gDAAgD;YAChD,QAAQ,EAAE,kBAAkB;YAC5B,QAAQ,EAAE,gBAAgB;YAC1B,UAAU,EAAE,6BAA6B;YACzC,WAAW,EAAE,4BAA4B;YACzC,UAAU,EAAE,UAAU;YACtB,WAAW,EAAE,kBAAkB;YAC/B,OAAO,EAAE,cAAc;YACvB,QAAQ,EAAE,gBAAgB;YAC1B,KAAK,EAAE,WAAW;SACnB,CAAC;KACH;CACF,CAAC,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sketchy.d.ts","sourceRoot":"","sources":["../../src/themes/sketchy.ts"],"names":[],"mappings":"AAGA;;;;;;;;GAQG;AACH,eAAO,MAAM,OAAO,
|
|
1
|
+
{"version":3,"file":"sketchy.d.ts","sourceRoot":"","sources":["../../src/themes/sketchy.ts"],"names":[],"mappings":"AAGA;;;;;;;;GAQG;AACH,eAAO,MAAM,OAAO,kDA+FlB,CAAA"}
|
package/dist/themes/sketchy.js
CHANGED
|
@@ -38,8 +38,16 @@ export const sketchy = defineTheme({
|
|
|
38
38
|
warning: '#C98A15',
|
|
39
39
|
'on-surface': '#2B2B2B',
|
|
40
40
|
'on-background': '#2B2B2B',
|
|
41
|
+
// Vuetify picks the label colour by luminance and settles for
|
|
42
|
+
// about 3:1, which is the bar for large text rather than for a
|
|
43
|
+
// button label. Measured on the filled buttons: success 4.2:1 → 5:1, warning 2.9:1 → 4.8:1.
|
|
44
|
+
'on-success': '#000000',
|
|
45
|
+
'on-warning': '#2B2B2B',
|
|
41
46
|
},
|
|
42
47
|
variables: {
|
|
48
|
+
/* A panel standing on its own — a bare list, sheet, banner or table.
|
|
49
|
+
Core owns the selector; this is what it draws with. */
|
|
50
|
+
'vw-panel-border': 'var(--v-vw-border-width) solid rgba(var(--v-border-color), 0.7)',
|
|
43
51
|
'border-color': '#2B2B2B',
|
|
44
52
|
'border-opacity': 0.85,
|
|
45
53
|
'high-emphasis-opacity': 0.95,
|
|
@@ -59,6 +67,15 @@ export const sketchy = defineTheme({
|
|
|
59
67
|
'vw-btn-tracking': '0.02em',
|
|
60
68
|
'vw-btn-weight': '400',
|
|
61
69
|
'vw-tab-slider-height': '3px',
|
|
70
|
+
// Drawn frame by frame, like the rest of it.
|
|
71
|
+
'vw-motion-duration': '120ms',
|
|
72
|
+
'vw-motion-ease': 'steps(2, end)',
|
|
73
|
+
'vw-press-scale': '0.97',
|
|
74
|
+
'vw-pop-scale': '1.25',
|
|
75
|
+
'vw-pop-duration': '200ms',
|
|
76
|
+
// Dashes of uneven length, as if drawn in one pass.
|
|
77
|
+
'vw-timeline-line': 'repeating-linear-gradient(to bottom, rgba(var(--v-border-color), 0.7) 0 7px, transparent 7px 11px, rgba(var(--v-border-color), 0.7) 11px 15px, transparent 15px 23px)',
|
|
78
|
+
'vw-timeline-line-width': '2px',
|
|
62
79
|
},
|
|
63
80
|
},
|
|
64
81
|
defaults: [
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sketchy.js","sourceRoot":"","sources":["../../src/themes/sketchy.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAA;AACnE,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAA;AAEpD;;;;;;;;GAQG;AACH,MAAM,CAAC,MAAM,OAAO,GAAG,WAAW,CAAC;IACjC,IAAI,EAAE,SAAS;IACf,IAAI,EAAE;QACJ,KAAK,EAAE,SAAS;QAChB,WAAW,EAAE,yEAAyE;QACtF,IAAI,EAAE,KAAK;QACX,SAAS,EAAE,SAAS;QACpB,MAAM,EAAE,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,CAAC;QACpD,KAAK,EAAE,CAAC,QAAQ,EAAE,cAAc,CAAC;KAClC;IACD,KAAK,EAAE;QACL,IAAI,EAAE,KAAK;QACX,MAAM,EAAE;YACN,UAAU,EAAE,SAAS;YACrB,OAAO,EAAE,SAAS;YAClB,gBAAgB,EAAE,SAAS;YAC3B,eAAe,EAAE,SAAS;YAC1B,iBAAiB,EAAE,SAAS;YAC5B,oBAAoB,EAAE,SAAS;YAC/B,OAAO,EAAE,SAAS;YAClB,kBAAkB,EAAE,SAAS;YAC7B,SAAS,EAAE,SAAS;YACpB,oBAAoB,EAAE,SAAS;YAC/B,KAAK,EAAE,SAAS;YAChB,IAAI,EAAE,SAAS;YACf,OAAO,EAAE,SAAS;YAClB,OAAO,EAAE,SAAS;YAClB,YAAY,EAAE,SAAS;YACvB,eAAe,EAAE,SAAS;
|
|
1
|
+
{"version":3,"file":"sketchy.js","sourceRoot":"","sources":["../../src/themes/sketchy.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"slate.d.ts","sourceRoot":"","sources":["../../src/themes/slate.ts"],"names":[],"mappings":"AAGA;;;;GAIG;AACH,eAAO,MAAM,KAAK,
|
|
1
|
+
{"version":3,"file":"slate.d.ts","sourceRoot":"","sources":["../../src/themes/slate.ts"],"names":[],"mappings":"AAGA;;;;GAIG;AACH,eAAO,MAAM,KAAK,gDAwGhB,CAAA"}
|