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.
Files changed (174) hide show
  1. package/README.md +266 -17
  2. package/dist/index.d.ts +6 -6
  3. package/dist/index.d.ts.map +1 -1
  4. package/dist/index.js +3 -3
  5. package/dist/index.js.map +1 -1
  6. package/dist/plugin.d.ts +77 -7
  7. package/dist/plugin.d.ts.map +1 -1
  8. package/dist/plugin.js +120 -15
  9. package/dist/plugin.js.map +1 -1
  10. package/dist/registry.d.ts +1 -1
  11. package/dist/registry.d.ts.map +1 -1
  12. package/dist/registry.js +6 -1
  13. package/dist/registry.js.map +1 -1
  14. package/dist/styles/atlas.css +99 -0
  15. package/dist/styles/atlas.min.css +1 -0
  16. package/dist/styles/atlasDark.css +99 -0
  17. package/dist/styles/atlasDark.min.css +1 -0
  18. package/dist/styles/atlasSepia.css +99 -0
  19. package/dist/styles/atlasSepia.min.css +1 -0
  20. package/dist/styles/aurora.css +98 -5
  21. package/dist/styles/aurora.min.css +1 -1
  22. package/dist/styles/brutalist.css +6 -1
  23. package/dist/styles/brutalist.min.css +1 -1
  24. package/dist/styles/calm.css +1 -5
  25. package/dist/styles/calm.min.css +1 -1
  26. package/dist/styles/candy.css +68 -0
  27. package/dist/styles/candy.min.css +1 -0
  28. package/dist/styles/clay.css +10 -1
  29. package/dist/styles/clay.min.css +1 -1
  30. package/dist/styles/core.css +273 -41
  31. package/dist/styles/core.min.css +1 -1
  32. package/dist/styles/darkGlass.css +1 -1
  33. package/dist/styles/darkGlass.min.css +1 -1
  34. package/dist/styles/graphite.css +29 -0
  35. package/dist/styles/graphite.min.css +1 -0
  36. package/dist/styles/liquidGlass.css +10 -1
  37. package/dist/styles/liquidGlass.min.css +1 -1
  38. package/dist/styles/lux.css +1 -1
  39. package/dist/styles/lux.min.css +1 -1
  40. package/dist/styles/morph.css +8 -0
  41. package/dist/styles/morph.min.css +1 -1
  42. package/dist/styles/neon.css +9 -1
  43. package/dist/styles/neon.min.css +1 -1
  44. package/dist/styles/sketchy.css +4 -0
  45. package/dist/styles/sketchy.min.css +1 -1
  46. package/dist/styles/slate.css +1 -1
  47. package/dist/styles/slate.min.css +1 -1
  48. package/dist/styles/soft.css +4 -14
  49. package/dist/styles/soft.min.css +1 -1
  50. package/dist/styles.css +621 -68
  51. package/dist/styles.min.css +1 -1
  52. package/dist/themes/atlas.d.ts +73 -0
  53. package/dist/themes/atlas.d.ts.map +1 -0
  54. package/dist/themes/atlas.js +277 -0
  55. package/dist/themes/atlas.js.map +1 -0
  56. package/dist/themes/atlasDark.d.ts +8 -0
  57. package/dist/themes/atlasDark.d.ts.map +1 -0
  58. package/dist/themes/atlasDark.js +69 -0
  59. package/dist/themes/atlasDark.js.map +1 -0
  60. package/dist/themes/atlasSepia.d.ts +11 -0
  61. package/dist/themes/atlasSepia.d.ts.map +1 -0
  62. package/dist/themes/atlasSepia.js +65 -0
  63. package/dist/themes/atlasSepia.js.map +1 -0
  64. package/dist/themes/aurora.d.ts.map +1 -1
  65. package/dist/themes/aurora.js +47 -3
  66. package/dist/themes/aurora.js.map +1 -1
  67. package/dist/themes/brutalist.d.ts.map +1 -1
  68. package/dist/themes/brutalist.js +85 -1
  69. package/dist/themes/brutalist.js.map +1 -1
  70. package/dist/themes/calm.d.ts.map +1 -1
  71. package/dist/themes/calm.js +44 -3
  72. package/dist/themes/calm.js.map +1 -1
  73. package/dist/themes/candy.d.ts +20 -0
  74. package/dist/themes/candy.d.ts.map +1 -0
  75. package/dist/themes/candy.js +164 -0
  76. package/dist/themes/candy.js.map +1 -0
  77. package/dist/themes/classic.d.ts.map +1 -1
  78. package/dist/themes/classic.js +2 -0
  79. package/dist/themes/classic.js.map +1 -1
  80. package/dist/themes/clay.d.ts.map +1 -1
  81. package/dist/themes/clay.js +34 -3
  82. package/dist/themes/clay.js.map +1 -1
  83. package/dist/themes/darkGlass.d.ts.map +1 -1
  84. package/dist/themes/darkGlass.js +34 -1
  85. package/dist/themes/darkGlass.js.map +1 -1
  86. package/dist/themes/graphite.d.ts +13 -0
  87. package/dist/themes/graphite.d.ts.map +1 -0
  88. package/dist/themes/graphite.js +182 -0
  89. package/dist/themes/graphite.js.map +1 -0
  90. package/dist/themes/index.d.ts +5 -0
  91. package/dist/themes/index.d.ts.map +1 -1
  92. package/dist/themes/index.js +5 -0
  93. package/dist/themes/index.js.map +1 -1
  94. package/dist/themes/liquidGlass.d.ts.map +1 -1
  95. package/dist/themes/liquidGlass.js +64 -4
  96. package/dist/themes/liquidGlass.js.map +1 -1
  97. package/dist/themes/lux.d.ts.map +1 -1
  98. package/dist/themes/lux.js +65 -4
  99. package/dist/themes/lux.js.map +1 -1
  100. package/dist/themes/morph.d.ts.map +1 -1
  101. package/dist/themes/morph.js +42 -6
  102. package/dist/themes/morph.js.map +1 -1
  103. package/dist/themes/neon.d.ts.map +1 -1
  104. package/dist/themes/neon.js +57 -1
  105. package/dist/themes/neon.js.map +1 -1
  106. package/dist/themes/paper.d.ts.map +1 -1
  107. package/dist/themes/paper.js +54 -1
  108. package/dist/themes/paper.js.map +1 -1
  109. package/dist/themes/sketchy.d.ts.map +1 -1
  110. package/dist/themes/sketchy.js +44 -1
  111. package/dist/themes/sketchy.js.map +1 -1
  112. package/dist/themes/slate.d.ts.map +1 -1
  113. package/dist/themes/slate.js +60 -3
  114. package/dist/themes/slate.js.map +1 -1
  115. package/dist/themes/soft.d.ts.map +1 -1
  116. package/dist/themes/soft.js +62 -3
  117. package/dist/themes/soft.js.map +1 -1
  118. package/dist/types.d.ts +40 -0
  119. package/dist/types.d.ts.map +1 -1
  120. package/dist/util/defaults.d.ts +35 -0
  121. package/dist/util/defaults.d.ts.map +1 -1
  122. package/dist/util/defaults.js +62 -1
  123. package/dist/util/defaults.js.map +1 -1
  124. package/dist/util/defineTheme.d.ts.map +1 -1
  125. package/dist/util/defineTheme.js +11 -5
  126. package/dist/util/defineTheme.js.map +1 -1
  127. package/package.json +3 -2
  128. package/src/index.ts +10 -4
  129. package/src/plugin.ts +231 -21
  130. package/src/registry.ts +10 -0
  131. package/src/styles/core.css +674 -41
  132. package/src/styles/index.css +4 -0
  133. package/src/styles/themes/_atlas.css +194 -0
  134. package/src/styles/themes/atlas.css +2 -0
  135. package/src/styles/themes/atlasDark.css +2 -0
  136. package/src/styles/themes/atlasSepia.css +2 -0
  137. package/src/styles/themes/aurora.css +152 -7
  138. package/src/styles/themes/brutalist.css +6 -3
  139. package/src/styles/themes/calm.css +1 -13
  140. package/src/styles/themes/candy.css +118 -0
  141. package/src/styles/themes/clay.css +12 -0
  142. package/src/styles/themes/darkGlass.css +1 -0
  143. package/src/styles/themes/graphite.css +63 -0
  144. package/src/styles/themes/liquidGlass.css +41 -2
  145. package/src/styles/themes/lux.css +1 -4
  146. package/src/styles/themes/morph.css +9 -0
  147. package/src/styles/themes/neon.css +9 -3
  148. package/src/styles/themes/paper.css +0 -2
  149. package/src/styles/themes/sketchy.css +9 -0
  150. package/src/styles/themes/slate.css +1 -4
  151. package/src/styles/themes/soft.css +11 -12
  152. package/src/themes/atlas.ts +286 -0
  153. package/src/themes/atlasDark.ts +69 -0
  154. package/src/themes/atlasSepia.ts +65 -0
  155. package/src/themes/aurora.ts +51 -3
  156. package/src/themes/brutalist.ts +90 -1
  157. package/src/themes/calm.ts +48 -3
  158. package/src/themes/candy.ts +167 -0
  159. package/src/themes/classic.ts +3 -0
  160. package/src/themes/clay.ts +37 -3
  161. package/src/themes/darkGlass.ts +38 -1
  162. package/src/themes/graphite.ts +187 -0
  163. package/src/themes/index.ts +5 -0
  164. package/src/themes/liquidGlass.ts +68 -4
  165. package/src/themes/lux.ts +70 -4
  166. package/src/themes/morph.ts +45 -6
  167. package/src/themes/neon.ts +62 -1
  168. package/src/themes/paper.ts +59 -1
  169. package/src/themes/sketchy.ts +49 -1
  170. package/src/themes/slate.ts +64 -3
  171. package/src/themes/soft.ts +66 -3
  172. package/src/types.ts +41 -0
  173. package/src/util/defaults.ts +96 -1
  174. package/src/util/defineTheme.ts +11 -5
@@ -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 [class*="-display-"] {
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}}
@@ -2,11 +2,7 @@
2
2
  box-shadow: none;
3
3
  }
4
4
 
5
- .v-theme--calm .v-card.v-card--variant-flat:not([class*="bg-"]) {
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
  }
@@ -1 +1 @@
1
- .v-theme--calm :is(.v-card,.v-sheet,.v-table,.v-list,.v-expansion-panels){box-shadow:none}.v-theme--calm .v-card.v-card--variant-flat:not([class*=bg-]){background-color:rgb(var(--v-theme-surface))}.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}
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)}
@@ -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
+ }
@@ -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)}