vuetiwatch 0.1.1 → 0.2.1
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 +266 -17
- package/dist/index.d.ts +6 -6
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +3 -3
- 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 +120 -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 +98 -5
- package/dist/styles/aurora.min.css +1 -1
- package/dist/styles/brutalist.css +6 -1
- package/dist/styles/brutalist.min.css +1 -1
- package/dist/styles/calm.css +1 -5
- package/dist/styles/calm.min.css +1 -1
- package/dist/styles/candy.css +68 -0
- package/dist/styles/candy.min.css +1 -0
- package/dist/styles/clay.css +10 -1
- package/dist/styles/clay.min.css +1 -1
- package/dist/styles/core.css +273 -41
- package/dist/styles/core.min.css +1 -1
- package/dist/styles/darkGlass.css +1 -1
- package/dist/styles/darkGlass.min.css +1 -1
- package/dist/styles/graphite.css +29 -0
- package/dist/styles/graphite.min.css +1 -0
- package/dist/styles/liquidGlass.css +10 -1
- package/dist/styles/liquidGlass.min.css +1 -1
- package/dist/styles/lux.css +1 -1
- package/dist/styles/lux.min.css +1 -1
- package/dist/styles/morph.css +8 -0
- package/dist/styles/morph.min.css +1 -1
- package/dist/styles/neon.css +9 -1
- 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/slate.css +1 -1
- package/dist/styles/slate.min.css +1 -1
- package/dist/styles/soft.css +4 -14
- package/dist/styles/soft.min.css +1 -1
- package/dist/styles.css +621 -68
- package/dist/styles.min.css +1 -1
- package/dist/themes/atlas.d.ts +73 -0
- package/dist/themes/atlas.d.ts.map +1 -0
- package/dist/themes/atlas.js +277 -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 +69 -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 +65 -0
- package/dist/themes/atlasSepia.js.map +1 -0
- package/dist/themes/aurora.d.ts.map +1 -1
- package/dist/themes/aurora.js +47 -3
- package/dist/themes/aurora.js.map +1 -1
- package/dist/themes/brutalist.d.ts.map +1 -1
- package/dist/themes/brutalist.js +85 -1
- package/dist/themes/brutalist.js.map +1 -1
- package/dist/themes/calm.d.ts.map +1 -1
- package/dist/themes/calm.js +44 -3
- 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 +164 -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 +34 -3
- package/dist/themes/clay.js.map +1 -1
- package/dist/themes/darkGlass.d.ts.map +1 -1
- package/dist/themes/darkGlass.js +34 -1
- 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 +182 -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 +64 -4
- package/dist/themes/liquidGlass.js.map +1 -1
- package/dist/themes/lux.d.ts.map +1 -1
- package/dist/themes/lux.js +65 -4
- package/dist/themes/lux.js.map +1 -1
- package/dist/themes/morph.d.ts.map +1 -1
- package/dist/themes/morph.js +42 -6
- package/dist/themes/morph.js.map +1 -1
- package/dist/themes/neon.d.ts.map +1 -1
- package/dist/themes/neon.js +57 -1
- package/dist/themes/neon.js.map +1 -1
- package/dist/themes/paper.d.ts.map +1 -1
- package/dist/themes/paper.js +54 -1
- package/dist/themes/paper.js.map +1 -1
- package/dist/themes/sketchy.d.ts.map +1 -1
- package/dist/themes/sketchy.js +44 -1
- package/dist/themes/sketchy.js.map +1 -1
- package/dist/themes/slate.d.ts.map +1 -1
- package/dist/themes/slate.js +60 -3
- package/dist/themes/slate.js.map +1 -1
- package/dist/themes/soft.d.ts.map +1 -1
- package/dist/themes/soft.js +62 -3
- 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 +35 -0
- package/dist/util/defaults.d.ts.map +1 -1
- package/dist/util/defaults.js +62 -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 +3 -2
- package/src/index.ts +10 -4
- package/src/plugin.ts +231 -21
- package/src/registry.ts +10 -0
- package/src/styles/core.css +674 -41
- 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 +152 -7
- package/src/styles/themes/brutalist.css +6 -3
- package/src/styles/themes/calm.css +1 -13
- package/src/styles/themes/candy.css +118 -0
- package/src/styles/themes/clay.css +12 -0
- package/src/styles/themes/darkGlass.css +1 -0
- package/src/styles/themes/graphite.css +63 -0
- package/src/styles/themes/liquidGlass.css +41 -2
- package/src/styles/themes/lux.css +1 -4
- package/src/styles/themes/morph.css +9 -0
- package/src/styles/themes/neon.css +9 -3
- package/src/styles/themes/paper.css +0 -2
- package/src/styles/themes/sketchy.css +9 -0
- package/src/styles/themes/slate.css +1 -4
- package/src/styles/themes/soft.css +11 -12
- package/src/themes/atlas.ts +286 -0
- package/src/themes/atlasDark.ts +69 -0
- package/src/themes/atlasSepia.ts +65 -0
- package/src/themes/aurora.ts +51 -3
- package/src/themes/brutalist.ts +90 -1
- package/src/themes/calm.ts +48 -3
- package/src/themes/candy.ts +167 -0
- package/src/themes/classic.ts +3 -0
- package/src/themes/clay.ts +37 -3
- package/src/themes/darkGlass.ts +38 -1
- package/src/themes/graphite.ts +187 -0
- package/src/themes/index.ts +5 -0
- package/src/themes/liquidGlass.ts +68 -4
- package/src/themes/lux.ts +70 -4
- package/src/themes/morph.ts +45 -6
- package/src/themes/neon.ts +62 -1
- package/src/themes/paper.ts +59 -1
- package/src/themes/sketchy.ts +49 -1
- package/src/themes/slate.ts +64 -3
- package/src/themes/soft.ts +66 -3
- package/src/types.ts +41 -0
- package/src/util/defaults.ts +96 -1
- package/src/util/defineTheme.ts +11 -5
package/dist/styles/aurora.css
CHANGED
|
@@ -1,14 +1,24 @@
|
|
|
1
1
|
.v-theme--aurora.v-application {
|
|
2
|
-
background-image: radial-gradient(60rem 40rem at 15% -10%, #7c5cff29, #0000 60%), radial-gradient(50rem 35rem at 95% 5%, #00d4ff1f, #0000 60%);
|
|
2
|
+
background-image: radial-gradient(60rem 40rem at 15% -10%, #7c5cff29, #0000 60%), radial-gradient(50rem 35rem at 95% 5%, #00d4ff1f, #0000 60%), radial-gradient(45rem 30rem at 50% 105%, #ff5caa1a, #0000 60%);
|
|
3
3
|
background-attachment: fixed;
|
|
4
4
|
}
|
|
5
5
|
|
|
6
|
+
.v-theme--aurora.v-application:before {
|
|
7
|
+
content: "";
|
|
8
|
+
z-index: 0;
|
|
9
|
+
pointer-events: none;
|
|
10
|
+
background-image: radial-gradient(35rem 28rem at 25% 25%, #7c5cff24, #0000 60%), radial-gradient(30rem 24rem at 75% 40%, #00d4ff1a, #0000 60%), radial-gradient(28rem 22rem at 55% 85%, #ff5caa17, #0000 60%);
|
|
11
|
+
animation: 34s ease-in-out infinite alternate vw-aurora-drift;
|
|
12
|
+
position: fixed;
|
|
13
|
+
inset: -20%;
|
|
14
|
+
}
|
|
15
|
+
|
|
6
16
|
.v-theme--aurora .v-card.v-card--variant-elevated {
|
|
7
17
|
background-image: radial-gradient(36rem 18rem at 0 0, #7c5cff24, #0000 70%);
|
|
8
18
|
box-shadow: 0 12px 40px #0000008c;
|
|
9
19
|
}
|
|
10
20
|
|
|
11
|
-
.v-theme--aurora :is(.v-card, .v-alert):after {
|
|
21
|
+
.v-theme--aurora :is(.v-card, .v-alert, :is(.v-list, .v-sheet, .v-banner):not(:is(.v-card, .v-overlay__content, .v-navigation-drawer, .v-expansion-panels, .v-list) *)):after {
|
|
12
22
|
content: "";
|
|
13
23
|
border-radius: inherit;
|
|
14
24
|
padding: var(--v-vw-border-width);
|
|
@@ -36,7 +46,7 @@
|
|
|
36
46
|
}
|
|
37
47
|
|
|
38
48
|
.v-theme--aurora .v-btn.v-btn--variant-flat.bg-primary {
|
|
39
|
-
background-image: var(--v-vw-gradient);
|
|
49
|
+
background-image: var(--v-vw-gradient-btn, var(--v-vw-gradient));
|
|
40
50
|
box-shadow: 0 6px 24px #7c5cff73;
|
|
41
51
|
}
|
|
42
52
|
|
|
@@ -62,13 +72,96 @@
|
|
|
62
72
|
box-shadow: 0 0 14px #7c5cff80;
|
|
63
73
|
}
|
|
64
74
|
|
|
65
|
-
.v-theme--aurora :is(.v-menu, .v-dialog) > .v-overlay__content {
|
|
75
|
+
.v-theme--aurora:is(.v-menu, .v-dialog) > .v-overlay__content, .v-theme--aurora :is(.v-menu, .v-dialog) > .v-overlay__content {
|
|
66
76
|
box-shadow: 0 0 0 1px #9b8cff29, 0 24px 64px #000000b3;
|
|
67
77
|
}
|
|
68
78
|
|
|
69
|
-
.v-theme--aurora
|
|
79
|
+
.v-theme--aurora :is(.v-progress-linear__determinate, .v-progress-linear__indeterminate) {
|
|
80
|
+
background-image: var(--v-vw-gradient);
|
|
81
|
+
}
|
|
82
|
+
|
|
83
|
+
.v-theme--aurora :is(.v-alert__underlay, .v-chip__underlay) {
|
|
84
|
+
background-image: var(--v-vw-gradient);
|
|
85
|
+
opacity: .2;
|
|
86
|
+
}
|
|
87
|
+
|
|
88
|
+
.v-theme--aurora :is(.v-app-bar, .v-toolbar, .v-navigation-drawer) {
|
|
89
|
+
background-image: linear-gradient(100deg, #7c5cff29, #00d4ff0f 55%, #0000);
|
|
90
|
+
}
|
|
91
|
+
|
|
92
|
+
.v-theme--aurora .v-divider:not(.v-divider--vertical) {
|
|
93
|
+
opacity: 1;
|
|
94
|
+
border-image: linear-gradient(90deg, #0000, #9b8cff73 25%, #00d4ff59 75%, #0000) 1;
|
|
95
|
+
}
|
|
96
|
+
|
|
97
|
+
.v-theme--aurora :is(.v-table thead th, .v-data-table__th) {
|
|
98
|
+
border-bottom: 1px solid #0000;
|
|
99
|
+
border-image: var(--v-vw-gradient) 1;
|
|
100
|
+
}
|
|
101
|
+
|
|
102
|
+
.v-theme--aurora .v-list-item.v-list-item--active {
|
|
103
|
+
background-image: linear-gradient(90deg, #7c5cff38, #0000 45%);
|
|
104
|
+
}
|
|
105
|
+
|
|
106
|
+
.v-theme--aurora .v-badge__badge {
|
|
107
|
+
background-image: var(--v-vw-gradient-btn, var(--v-vw-gradient));
|
|
108
|
+
}
|
|
109
|
+
|
|
110
|
+
.v-theme--aurora .v-field.v-field--variant-solo-filled.v-field--focused:after {
|
|
111
|
+
content: "";
|
|
112
|
+
border-radius: inherit;
|
|
113
|
+
padding: var(--v-vw-border-width);
|
|
114
|
+
background: var(--v-vw-gradient);
|
|
115
|
+
opacity: .7;
|
|
116
|
+
pointer-events: none;
|
|
117
|
+
position: absolute;
|
|
118
|
+
inset: 0;
|
|
119
|
+
-webkit-mask-image: linear-gradient(#000 0 0), linear-gradient(#000 0 0);
|
|
120
|
+
mask-image: linear-gradient(#000 0 0), linear-gradient(#000 0 0);
|
|
121
|
+
-webkit-mask-position: 0 0, 0 0;
|
|
122
|
+
mask-position: 0 0, 0 0;
|
|
123
|
+
-webkit-mask-size: auto, auto;
|
|
124
|
+
mask-size: auto, auto;
|
|
125
|
+
-webkit-mask-repeat: repeat, repeat;
|
|
126
|
+
mask-repeat: repeat, repeat;
|
|
127
|
+
-webkit-mask-clip: content-box, border-box;
|
|
128
|
+
mask-clip: content-box, border-box;
|
|
129
|
+
-webkit-mask-origin: content-box, border-box;
|
|
130
|
+
mask-origin: content-box, border-box;
|
|
131
|
+
-webkit-mask-composite: xor;
|
|
132
|
+
mask-composite: exclude;
|
|
133
|
+
-webkit-mask-source-type: auto, auto;
|
|
134
|
+
mask-mode: match-source, match-source;
|
|
135
|
+
}
|
|
136
|
+
|
|
137
|
+
.v-theme--aurora :is([class*="-display-"], [class*="-headline-large"]) {
|
|
70
138
|
background: var(--v-vw-gradient);
|
|
71
139
|
color: #0000;
|
|
72
140
|
-webkit-background-clip: text;
|
|
73
141
|
background-clip: text;
|
|
74
142
|
}
|
|
143
|
+
|
|
144
|
+
.v-theme--aurora .v-timeline-divider__dot {
|
|
145
|
+
background-image: var(--v-vw-gradient);
|
|
146
|
+
box-shadow: 0 0 16px #7c5cff8c;
|
|
147
|
+
}
|
|
148
|
+
|
|
149
|
+
.v-theme--aurora .v-timeline-divider__inner-dot:not([class*="bg-"]) {
|
|
150
|
+
background-color: #0000 !important;
|
|
151
|
+
}
|
|
152
|
+
|
|
153
|
+
@keyframes vw-aurora-drift {
|
|
154
|
+
from {
|
|
155
|
+
transform: translate3d(-3%, -2%, 0) scale(1.06);
|
|
156
|
+
}
|
|
157
|
+
|
|
158
|
+
to {
|
|
159
|
+
transform: translate3d(3%, 2%, 0) scale(1.14);
|
|
160
|
+
}
|
|
161
|
+
}
|
|
162
|
+
|
|
163
|
+
@media (prefers-reduced-motion: reduce) {
|
|
164
|
+
.v-theme--aurora.v-application:before {
|
|
165
|
+
animation: none;
|
|
166
|
+
}
|
|
167
|
+
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.v-theme--aurora.v-application{background-image:radial-gradient(60rem 40rem at 15% -10%,#7c5cff29,#0000 60%),radial-gradient(50rem 35rem at 95% 5%,#00d4ff1f,#0000 60%);background-attachment:fixed}.v-theme--aurora .v-card.v-card--variant-elevated{background-image:radial-gradient(36rem 18rem at 0 0,#7c5cff24,#0000 70%);box-shadow:0 12px 40px #0000008c}.v-theme--aurora :is(.v-card,.v-alert):after{content:"";border-radius:inherit;padding:var(--v-vw-border-width);background:var(--v-vw-gradient);opacity:.45;pointer-events:none;-webkit-mask-composite:xor;-webkit-mask-source-type:auto,auto;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.v-theme--aurora .v-btn.v-btn--variant-flat.bg-primary{background-image:var(--v-vw-gradient);box-shadow:0 6px 24px #7c5cff73}.v-theme--aurora .v-btn.v-btn--variant-flat.bg-primary .v-btn__overlay{opacity:0}.v-theme--aurora .v-tab__slider{background:var(--v-vw-gradient);box-shadow:0 0 16px #7c5cffcc}.v-theme--aurora .v-slider-track__fill{background:var(--v-vw-gradient)}.v-theme--aurora .v-slider-thumb__surface{box-shadow:0 0 0 6px #7c5cff2e,0 0 16px #7c5cff99}.v-theme--aurora .v-selection-control--dirty .v-switch__track{background-image:var(--v-vw-gradient);box-shadow:0 0 14px #7c5cff80}.v-theme--aurora :is(.v-menu,.v-dialog)>.v-overlay__content{box-shadow:0 0 0 1px #9b8cff29,0 24px 64px #000000b3}.v-theme--aurora [class*=-display-]{background:var(--v-vw-gradient);color:#0000;-webkit-background-clip:text;background-clip:text}
|
|
1
|
+
.v-theme--aurora.v-application{background-image:radial-gradient(60rem 40rem at 15% -10%,#7c5cff29,#0000 60%),radial-gradient(50rem 35rem at 95% 5%,#00d4ff1f,#0000 60%),radial-gradient(45rem 30rem at 50% 105%,#ff5caa1a,#0000 60%);background-attachment:fixed}.v-theme--aurora.v-application:before{content:"";z-index:0;pointer-events:none;background-image:radial-gradient(35rem 28rem at 25% 25%,#7c5cff24,#0000 60%),radial-gradient(30rem 24rem at 75% 40%,#00d4ff1a,#0000 60%),radial-gradient(28rem 22rem at 55% 85%,#ff5caa17,#0000 60%);animation:34s ease-in-out infinite alternate vw-aurora-drift;position:fixed;inset:-20%}.v-theme--aurora .v-card.v-card--variant-elevated{background-image:radial-gradient(36rem 18rem at 0 0,#7c5cff24,#0000 70%);box-shadow:0 12px 40px #0000008c}.v-theme--aurora :is(.v-card,.v-alert,:is(.v-list,.v-sheet,.v-banner):not(:is(.v-card,.v-overlay__content,.v-navigation-drawer,.v-expansion-panels,.v-list) *)):after{content:"";border-radius:inherit;padding:var(--v-vw-border-width);background:var(--v-vw-gradient);opacity:.45;pointer-events:none;-webkit-mask-composite:xor;-webkit-mask-source-type:auto,auto;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.v-theme--aurora .v-btn.v-btn--variant-flat.bg-primary{background-image:var(--v-vw-gradient-btn,var(--v-vw-gradient));box-shadow:0 6px 24px #7c5cff73}.v-theme--aurora .v-btn.v-btn--variant-flat.bg-primary .v-btn__overlay{opacity:0}.v-theme--aurora .v-tab__slider{background:var(--v-vw-gradient);box-shadow:0 0 16px #7c5cffcc}.v-theme--aurora .v-slider-track__fill{background:var(--v-vw-gradient)}.v-theme--aurora .v-slider-thumb__surface{box-shadow:0 0 0 6px #7c5cff2e,0 0 16px #7c5cff99}.v-theme--aurora .v-selection-control--dirty .v-switch__track{background-image:var(--v-vw-gradient);box-shadow:0 0 14px #7c5cff80}.v-theme--aurora:is(.v-menu,.v-dialog)>.v-overlay__content,.v-theme--aurora :is(.v-menu,.v-dialog)>.v-overlay__content{box-shadow:0 0 0 1px #9b8cff29,0 24px 64px #000000b3}.v-theme--aurora :is(.v-progress-linear__determinate,.v-progress-linear__indeterminate){background-image:var(--v-vw-gradient)}.v-theme--aurora :is(.v-alert__underlay,.v-chip__underlay){background-image:var(--v-vw-gradient);opacity:.2}.v-theme--aurora :is(.v-app-bar,.v-toolbar,.v-navigation-drawer){background-image:linear-gradient(100deg,#7c5cff29,#00d4ff0f 55%,#0000)}.v-theme--aurora .v-divider:not(.v-divider--vertical){opacity:1;border-image:linear-gradient(90deg,#0000,#9b8cff73 25%,#00d4ff59 75%,#0000) 1}.v-theme--aurora :is(.v-table thead th,.v-data-table__th){border-bottom:1px solid #0000;border-image:var(--v-vw-gradient) 1}.v-theme--aurora .v-list-item.v-list-item--active{background-image:linear-gradient(90deg,#7c5cff38,#0000 45%)}.v-theme--aurora .v-badge__badge{background-image:var(--v-vw-gradient-btn,var(--v-vw-gradient))}.v-theme--aurora .v-field.v-field--variant-solo-filled.v-field--focused:after{content:"";border-radius:inherit;padding:var(--v-vw-border-width);background:var(--v-vw-gradient);opacity:.7;pointer-events:none;-webkit-mask-composite:xor;-webkit-mask-source-type:auto,auto;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.v-theme--aurora :is([class*=-display-],[class*=-headline-large]){background:var(--v-vw-gradient);color:#0000;-webkit-background-clip:text;background-clip:text}.v-theme--aurora .v-timeline-divider__dot{background-image:var(--v-vw-gradient);box-shadow:0 0 16px #7c5cff8c}.v-theme--aurora .v-timeline-divider__inner-dot:not([class*=bg-]){background-color:#0000!important}@keyframes vw-aurora-drift{0%{transform:translate(-3%,-2%)scale(1.06)}to{transform:translate(3%,2%)scale(1.14)}}@media (prefers-reduced-motion:reduce){.v-theme--aurora.v-application:before{animation:none}}
|
|
@@ -21,7 +21,7 @@
|
|
|
21
21
|
transform: translate(-1px, -1px);
|
|
22
22
|
}
|
|
23
23
|
|
|
24
|
-
.v-theme--brutalist :is(.v-menu, .v-dialog) > .v-overlay__content {
|
|
24
|
+
.v-theme--brutalist:is(.v-menu, .v-dialog) > .v-overlay__content, .v-theme--brutalist :is(.v-menu, .v-dialog) > .v-overlay__content {
|
|
25
25
|
border: var(--v-vw-border-width) solid rgb(var(--v-shadow-color));
|
|
26
26
|
box-shadow: 8px 8px 0 rgb(var(--v-shadow-color));
|
|
27
27
|
}
|
|
@@ -37,6 +37,11 @@
|
|
|
37
37
|
border: var(--v-vw-border-width) solid rgb(var(--v-shadow-color));
|
|
38
38
|
}
|
|
39
39
|
|
|
40
|
+
.v-theme--brutalist .v-timeline-divider__dot {
|
|
41
|
+
border: var(--v-vw-border-width) solid rgb(var(--v-shadow-color));
|
|
42
|
+
box-shadow: var(--vw-brut-offset) var(--vw-brut-offset) 0 rgb(var(--v-shadow-color));
|
|
43
|
+
}
|
|
44
|
+
|
|
40
45
|
@media (prefers-reduced-motion: reduce) {
|
|
41
46
|
.v-theme--brutalist .v-btn {
|
|
42
47
|
transition: none;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.v-theme--brutalist{--vw-brut-offset:4px}.v-theme--brutalist :is(.v-card,.v-btn,.v-alert,.v-chip,.v-table,.v-btn-group,.v-expansion-panels):not(.v-btn--variant-text,.v-btn--variant-plain,.v-card--variant-text,.v-card--variant-plain){box-shadow:var(--vw-brut-offset) var(--vw-brut-offset) 0 rgb(var(--v-shadow-color))}.v-theme--brutalist :is(.v-btn,.v-chip,.v-btn-group):not(.v-btn--variant-text,.v-btn--variant-plain):not(.v-btn--disabled,.v-btn-group *){border:var(--v-vw-border-width) solid rgb(var(--v-shadow-color));transition:transform 80ms steps(2,end),box-shadow 80ms steps(2,end)}.v-theme--brutalist .v-btn:active:not(.v-btn--disabled){transform:translate(var(--vw-brut-offset), var(--vw-brut-offset));box-shadow:0 0 0 rgb(var(--v-shadow-color))}.v-theme--brutalist .v-btn:not(.v-btn--variant-text,.v-btn--variant-plain):hover:not(.v-btn--disabled,.v-btn-group *){box-shadow:5px 5px 0 rgb(var(--v-shadow-color));transform:translate(-1px,-1px)}.v-theme--brutalist :is(.v-menu,.v-dialog)>.v-overlay__content{border:var(--v-vw-border-width) solid rgb(var(--v-shadow-color));box-shadow:8px 8px 0 rgb(var(--v-shadow-color))}.v-theme--brutalist :is(.v-table thead th,.v-data-table__th){background-color:rgb(var(--v-theme-secondary));border-bottom:var(--v-vw-border-width) solid rgb(var(--v-shadow-color));text-transform:uppercase;font-weight:700}.v-theme--brutalist .v-expansion-panels{border:var(--v-vw-border-width) solid rgb(var(--v-shadow-color))}@media (prefers-reduced-motion:reduce){.v-theme--brutalist .v-btn{transition:none}.v-theme--brutalist .v-btn:hover:not(.v-btn--disabled){transform:none}}
|
|
1
|
+
.v-theme--brutalist{--vw-brut-offset:4px}.v-theme--brutalist :is(.v-card,.v-btn,.v-alert,.v-chip,.v-table,.v-btn-group,.v-expansion-panels):not(.v-btn--variant-text,.v-btn--variant-plain,.v-card--variant-text,.v-card--variant-plain){box-shadow:var(--vw-brut-offset) var(--vw-brut-offset) 0 rgb(var(--v-shadow-color))}.v-theme--brutalist :is(.v-btn,.v-chip,.v-btn-group):not(.v-btn--variant-text,.v-btn--variant-plain):not(.v-btn--disabled,.v-btn-group *){border:var(--v-vw-border-width) solid rgb(var(--v-shadow-color));transition:transform 80ms steps(2,end),box-shadow 80ms steps(2,end)}.v-theme--brutalist .v-btn:active:not(.v-btn--disabled){transform:translate(var(--vw-brut-offset), var(--vw-brut-offset));box-shadow:0 0 0 rgb(var(--v-shadow-color))}.v-theme--brutalist .v-btn:not(.v-btn--variant-text,.v-btn--variant-plain):hover:not(.v-btn--disabled,.v-btn-group *){box-shadow:5px 5px 0 rgb(var(--v-shadow-color));transform:translate(-1px,-1px)}.v-theme--brutalist:is(.v-menu,.v-dialog)>.v-overlay__content,.v-theme--brutalist :is(.v-menu,.v-dialog)>.v-overlay__content{border:var(--v-vw-border-width) solid rgb(var(--v-shadow-color));box-shadow:8px 8px 0 rgb(var(--v-shadow-color))}.v-theme--brutalist :is(.v-table thead th,.v-data-table__th){background-color:rgb(var(--v-theme-secondary));border-bottom:var(--v-vw-border-width) solid rgb(var(--v-shadow-color));text-transform:uppercase;font-weight:700}.v-theme--brutalist .v-expansion-panels{border:var(--v-vw-border-width) solid rgb(var(--v-shadow-color))}.v-theme--brutalist .v-timeline-divider__dot{border:var(--v-vw-border-width) solid rgb(var(--v-shadow-color));box-shadow:var(--vw-brut-offset) var(--vw-brut-offset) 0 rgb(var(--v-shadow-color))}@media (prefers-reduced-motion:reduce){.v-theme--brutalist .v-btn{transition:none}.v-theme--brutalist .v-btn:hover:not(.v-btn--disabled){transform:none}}
|
package/dist/styles/calm.css
CHANGED
|
@@ -2,11 +2,7 @@
|
|
|
2
2
|
box-shadow: none;
|
|
3
3
|
}
|
|
4
4
|
|
|
5
|
-
.v-theme--calm .v-
|
|
6
|
-
background-color: rgb(var(--v-theme-surface));
|
|
7
|
-
}
|
|
8
|
-
|
|
9
|
-
.v-theme--calm :is(.v-menu, .v-dialog) > .v-overlay__content {
|
|
5
|
+
.v-theme--calm:is(.v-menu, .v-dialog) > .v-overlay__content, .v-theme--calm :is(.v-menu, .v-dialog) > .v-overlay__content {
|
|
10
6
|
border: var(--v-vw-border-width) solid rgba(var(--v-border-color), .09);
|
|
11
7
|
box-shadow: 0 16px 48px #3a3a360f;
|
|
12
8
|
}
|
package/dist/styles/calm.min.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.v-theme--calm :is(.v-card,.v-sheet,.v-table,.v-list,.v-expansion-panels){box-shadow:none}.v-theme--calm
|
|
1
|
+
.v-theme--calm :is(.v-card,.v-sheet,.v-table,.v-list,.v-expansion-panels){box-shadow:none}.v-theme--calm:is(.v-menu,.v-dialog)>.v-overlay__content,.v-theme--calm :is(.v-menu,.v-dialog)>.v-overlay__content{border:var(--v-vw-border-width) solid rgba(var(--v-border-color), .09);box-shadow:0 16px 48px #3a3a360f}.v-theme--calm :is(.v-table thead th,.v-data-table__th){border-bottom:var(--v-vw-border-width) solid rgba(var(--v-border-color), .09);font-weight:500}.v-theme--calm .v-card-text{line-height:1.7}
|
|
@@ -0,0 +1,68 @@
|
|
|
1
|
+
.v-theme--candy {
|
|
2
|
+
--vw-candy-pad: inset 0 2px 0 #ffffff8c,
|
|
3
|
+
inset 0 -3px 0 rgba(var(--v-theme-on-surface), .08);
|
|
4
|
+
--vw-candy-rest: 0 3px 6px rgba(var(--v-shadow-color), .16),
|
|
5
|
+
0 10px 22px rgba(var(--v-shadow-color), .13);
|
|
6
|
+
--vw-candy-squash: 0 1px 3px rgba(var(--v-shadow-color), .2),
|
|
7
|
+
0 3px 9px rgba(var(--v-shadow-color), .12);
|
|
8
|
+
--v-vw-relief-inset: 4px;
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
.v-theme--candy .v-btn.v-btn:is(.v-btn--variant-flat, .v-btn--variant-elevated):not(.v-btn--disabled) {
|
|
12
|
+
box-shadow: var(--vw-candy-pad), var(--vw-candy-rest);
|
|
13
|
+
transition: box-shadow var(--v-vw-motion-duration) var(--v-vw-motion-ease);
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
.v-theme--candy .v-btn.v-btn:is(.v-btn--variant-flat, .v-btn--variant-elevated):not(.v-btn--disabled):active {
|
|
17
|
+
box-shadow: var(--vw-candy-pad), var(--vw-candy-squash);
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
.v-theme--candy .v-chip.v-chip:not(.v-chip--variant-text, .v-chip--variant-plain) {
|
|
21
|
+
box-shadow: inset 0 1px 0 #ffffff80,
|
|
22
|
+
0 2px 5px rgba(var(--v-shadow-color), .14);
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
.v-theme--candy :is(.v-card.v-card--variant-elevated, .v-alert.v-alert--variant-tonal) {
|
|
26
|
+
box-shadow: inset 0 2px 0 #fff9,
|
|
27
|
+
0 6px 16px rgba(var(--v-shadow-color), .12),
|
|
28
|
+
0 20px 44px rgba(var(--v-shadow-color), .1);
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
.v-theme--candy .v-card.v-card--variant-elevated {
|
|
32
|
+
transition: box-shadow var(--v-vw-motion-duration) var(--v-vw-motion-ease);
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
.v-theme--candy .v-card.v-card--variant-elevated.v-card--link:hover {
|
|
36
|
+
box-shadow: inset 0 2px 0 #fff9,
|
|
37
|
+
0 10px 22px rgba(var(--v-shadow-color), .14),
|
|
38
|
+
0 28px 60px rgba(var(--v-shadow-color), .12);
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
.v-theme--candy .v-field.v-field--variant-solo-filled {
|
|
42
|
+
background-color: rgb(var(--v-theme-surface-light));
|
|
43
|
+
box-shadow: inset 0 2px 5px rgba(var(--v-shadow-color), .16);
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
.v-theme--candy :is(.v-switch__track, .v-slider-track__background) {
|
|
47
|
+
box-shadow: inset 0 2px 4px rgba(var(--v-shadow-color), .22);
|
|
48
|
+
}
|
|
49
|
+
|
|
50
|
+
.v-theme--candy :is(.v-switch__thumb, .v-slider-thumb__surface) {
|
|
51
|
+
box-shadow: inset 0 2px 0 #ffffffa6,
|
|
52
|
+
0 2px 5px rgba(var(--v-shadow-color), .32),
|
|
53
|
+
0 0 0 5px rgba(var(--v-theme-primary), .14);
|
|
54
|
+
}
|
|
55
|
+
|
|
56
|
+
.v-theme--candy .v-tabs--inset .v-tab__slider {
|
|
57
|
+
box-shadow: inset 0 1px 0 #ffffff80,
|
|
58
|
+
0 4px 12px rgba(var(--v-theme-primary), .24);
|
|
59
|
+
}
|
|
60
|
+
|
|
61
|
+
.v-theme--candy :is(.v-timeline-divider__before, .v-timeline-divider__after) {
|
|
62
|
+
border-radius: 999px;
|
|
63
|
+
}
|
|
64
|
+
|
|
65
|
+
.v-theme--candy .v-timeline-divider__dot {
|
|
66
|
+
box-shadow: inset 0 2px 0 #fff9,
|
|
67
|
+
0 3px 8px rgba(var(--v-shadow-color), .22);
|
|
68
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.v-theme--candy{--vw-candy-pad:inset 0 2px 0 #ffffff8c, inset 0 -3px 0 rgba(var(--v-theme-on-surface), .08);--vw-candy-rest:0 3px 6px rgba(var(--v-shadow-color), .16), 0 10px 22px rgba(var(--v-shadow-color), .13);--vw-candy-squash:0 1px 3px rgba(var(--v-shadow-color), .2), 0 3px 9px rgba(var(--v-shadow-color), .12);--v-vw-relief-inset:4px}.v-theme--candy .v-btn.v-btn:is(.v-btn--variant-flat,.v-btn--variant-elevated):not(.v-btn--disabled){box-shadow:var(--vw-candy-pad), var(--vw-candy-rest);transition:box-shadow var(--v-vw-motion-duration) var(--v-vw-motion-ease)}.v-theme--candy .v-btn.v-btn:is(.v-btn--variant-flat,.v-btn--variant-elevated):not(.v-btn--disabled):active{box-shadow:var(--vw-candy-pad), var(--vw-candy-squash)}.v-theme--candy .v-chip.v-chip:not(.v-chip--variant-text,.v-chip--variant-plain){box-shadow:inset 0 1px 0 #ffffff80, 0 2px 5px rgba(var(--v-shadow-color), .14)}.v-theme--candy :is(.v-card.v-card--variant-elevated,.v-alert.v-alert--variant-tonal){box-shadow:inset 0 2px 0 #fff9, 0 6px 16px rgba(var(--v-shadow-color), .12), 0 20px 44px rgba(var(--v-shadow-color), .1)}.v-theme--candy .v-card.v-card--variant-elevated{transition:box-shadow var(--v-vw-motion-duration) var(--v-vw-motion-ease)}.v-theme--candy .v-card.v-card--variant-elevated.v-card--link:hover{box-shadow:inset 0 2px 0 #fff9, 0 10px 22px rgba(var(--v-shadow-color), .14), 0 28px 60px rgba(var(--v-shadow-color), .12)}.v-theme--candy .v-field.v-field--variant-solo-filled{background-color:rgb(var(--v-theme-surface-light));box-shadow:inset 0 2px 5px rgba(var(--v-shadow-color), .16)}.v-theme--candy :is(.v-switch__track,.v-slider-track__background){box-shadow:inset 0 2px 4px rgba(var(--v-shadow-color), .22)}.v-theme--candy :is(.v-switch__thumb,.v-slider-thumb__surface){box-shadow:inset 0 2px 0 #ffffffa6, 0 2px 5px rgba(var(--v-shadow-color), .32), 0 0 0 5px rgba(var(--v-theme-primary), .14)}.v-theme--candy .v-tabs--inset .v-tab__slider{box-shadow:inset 0 1px 0 #ffffff80, 0 4px 12px rgba(var(--v-theme-primary), .24)}.v-theme--candy :is(.v-timeline-divider__before,.v-timeline-divider__after){border-radius:999px}.v-theme--candy .v-timeline-divider__dot{box-shadow:inset 0 2px 0 #fff9, 0 3px 8px rgba(var(--v-shadow-color), .22)}
|
package/dist/styles/clay.css
CHANGED
|
@@ -39,10 +39,19 @@
|
|
|
39
39
|
-2px -2px 6px #ffffffe6;
|
|
40
40
|
}
|
|
41
41
|
|
|
42
|
-
.v-theme--clay :is(.v-menu, .v-dialog) > .v-overlay__content {
|
|
42
|
+
.v-theme--clay:is(.v-menu, .v-dialog) > .v-overlay__content, .v-theme--clay :is(.v-menu, .v-dialog) > .v-overlay__content {
|
|
43
43
|
box-shadow: 12px 12px 40px rgba(var(--v-shadow-color), .24);
|
|
44
44
|
}
|
|
45
45
|
|
|
46
46
|
.v-theme--clay .v-tab__slider {
|
|
47
47
|
border-radius: 5px;
|
|
48
48
|
}
|
|
49
|
+
|
|
50
|
+
.v-theme--clay :is(.v-timeline-divider__before, .v-timeline-divider__after) {
|
|
51
|
+
box-shadow: inset 2px 2px 5px rgba(var(--v-shadow-color), .18),
|
|
52
|
+
inset -2px -2px 5px #fffc;
|
|
53
|
+
}
|
|
54
|
+
|
|
55
|
+
.v-theme--clay .v-timeline-divider__dot {
|
|
56
|
+
box-shadow: var(--vw-clay-lift);
|
|
57
|
+
}
|
package/dist/styles/clay.min.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.v-theme--clay{--vw-clay-lift:8px 8px 20px rgba(var(--v-shadow-color), .18), -6px -6px 16px #ffffffe6, inset -4px -4px 12px rgba(var(--v-shadow-color), .06), inset 4px 4px 10px #ffffffb3}.v-theme--clay :is(.v-card,.v-btn,.v-alert,.v-btn-group,.v-expansion-panels):not(.v-btn--variant-text,.v-btn--variant-plain,.v-card--variant-text,.v-card--variant-plain,.v-btn--size-small,.v-btn--size-x-small){box-shadow:var(--vw-clay-lift)}.v-theme--clay :is(.v-chip,.v-btn--size-small,.v-btn--size-x-small):not(.v-btn--variant-text,.v-btn--variant-plain){box-shadow:3px 3px 7px rgba(var(--v-shadow-color), .13), -2px -2px 5px #fff9}.v-theme--clay [class*=bg-] :is(.v-btn.v-btn,.v-chip.v-chip){box-shadow:none}.v-theme--clay .v-btn:active:not(.v-btn--disabled){box-shadow:4px 4px 10px rgba(var(--v-shadow-color), .16), inset -3px -3px 10px rgba(var(--v-shadow-color), .1), inset 3px 3px 8px #fff9}.v-theme--clay .v-field.v-field--variant-solo{background:rgb(var(--v-theme-surface));box-shadow:inset 4px 4px 10px rgba(var(--v-shadow-color), .12), inset -4px -4px 10px #ffffffe6}.v-theme--clay :is(.v-switch__track,.v-slider-track){box-shadow:inset 2px 2px 6px rgba(var(--v-shadow-color), .18)}.v-theme--clay :is(.v-switch__thumb,.v-slider-thumb__surface){box-shadow:3px 3px 8px rgba(var(--v-shadow-color), .24), -2px -2px 6px #ffffffe6}.v-theme--clay :is(.v-menu,.v-dialog)>.v-overlay__content{box-shadow:12px 12px 40px rgba(var(--v-shadow-color), .24)}.v-theme--clay .v-tab__slider{border-radius:5px}
|
|
1
|
+
.v-theme--clay{--vw-clay-lift:8px 8px 20px rgba(var(--v-shadow-color), .18), -6px -6px 16px #ffffffe6, inset -4px -4px 12px rgba(var(--v-shadow-color), .06), inset 4px 4px 10px #ffffffb3}.v-theme--clay :is(.v-card,.v-btn,.v-alert,.v-btn-group,.v-expansion-panels):not(.v-btn--variant-text,.v-btn--variant-plain,.v-card--variant-text,.v-card--variant-plain,.v-btn--size-small,.v-btn--size-x-small){box-shadow:var(--vw-clay-lift)}.v-theme--clay :is(.v-chip,.v-btn--size-small,.v-btn--size-x-small):not(.v-btn--variant-text,.v-btn--variant-plain){box-shadow:3px 3px 7px rgba(var(--v-shadow-color), .13), -2px -2px 5px #fff9}.v-theme--clay [class*=bg-] :is(.v-btn.v-btn,.v-chip.v-chip){box-shadow:none}.v-theme--clay .v-btn:active:not(.v-btn--disabled){box-shadow:4px 4px 10px rgba(var(--v-shadow-color), .16), inset -3px -3px 10px rgba(var(--v-shadow-color), .1), inset 3px 3px 8px #fff9}.v-theme--clay .v-field.v-field--variant-solo{background:rgb(var(--v-theme-surface));box-shadow:inset 4px 4px 10px rgba(var(--v-shadow-color), .12), inset -4px -4px 10px #ffffffe6}.v-theme--clay :is(.v-switch__track,.v-slider-track){box-shadow:inset 2px 2px 6px rgba(var(--v-shadow-color), .18)}.v-theme--clay :is(.v-switch__thumb,.v-slider-thumb__surface){box-shadow:3px 3px 8px rgba(var(--v-shadow-color), .24), -2px -2px 6px #ffffffe6}.v-theme--clay:is(.v-menu,.v-dialog)>.v-overlay__content,.v-theme--clay :is(.v-menu,.v-dialog)>.v-overlay__content{box-shadow:12px 12px 40px rgba(var(--v-shadow-color), .24)}.v-theme--clay .v-tab__slider{border-radius:5px}.v-theme--clay :is(.v-timeline-divider__before,.v-timeline-divider__after){box-shadow:inset 2px 2px 5px rgba(var(--v-shadow-color), .18), inset -2px -2px 5px #fffc}.v-theme--clay .v-timeline-divider__dot{box-shadow:var(--vw-clay-lift)}
|