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
package/dist/registry.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { aurora, brutalist, calm, classic, clay, darkGlass, liquidGlass, lux, morph, neon, paper, sketchy, slate, soft, } from './themes/index.js';
|
|
1
|
+
import { atlas, atlasDark, atlasSepia, aurora, brutalist, calm, candy, classic, clay, darkGlass, graphite, liquidGlass, lux, morph, neon, paper, sketchy, slate, soft, } from './themes/index.js';
|
|
2
2
|
/**
|
|
3
3
|
* Every theme in the package, in the order a picker should show them:
|
|
4
4
|
* the everyday ones first, then the niche ones.
|
|
@@ -7,9 +7,14 @@ export const themeList = [
|
|
|
7
7
|
classic,
|
|
8
8
|
paper,
|
|
9
9
|
slate,
|
|
10
|
+
graphite,
|
|
11
|
+
atlas,
|
|
12
|
+
atlasDark,
|
|
13
|
+
atlasSepia,
|
|
10
14
|
calm,
|
|
11
15
|
lux,
|
|
12
16
|
soft,
|
|
17
|
+
candy,
|
|
13
18
|
clay,
|
|
14
19
|
morph,
|
|
15
20
|
sketchy,
|
package/dist/registry.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"registry.js","sourceRoot":"","sources":["../src/registry.ts"],"names":[],"mappings":"AAEA,OAAO,EACL,MAAM,EACN,SAAS,EACT,IAAI,EACJ,OAAO,EACP,IAAI,EACJ,SAAS,EACT,WAAW,EACX,GAAG,EACH,KAAK,EACL,IAAI,EACJ,KAAK,EACL,OAAO,EACP,KAAK,EACL,IAAI,GACL,MAAM,mBAAmB,CAAA;AAE1B;;;GAGG;AACH,MAAM,CAAC,MAAM,SAAS,GAAG;IACvB,OAAO;IACP,KAAK;IACL,KAAK;IACL,IAAI;IACJ,GAAG;IACH,IAAI;IACJ,IAAI;IACJ,KAAK;IACL,OAAO;IACP,SAAS;IACT,WAAW;IACX,SAAS;IACT,MAAM;IACN,IAAI;CACyC,CAAA;AAM/C,MAAM,MAAM,GAAG,EAA6B,CAAA;AAC5C,MAAM,QAAQ,GAAG,EAAgC,CAAA;AACjD,MAAM,IAAI,GAAG,EAA4B,CAAA;AAEzC,KAAK,MAAM,KAAK,IAAI,SAAS,EAAE,CAAC;IAC9B,MAAM,IAAI,GAAG,KAAK,CAAC,IAA2B,CAAA;IAE9C,MAAM,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC,KAAK,CAAA;IAC1B,QAAQ,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAA;IAC/B,IAAI,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC,IAAI,CAAA;AACzB,CAAC;AAED,0EAA0E;AAC1E,MAAM,CAAC,MAAM,gBAAgB,GAA4B,MAAM,CAAA;AAE/D,6EAA6E;AAC7E,MAAM,CAAC,MAAM,kBAAkB,GAA+B,QAAQ,CAAA;AAEtE,8EAA8E;AAC9E,MAAM,CAAC,MAAM,cAAc,GAA2B,IAAI,CAAA"}
|
|
1
|
+
{"version":3,"file":"registry.js","sourceRoot":"","sources":["../src/registry.ts"],"names":[],"mappings":"AAEA,OAAO,EACL,KAAK,EACL,SAAS,EACT,UAAU,EACV,MAAM,EACN,SAAS,EACT,IAAI,EACJ,KAAK,EACL,OAAO,EACP,IAAI,EACJ,SAAS,EACT,QAAQ,EACR,WAAW,EACX,GAAG,EACH,KAAK,EACL,IAAI,EACJ,KAAK,EACL,OAAO,EACP,KAAK,EACL,IAAI,GACL,MAAM,mBAAmB,CAAA;AAE1B;;;GAGG;AACH,MAAM,CAAC,MAAM,SAAS,GAAG;IACvB,OAAO;IACP,KAAK;IACL,KAAK;IACL,QAAQ;IACR,KAAK;IACL,SAAS;IACT,UAAU;IACV,IAAI;IACJ,GAAG;IACH,IAAI;IACJ,KAAK;IACL,IAAI;IACJ,KAAK;IACL,OAAO;IACP,SAAS;IACT,WAAW;IACX,SAAS;IACT,MAAM;IACN,IAAI;CACyC,CAAA;AAM/C,MAAM,MAAM,GAAG,EAA6B,CAAA;AAC5C,MAAM,QAAQ,GAAG,EAAgC,CAAA;AACjD,MAAM,IAAI,GAAG,EAA4B,CAAA;AAEzC,KAAK,MAAM,KAAK,IAAI,SAAS,EAAE,CAAC;IAC9B,MAAM,IAAI,GAAG,KAAK,CAAC,IAA2B,CAAA;IAE9C,MAAM,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC,KAAK,CAAA;IAC1B,QAAQ,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAA;IAC/B,IAAI,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC,IAAI,CAAA;AACzB,CAAC;AAED,0EAA0E;AAC1E,MAAM,CAAC,MAAM,gBAAgB,GAA4B,MAAM,CAAA;AAE/D,6EAA6E;AAC7E,MAAM,CAAC,MAAM,kBAAkB,GAA+B,QAAQ,CAAA;AAEtE,8EAA8E;AAC9E,MAAM,CAAC,MAAM,cAAc,GAA2B,IAAI,CAAA"}
|
|
@@ -0,0 +1,99 @@
|
|
|
1
|
+
:is(.v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia) .v-navigation-drawer {
|
|
2
|
+
background-color: rgb(var(--v-theme-surface-light));
|
|
3
|
+
}
|
|
4
|
+
|
|
5
|
+
:is(.v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia) :is(.v-table thead th, .v-data-table__th) {
|
|
6
|
+
background-color: rgb(var(--v-theme-surface-light));
|
|
7
|
+
border-bottom: 1px solid rgba(var(--v-border-color), calc(var(--v-border-opacity) * 1.6));
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
:is(.v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia) .v-card--variant-outlined > .v-card-item:not(:last-child) {
|
|
11
|
+
border-block-end: 1px solid rgba(var(--v-border-color), var(--v-border-opacity));
|
|
12
|
+
padding-block-end: 12px;
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
:is(.v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia) .v-card--variant-outlined > .v-card-item + :is(.v-card-text, .v-card-actions) {
|
|
16
|
+
padding-top: 12px;
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
:is(.v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia) :is(.v-table, .v-data-table), :is(.v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia) :is(.v-list-item-title, .v-list-item-subtitle) {
|
|
20
|
+
font-size: .875rem;
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
:is(.v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia) .v-card-title {
|
|
24
|
+
letter-spacing: 0;
|
|
25
|
+
font-size: 1rem;
|
|
26
|
+
font-weight: 600;
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
:is(.v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia) :is(.v-date-picker, .v-picker) {
|
|
30
|
+
width: 306px;
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
:is(.v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia) .v-time-picker {
|
|
34
|
+
min-width: 296px;
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
:is(.v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia) .v-date-picker-month__day {
|
|
38
|
+
height: 32px;
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
:is(.v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia) :is(.v-date-picker-month, .v-date-picker-years, .v-date-picker-months) {
|
|
42
|
+
font-size: .8125rem;
|
|
43
|
+
}
|
|
44
|
+
|
|
45
|
+
:is(.v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia) .v-time-picker-clock {
|
|
46
|
+
max-width: 208px;
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
:is(.v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia) .v-date-picker-controls {
|
|
50
|
+
padding-block: 4px;
|
|
51
|
+
}
|
|
52
|
+
|
|
53
|
+
:is(.v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia) .v-otp-input {
|
|
54
|
+
padding-block: 0;
|
|
55
|
+
}
|
|
56
|
+
|
|
57
|
+
:is(.v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia) .v-otp-input__content {
|
|
58
|
+
max-width: 240px;
|
|
59
|
+
padding: 0;
|
|
60
|
+
}
|
|
61
|
+
|
|
62
|
+
:is(.v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia) .v-otp-input .v-field {
|
|
63
|
+
height: 40px;
|
|
64
|
+
}
|
|
65
|
+
|
|
66
|
+
:is(.v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia) .v-expansion-panel-title {
|
|
67
|
+
min-height: 44px;
|
|
68
|
+
padding-block: 10px;
|
|
69
|
+
}
|
|
70
|
+
|
|
71
|
+
:is(.v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia) .v-expansion-panel-title--active {
|
|
72
|
+
min-height: 52px;
|
|
73
|
+
}
|
|
74
|
+
|
|
75
|
+
:is(.v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia) .v-empty-state {
|
|
76
|
+
min-height: 0;
|
|
77
|
+
padding-block: 24px;
|
|
78
|
+
}
|
|
79
|
+
|
|
80
|
+
:is(.v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia) .v-alert-title {
|
|
81
|
+
font-size: 1rem;
|
|
82
|
+
line-height: 1.5;
|
|
83
|
+
}
|
|
84
|
+
|
|
85
|
+
:is(.v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia) .v-alert .v-alert__content {
|
|
86
|
+
font-size: .875rem;
|
|
87
|
+
}
|
|
88
|
+
|
|
89
|
+
:is(.v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia) .v-alert .v-alert__prepend .v-icon {
|
|
90
|
+
font-size: 20px;
|
|
91
|
+
}
|
|
92
|
+
|
|
93
|
+
:is(.v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia) .v-breadcrumbs {
|
|
94
|
+
font-size: .875rem;
|
|
95
|
+
}
|
|
96
|
+
|
|
97
|
+
:is(.v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia) :is(.v-table tbody td, .v-data-table__td) {
|
|
98
|
+
border-color: rgba(var(--v-border-color), calc(var(--v-border-opacity) * .7));
|
|
99
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
:is(.v-theme--atlas,.v-theme--atlasDark,.v-theme--atlasSepia) .v-navigation-drawer{background-color:rgb(var(--v-theme-surface-light))}:is(.v-theme--atlas,.v-theme--atlasDark,.v-theme--atlasSepia) :is(.v-table thead th,.v-data-table__th){background-color:rgb(var(--v-theme-surface-light));border-bottom:1px solid rgba(var(--v-border-color), calc(var(--v-border-opacity) * 1.6))}:is(.v-theme--atlas,.v-theme--atlasDark,.v-theme--atlasSepia) .v-card--variant-outlined>.v-card-item:not(:last-child){border-block-end:1px solid rgba(var(--v-border-color), var(--v-border-opacity));padding-block-end:12px}:is(.v-theme--atlas,.v-theme--atlasDark,.v-theme--atlasSepia) .v-card--variant-outlined>.v-card-item+:is(.v-card-text,.v-card-actions){padding-top:12px}:is(.v-theme--atlas,.v-theme--atlasDark,.v-theme--atlasSepia) :is(.v-table,.v-data-table),:is(.v-theme--atlas,.v-theme--atlasDark,.v-theme--atlasSepia) :is(.v-list-item-title,.v-list-item-subtitle){font-size:.875rem}:is(.v-theme--atlas,.v-theme--atlasDark,.v-theme--atlasSepia) .v-card-title{letter-spacing:0;font-size:1rem;font-weight:600}:is(.v-theme--atlas,.v-theme--atlasDark,.v-theme--atlasSepia) :is(.v-date-picker,.v-picker){width:306px}:is(.v-theme--atlas,.v-theme--atlasDark,.v-theme--atlasSepia) .v-time-picker{min-width:296px}:is(.v-theme--atlas,.v-theme--atlasDark,.v-theme--atlasSepia) .v-date-picker-month__day{height:32px}:is(.v-theme--atlas,.v-theme--atlasDark,.v-theme--atlasSepia) :is(.v-date-picker-month,.v-date-picker-years,.v-date-picker-months){font-size:.8125rem}:is(.v-theme--atlas,.v-theme--atlasDark,.v-theme--atlasSepia) .v-time-picker-clock{max-width:208px}:is(.v-theme--atlas,.v-theme--atlasDark,.v-theme--atlasSepia) .v-date-picker-controls{padding-block:4px}:is(.v-theme--atlas,.v-theme--atlasDark,.v-theme--atlasSepia) .v-otp-input{padding-block:0}:is(.v-theme--atlas,.v-theme--atlasDark,.v-theme--atlasSepia) .v-otp-input__content{max-width:240px;padding:0}:is(.v-theme--atlas,.v-theme--atlasDark,.v-theme--atlasSepia) .v-otp-input .v-field{height:40px}:is(.v-theme--atlas,.v-theme--atlasDark,.v-theme--atlasSepia) .v-expansion-panel-title{min-height:44px;padding-block:10px}:is(.v-theme--atlas,.v-theme--atlasDark,.v-theme--atlasSepia) .v-expansion-panel-title--active{min-height:52px}:is(.v-theme--atlas,.v-theme--atlasDark,.v-theme--atlasSepia) .v-empty-state{min-height:0;padding-block:24px}:is(.v-theme--atlas,.v-theme--atlasDark,.v-theme--atlasSepia) .v-alert-title{font-size:1rem;line-height:1.5}:is(.v-theme--atlas,.v-theme--atlasDark,.v-theme--atlasSepia) .v-alert .v-alert__content{font-size:.875rem}:is(.v-theme--atlas,.v-theme--atlasDark,.v-theme--atlasSepia) .v-alert .v-alert__prepend .v-icon{font-size:20px}:is(.v-theme--atlas,.v-theme--atlasDark,.v-theme--atlasSepia) .v-breadcrumbs{font-size:.875rem}:is(.v-theme--atlas,.v-theme--atlasDark,.v-theme--atlasSepia) :is(.v-table tbody td,.v-data-table__td){border-color:rgba(var(--v-border-color), calc(var(--v-border-opacity) * .7))}
|
|
@@ -0,0 +1,99 @@
|
|
|
1
|
+
:is(.v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia) .v-navigation-drawer {
|
|
2
|
+
background-color: rgb(var(--v-theme-surface-light));
|
|
3
|
+
}
|
|
4
|
+
|
|
5
|
+
:is(.v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia) :is(.v-table thead th, .v-data-table__th) {
|
|
6
|
+
background-color: rgb(var(--v-theme-surface-light));
|
|
7
|
+
border-bottom: 1px solid rgba(var(--v-border-color), calc(var(--v-border-opacity) * 1.6));
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
:is(.v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia) .v-card--variant-outlined > .v-card-item:not(:last-child) {
|
|
11
|
+
border-block-end: 1px solid rgba(var(--v-border-color), var(--v-border-opacity));
|
|
12
|
+
padding-block-end: 12px;
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
:is(.v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia) .v-card--variant-outlined > .v-card-item + :is(.v-card-text, .v-card-actions) {
|
|
16
|
+
padding-top: 12px;
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
:is(.v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia) :is(.v-table, .v-data-table), :is(.v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia) :is(.v-list-item-title, .v-list-item-subtitle) {
|
|
20
|
+
font-size: .875rem;
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
:is(.v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia) .v-card-title {
|
|
24
|
+
letter-spacing: 0;
|
|
25
|
+
font-size: 1rem;
|
|
26
|
+
font-weight: 600;
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
:is(.v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia) :is(.v-date-picker, .v-picker) {
|
|
30
|
+
width: 306px;
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
:is(.v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia) .v-time-picker {
|
|
34
|
+
min-width: 296px;
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
:is(.v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia) .v-date-picker-month__day {
|
|
38
|
+
height: 32px;
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
:is(.v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia) :is(.v-date-picker-month, .v-date-picker-years, .v-date-picker-months) {
|
|
42
|
+
font-size: .8125rem;
|
|
43
|
+
}
|
|
44
|
+
|
|
45
|
+
:is(.v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia) .v-time-picker-clock {
|
|
46
|
+
max-width: 208px;
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
:is(.v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia) .v-date-picker-controls {
|
|
50
|
+
padding-block: 4px;
|
|
51
|
+
}
|
|
52
|
+
|
|
53
|
+
:is(.v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia) .v-otp-input {
|
|
54
|
+
padding-block: 0;
|
|
55
|
+
}
|
|
56
|
+
|
|
57
|
+
:is(.v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia) .v-otp-input__content {
|
|
58
|
+
max-width: 240px;
|
|
59
|
+
padding: 0;
|
|
60
|
+
}
|
|
61
|
+
|
|
62
|
+
:is(.v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia) .v-otp-input .v-field {
|
|
63
|
+
height: 40px;
|
|
64
|
+
}
|
|
65
|
+
|
|
66
|
+
:is(.v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia) .v-expansion-panel-title {
|
|
67
|
+
min-height: 44px;
|
|
68
|
+
padding-block: 10px;
|
|
69
|
+
}
|
|
70
|
+
|
|
71
|
+
:is(.v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia) .v-expansion-panel-title--active {
|
|
72
|
+
min-height: 52px;
|
|
73
|
+
}
|
|
74
|
+
|
|
75
|
+
:is(.v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia) .v-empty-state {
|
|
76
|
+
min-height: 0;
|
|
77
|
+
padding-block: 24px;
|
|
78
|
+
}
|
|
79
|
+
|
|
80
|
+
:is(.v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia) .v-alert-title {
|
|
81
|
+
font-size: 1rem;
|
|
82
|
+
line-height: 1.5;
|
|
83
|
+
}
|
|
84
|
+
|
|
85
|
+
:is(.v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia) .v-alert .v-alert__content {
|
|
86
|
+
font-size: .875rem;
|
|
87
|
+
}
|
|
88
|
+
|
|
89
|
+
:is(.v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia) .v-alert .v-alert__prepend .v-icon {
|
|
90
|
+
font-size: 20px;
|
|
91
|
+
}
|
|
92
|
+
|
|
93
|
+
:is(.v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia) .v-breadcrumbs {
|
|
94
|
+
font-size: .875rem;
|
|
95
|
+
}
|
|
96
|
+
|
|
97
|
+
:is(.v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia) :is(.v-table tbody td, .v-data-table__td) {
|
|
98
|
+
border-color: rgba(var(--v-border-color), calc(var(--v-border-opacity) * .7));
|
|
99
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
:is(.v-theme--atlas,.v-theme--atlasDark,.v-theme--atlasSepia) .v-navigation-drawer{background-color:rgb(var(--v-theme-surface-light))}:is(.v-theme--atlas,.v-theme--atlasDark,.v-theme--atlasSepia) :is(.v-table thead th,.v-data-table__th){background-color:rgb(var(--v-theme-surface-light));border-bottom:1px solid rgba(var(--v-border-color), calc(var(--v-border-opacity) * 1.6))}:is(.v-theme--atlas,.v-theme--atlasDark,.v-theme--atlasSepia) .v-card--variant-outlined>.v-card-item:not(:last-child){border-block-end:1px solid rgba(var(--v-border-color), var(--v-border-opacity));padding-block-end:12px}:is(.v-theme--atlas,.v-theme--atlasDark,.v-theme--atlasSepia) .v-card--variant-outlined>.v-card-item+:is(.v-card-text,.v-card-actions){padding-top:12px}:is(.v-theme--atlas,.v-theme--atlasDark,.v-theme--atlasSepia) :is(.v-table,.v-data-table),:is(.v-theme--atlas,.v-theme--atlasDark,.v-theme--atlasSepia) :is(.v-list-item-title,.v-list-item-subtitle){font-size:.875rem}:is(.v-theme--atlas,.v-theme--atlasDark,.v-theme--atlasSepia) .v-card-title{letter-spacing:0;font-size:1rem;font-weight:600}:is(.v-theme--atlas,.v-theme--atlasDark,.v-theme--atlasSepia) :is(.v-date-picker,.v-picker){width:306px}:is(.v-theme--atlas,.v-theme--atlasDark,.v-theme--atlasSepia) .v-time-picker{min-width:296px}:is(.v-theme--atlas,.v-theme--atlasDark,.v-theme--atlasSepia) .v-date-picker-month__day{height:32px}:is(.v-theme--atlas,.v-theme--atlasDark,.v-theme--atlasSepia) :is(.v-date-picker-month,.v-date-picker-years,.v-date-picker-months){font-size:.8125rem}:is(.v-theme--atlas,.v-theme--atlasDark,.v-theme--atlasSepia) .v-time-picker-clock{max-width:208px}:is(.v-theme--atlas,.v-theme--atlasDark,.v-theme--atlasSepia) .v-date-picker-controls{padding-block:4px}:is(.v-theme--atlas,.v-theme--atlasDark,.v-theme--atlasSepia) .v-otp-input{padding-block:0}:is(.v-theme--atlas,.v-theme--atlasDark,.v-theme--atlasSepia) .v-otp-input__content{max-width:240px;padding:0}:is(.v-theme--atlas,.v-theme--atlasDark,.v-theme--atlasSepia) .v-otp-input .v-field{height:40px}:is(.v-theme--atlas,.v-theme--atlasDark,.v-theme--atlasSepia) .v-expansion-panel-title{min-height:44px;padding-block:10px}:is(.v-theme--atlas,.v-theme--atlasDark,.v-theme--atlasSepia) .v-expansion-panel-title--active{min-height:52px}:is(.v-theme--atlas,.v-theme--atlasDark,.v-theme--atlasSepia) .v-empty-state{min-height:0;padding-block:24px}:is(.v-theme--atlas,.v-theme--atlasDark,.v-theme--atlasSepia) .v-alert-title{font-size:1rem;line-height:1.5}:is(.v-theme--atlas,.v-theme--atlasDark,.v-theme--atlasSepia) .v-alert .v-alert__content{font-size:.875rem}:is(.v-theme--atlas,.v-theme--atlasDark,.v-theme--atlasSepia) .v-alert .v-alert__prepend .v-icon{font-size:20px}:is(.v-theme--atlas,.v-theme--atlasDark,.v-theme--atlasSepia) .v-breadcrumbs{font-size:.875rem}:is(.v-theme--atlas,.v-theme--atlasDark,.v-theme--atlasSepia) :is(.v-table tbody td,.v-data-table__td){border-color:rgba(var(--v-border-color), calc(var(--v-border-opacity) * .7))}
|
|
@@ -0,0 +1,99 @@
|
|
|
1
|
+
:is(.v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia) .v-navigation-drawer {
|
|
2
|
+
background-color: rgb(var(--v-theme-surface-light));
|
|
3
|
+
}
|
|
4
|
+
|
|
5
|
+
:is(.v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia) :is(.v-table thead th, .v-data-table__th) {
|
|
6
|
+
background-color: rgb(var(--v-theme-surface-light));
|
|
7
|
+
border-bottom: 1px solid rgba(var(--v-border-color), calc(var(--v-border-opacity) * 1.6));
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
:is(.v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia) .v-card--variant-outlined > .v-card-item:not(:last-child) {
|
|
11
|
+
border-block-end: 1px solid rgba(var(--v-border-color), var(--v-border-opacity));
|
|
12
|
+
padding-block-end: 12px;
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
:is(.v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia) .v-card--variant-outlined > .v-card-item + :is(.v-card-text, .v-card-actions) {
|
|
16
|
+
padding-top: 12px;
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
:is(.v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia) :is(.v-table, .v-data-table), :is(.v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia) :is(.v-list-item-title, .v-list-item-subtitle) {
|
|
20
|
+
font-size: .875rem;
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
:is(.v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia) .v-card-title {
|
|
24
|
+
letter-spacing: 0;
|
|
25
|
+
font-size: 1rem;
|
|
26
|
+
font-weight: 600;
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
:is(.v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia) :is(.v-date-picker, .v-picker) {
|
|
30
|
+
width: 306px;
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
:is(.v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia) .v-time-picker {
|
|
34
|
+
min-width: 296px;
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
:is(.v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia) .v-date-picker-month__day {
|
|
38
|
+
height: 32px;
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
:is(.v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia) :is(.v-date-picker-month, .v-date-picker-years, .v-date-picker-months) {
|
|
42
|
+
font-size: .8125rem;
|
|
43
|
+
}
|
|
44
|
+
|
|
45
|
+
:is(.v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia) .v-time-picker-clock {
|
|
46
|
+
max-width: 208px;
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
:is(.v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia) .v-date-picker-controls {
|
|
50
|
+
padding-block: 4px;
|
|
51
|
+
}
|
|
52
|
+
|
|
53
|
+
:is(.v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia) .v-otp-input {
|
|
54
|
+
padding-block: 0;
|
|
55
|
+
}
|
|
56
|
+
|
|
57
|
+
:is(.v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia) .v-otp-input__content {
|
|
58
|
+
max-width: 240px;
|
|
59
|
+
padding: 0;
|
|
60
|
+
}
|
|
61
|
+
|
|
62
|
+
:is(.v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia) .v-otp-input .v-field {
|
|
63
|
+
height: 40px;
|
|
64
|
+
}
|
|
65
|
+
|
|
66
|
+
:is(.v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia) .v-expansion-panel-title {
|
|
67
|
+
min-height: 44px;
|
|
68
|
+
padding-block: 10px;
|
|
69
|
+
}
|
|
70
|
+
|
|
71
|
+
:is(.v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia) .v-expansion-panel-title--active {
|
|
72
|
+
min-height: 52px;
|
|
73
|
+
}
|
|
74
|
+
|
|
75
|
+
:is(.v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia) .v-empty-state {
|
|
76
|
+
min-height: 0;
|
|
77
|
+
padding-block: 24px;
|
|
78
|
+
}
|
|
79
|
+
|
|
80
|
+
:is(.v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia) .v-alert-title {
|
|
81
|
+
font-size: 1rem;
|
|
82
|
+
line-height: 1.5;
|
|
83
|
+
}
|
|
84
|
+
|
|
85
|
+
:is(.v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia) .v-alert .v-alert__content {
|
|
86
|
+
font-size: .875rem;
|
|
87
|
+
}
|
|
88
|
+
|
|
89
|
+
:is(.v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia) .v-alert .v-alert__prepend .v-icon {
|
|
90
|
+
font-size: 20px;
|
|
91
|
+
}
|
|
92
|
+
|
|
93
|
+
:is(.v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia) .v-breadcrumbs {
|
|
94
|
+
font-size: .875rem;
|
|
95
|
+
}
|
|
96
|
+
|
|
97
|
+
:is(.v-theme--atlas, .v-theme--atlasDark, .v-theme--atlasSepia) :is(.v-table tbody td, .v-data-table__td) {
|
|
98
|
+
border-color: rgba(var(--v-border-color), calc(var(--v-border-opacity) * .7));
|
|
99
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
:is(.v-theme--atlas,.v-theme--atlasDark,.v-theme--atlasSepia) .v-navigation-drawer{background-color:rgb(var(--v-theme-surface-light))}:is(.v-theme--atlas,.v-theme--atlasDark,.v-theme--atlasSepia) :is(.v-table thead th,.v-data-table__th){background-color:rgb(var(--v-theme-surface-light));border-bottom:1px solid rgba(var(--v-border-color), calc(var(--v-border-opacity) * 1.6))}:is(.v-theme--atlas,.v-theme--atlasDark,.v-theme--atlasSepia) .v-card--variant-outlined>.v-card-item:not(:last-child){border-block-end:1px solid rgba(var(--v-border-color), var(--v-border-opacity));padding-block-end:12px}:is(.v-theme--atlas,.v-theme--atlasDark,.v-theme--atlasSepia) .v-card--variant-outlined>.v-card-item+:is(.v-card-text,.v-card-actions){padding-top:12px}:is(.v-theme--atlas,.v-theme--atlasDark,.v-theme--atlasSepia) :is(.v-table,.v-data-table),:is(.v-theme--atlas,.v-theme--atlasDark,.v-theme--atlasSepia) :is(.v-list-item-title,.v-list-item-subtitle){font-size:.875rem}:is(.v-theme--atlas,.v-theme--atlasDark,.v-theme--atlasSepia) .v-card-title{letter-spacing:0;font-size:1rem;font-weight:600}:is(.v-theme--atlas,.v-theme--atlasDark,.v-theme--atlasSepia) :is(.v-date-picker,.v-picker){width:306px}:is(.v-theme--atlas,.v-theme--atlasDark,.v-theme--atlasSepia) .v-time-picker{min-width:296px}:is(.v-theme--atlas,.v-theme--atlasDark,.v-theme--atlasSepia) .v-date-picker-month__day{height:32px}:is(.v-theme--atlas,.v-theme--atlasDark,.v-theme--atlasSepia) :is(.v-date-picker-month,.v-date-picker-years,.v-date-picker-months){font-size:.8125rem}:is(.v-theme--atlas,.v-theme--atlasDark,.v-theme--atlasSepia) .v-time-picker-clock{max-width:208px}:is(.v-theme--atlas,.v-theme--atlasDark,.v-theme--atlasSepia) .v-date-picker-controls{padding-block:4px}:is(.v-theme--atlas,.v-theme--atlasDark,.v-theme--atlasSepia) .v-otp-input{padding-block:0}:is(.v-theme--atlas,.v-theme--atlasDark,.v-theme--atlasSepia) .v-otp-input__content{max-width:240px;padding:0}:is(.v-theme--atlas,.v-theme--atlasDark,.v-theme--atlasSepia) .v-otp-input .v-field{height:40px}:is(.v-theme--atlas,.v-theme--atlasDark,.v-theme--atlasSepia) .v-expansion-panel-title{min-height:44px;padding-block:10px}:is(.v-theme--atlas,.v-theme--atlasDark,.v-theme--atlasSepia) .v-expansion-panel-title--active{min-height:52px}:is(.v-theme--atlas,.v-theme--atlasDark,.v-theme--atlasSepia) .v-empty-state{min-height:0;padding-block:24px}:is(.v-theme--atlas,.v-theme--atlasDark,.v-theme--atlasSepia) .v-alert-title{font-size:1rem;line-height:1.5}:is(.v-theme--atlas,.v-theme--atlasDark,.v-theme--atlasSepia) .v-alert .v-alert__content{font-size:.875rem}:is(.v-theme--atlas,.v-theme--atlasDark,.v-theme--atlasSepia) .v-alert .v-alert__prepend .v-icon{font-size:20px}:is(.v-theme--atlas,.v-theme--atlasDark,.v-theme--atlasSepia) .v-breadcrumbs{font-size:.875rem}:is(.v-theme--atlas,.v-theme--atlasDark,.v-theme--atlasSepia) :is(.v-table tbody td,.v-data-table__td){border-color:rgba(var(--v-border-color), calc(var(--v-border-opacity) * .7))}
|
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
|
|
|
@@ -66,9 +76,92 @@
|
|
|
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{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}}
|
|
@@ -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{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,10 +2,6 @@
|
|
|
2
2
|
box-shadow: none;
|
|
3
3
|
}
|
|
4
4
|
|
|
5
|
-
.v-theme--calm .v-card.v-card--variant-flat {
|
|
6
|
-
background-color: rgb(var(--v-theme-surface));
|
|
7
|
-
}
|
|
8
|
-
|
|
9
5
|
.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;
|
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{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,71 @@
|
|
|
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
|
+
box-shadow: inset 0 2px 5px rgba(var(--v-shadow-color), .16);
|
|
43
|
+
}
|
|
44
|
+
|
|
45
|
+
.v-theme--candy .v-field.v-field--variant-solo-filled .v-field__overlay {
|
|
46
|
+
background-color: rgb(var(--v-theme-surface-light));
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
.v-theme--candy :is(.v-switch__track, .v-slider-track__background) {
|
|
50
|
+
box-shadow: inset 0 2px 4px rgba(var(--v-shadow-color), .22);
|
|
51
|
+
}
|
|
52
|
+
|
|
53
|
+
.v-theme--candy :is(.v-switch__thumb, .v-slider-thumb__surface) {
|
|
54
|
+
box-shadow: inset 0 2px 0 #ffffffa6,
|
|
55
|
+
0 2px 5px rgba(var(--v-shadow-color), .32),
|
|
56
|
+
0 0 0 5px rgba(var(--v-theme-primary), .14);
|
|
57
|
+
}
|
|
58
|
+
|
|
59
|
+
.v-theme--candy .v-tabs--inset .v-tab__slider {
|
|
60
|
+
box-shadow: inset 0 1px 0 #ffffff80,
|
|
61
|
+
0 4px 12px rgba(var(--v-theme-primary), .24);
|
|
62
|
+
}
|
|
63
|
+
|
|
64
|
+
.v-theme--candy :is(.v-timeline-divider__before, .v-timeline-divider__after) {
|
|
65
|
+
border-radius: 999px;
|
|
66
|
+
}
|
|
67
|
+
|
|
68
|
+
.v-theme--candy .v-timeline-divider__dot {
|
|
69
|
+
box-shadow: inset 0 2px 0 #fff9,
|
|
70
|
+
0 3px 8px rgba(var(--v-shadow-color), .22);
|
|
71
|
+
}
|
|
@@ -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{box-shadow:inset 0 2px 5px rgba(var(--v-shadow-color), .16)}.v-theme--candy .v-field.v-field--variant-solo-filled .v-field__overlay{background-color:rgb(var(--v-theme-surface-light))}.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
|
@@ -14,6 +14,10 @@
|
|
|
14
14
|
-2px -2px 5px #fff9;
|
|
15
15
|
}
|
|
16
16
|
|
|
17
|
+
.v-theme--clay [class*="bg-"] :is(.v-btn.v-btn, .v-chip.v-chip) {
|
|
18
|
+
box-shadow: none;
|
|
19
|
+
}
|
|
20
|
+
|
|
17
21
|
.v-theme--clay .v-btn:active:not(.v-btn--disabled) {
|
|
18
22
|
box-shadow: 4px 4px 10px rgba(var(--v-shadow-color), .16),
|
|
19
23
|
inset -3px -3px 10px rgba(var(--v-shadow-color), .1),
|
|
@@ -42,3 +46,12 @@
|
|
|
42
46
|
.v-theme--clay .v-tab__slider {
|
|
43
47
|
border-radius: 5px;
|
|
44
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 .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{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)}
|