varmory 1.0.3 → 1.0.4
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 +43 -25
- package/dist/common-5lNzIzpb.mjs +4 -0
- package/dist/common-BKsX7fo_.mjs +4 -0
- package/dist/common-CF3aHLu9.mjs +4 -0
- package/dist/common-Choo61Du.mjs +4 -0
- package/dist/dark-BA_zVRY0.mjs +4 -0
- package/dist/{dark-bS8ONQp2.mjs → dark-DOaFu-4U.mjs} +1 -1
- package/dist/{dark-DUdEp-u-.mjs → dark-DxprdSnN.mjs} +1 -1
- package/dist/{dark-BVjDuXwf.mjs → dark-KePaswAd.mjs} +1 -1
- package/dist/index.css +2 -2
- package/dist/{light-C-AEl-Qw.mjs → light-3fU1ZoAr.mjs} +1 -1
- package/dist/light-BjJD7fqj.mjs +4 -0
- package/dist/{light-Dx5f6KH1.mjs → light-DtRlFPYS.mjs} +2 -2
- package/dist/{light-BiNlctIT.mjs → light-Ti6cE728.mjs} +1 -1
- package/dist/varmory.mjs +5915 -4392
- package/dist/varmory.umd.js +574 -148
- package/mcp/showcaseMcp.js +19 -6
- package/package.json +1 -3
- package/dist/common-BpSYL5sB.mjs +0 -4
- package/dist/common-CHgxSk_P.mjs +0 -4
- package/dist/common-CsPPY3RM.mjs +0 -4
- package/dist/common-as5RLce2.mjs +0 -4
- package/dist/dark-BgJR45a-.mjs +0 -4
- package/dist/light-BZMuS_Q9.mjs +0 -4
package/README.md
CHANGED
|
@@ -1,6 +1,11 @@
|
|
|
1
1
|
# varmory
|
|
2
2
|
|
|
3
|
-
Vue 3 + Quasar component library with
|
|
3
|
+
Vue 3 + Quasar component showcase library with multi-theme support and an MCP server for AI agents.
|
|
4
|
+
|
|
5
|
+
Drop in an interactive component browser, expose your components to AI via the Model Context Protocol, and ship with built-in theming — dark/light mode, multiple themes, or bring your own.
|
|
6
|
+
|
|
7
|
+
- [Component Showcase](https://varmory-dec8b20a1b83.herokuapp.com/)
|
|
8
|
+
- [MCP Server](https://varmory-dec8b20a1b83.herokuapp.com/#docs/MCP)
|
|
4
9
|
|
|
5
10
|
## Installation
|
|
6
11
|
|
|
@@ -16,35 +21,48 @@ npm install vue@^3 quasar@^2 pinia@^3 @quasar/extras@^1
|
|
|
16
21
|
|
|
17
22
|
## Setup
|
|
18
23
|
|
|
24
|
+
Quasar components are registered by `@quasar/vite-plugin` in your Vite config:
|
|
25
|
+
|
|
26
|
+
```js
|
|
27
|
+
// vite.config.js
|
|
28
|
+
import vue from '@vitejs/plugin-vue';
|
|
29
|
+
import { quasar, transformAssetUrls } from '@quasar/vite-plugin';
|
|
30
|
+
|
|
31
|
+
export default {
|
|
32
|
+
plugins: [
|
|
33
|
+
vue({ template: { transformAssetUrls } }),
|
|
34
|
+
quasar({ autoImportComponentCase: 'pascal' }),
|
|
35
|
+
],
|
|
36
|
+
};
|
|
37
|
+
```
|
|
38
|
+
|
|
39
|
+
In your app's entry file, install varmory as a Vue plugin alongside Pinia, import Quasar's base CSS and icons, and pass any Quasar plugins you need:
|
|
40
|
+
|
|
19
41
|
```js
|
|
42
|
+
// main.js
|
|
20
43
|
import { createApp } from 'vue';
|
|
21
44
|
import { createPinia } from 'pinia';
|
|
22
45
|
import { install as Varmory } from 'varmory';
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
46
|
+
import { Dialog, Notify, LocalStorage, SessionStorage } from 'quasar';
|
|
47
|
+
import 'quasar/dist/quasar.css';
|
|
48
|
+
import '@quasar/extras/material-icons/material-icons.css';
|
|
49
|
+
import App from './App.vue';
|
|
50
|
+
|
|
51
|
+
createApp(App)
|
|
52
|
+
.use(createPinia())
|
|
53
|
+
.use(Varmory, {
|
|
54
|
+
theme: 'space', // optional, default is 'default'
|
|
55
|
+
plugins: { Notify, Dialog, LocalStorage, SessionStorage },
|
|
56
|
+
})
|
|
57
|
+
.mount('#app');
|
|
29
58
|
```
|
|
30
59
|
|
|
60
|
+
See [USAGE.md](docs/USAGE.md) for more setup options (including attaching Quasar yourself instead of via varmory).
|
|
31
61
|
|
|
32
|
-
##
|
|
33
|
-
|
|
34
|
-
See [docs/USAGE.md](docs/USAGE.md) — setting up a fresh app using varmory for UI, Vite config, and Quasar plugin setup.
|
|
35
|
-
|
|
36
|
-
## Building Components
|
|
37
|
-
|
|
38
|
-
See [docs/CustomComponents.md](docs/CustomComponents.md) — API style, CSS variables, layout patterns, component composition, and styling conventions.
|
|
39
|
-
|
|
40
|
-
## Theming, Dark/Light mode
|
|
41
|
-
|
|
42
|
-
See [docs/THEMING.md](docs/THEMING.md) — built-in themes, custom themes, writing your own, theme store API, and UI components.
|
|
43
|
-
|
|
44
|
-
## JComponentShowcase
|
|
45
|
-
|
|
46
|
-
See [docs/SHOWCASE.md](docs/SHOWCASE.md) — interactive component browser, adding categories, custom docs, writing showcase entries, and navigation.
|
|
47
|
-
|
|
48
|
-
## MCP Server
|
|
62
|
+
## Docs
|
|
49
63
|
|
|
50
|
-
|
|
64
|
+
- [Usage](https://varmory-dec8b20a1b83.herokuapp.com/#docs/USAGE) — setting up a fresh app using varmory for UI, Vite config, and Quasar plugin setup
|
|
65
|
+
- [Building Components](https://varmory-dec8b20a1b83.herokuapp.com/#docs/CustomComponents) — API style, CSS variables, layout patterns, component composition, and styling conventions
|
|
66
|
+
- [Theming](https://varmory-dec8b20a1b83.herokuapp.com/#docs/THEMING) — built-in themes, custom themes, writing your own, theme store API, and UI components
|
|
67
|
+
- [Showcase](https://varmory-dec8b20a1b83.herokuapp.com/#docs/SHOWCASE) — interactive component browser, adding categories, custom docs, writing showcase entries, and navigation
|
|
68
|
+
- [MCP Server](https://varmory-dec8b20a1b83.herokuapp.com/#docs/MCP) — expose showcase data to AI agents via the Model Context Protocol
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
const t = '@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,400;1,500;1,600&family=DM+Sans:ital,opsz,wght@0,9..40,100;0,9..40,200;0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;0,9..40,800;0,9..40,900;1,9..40,400;1,9..40,500&family=JetBrains+Mono:wght@200;300;400;500;600;700;800&display=swap";:root{--font-display: "Plus Jakarta Sans", "Helvetica Neue", sans-serif;--font-body: "DM Sans", "Helvetica Neue", sans-serif;--font-mono: "JetBrains Mono", monospace}.varmoryBackgroundAccent{background:var(--q-surface-1)}.jPanel{border-radius:16px!important}.jPanel.fullscreen,.jPanelSquare{border-radius:0!important}.q-card{border-radius:16px!important}.q-dialog .q-card{border:none!important}.q-btn{border-radius:10px!important;letter-spacing:.3px!important;font-weight:600!important;text-transform:none!important;border-width:1px!important;transition:all .2s ease!important;border-color:transparent!important;box-shadow:0 0 3px 2px color-mix(in srgb,var(--q-primary) 10%,transparent)!important}.q-btn.q-btn--round{border-radius:50%!important;box-shadow:none!important}.q-btn.ghost{font-weight:200!important;box-shadow:none!important;background:transparent!important}.q-btn.ghost:hover{box-shadow:0 0 2px 2px color-mix(in srgb,var(--q-primary) 10%,transparent)!important;background:transparent!important}.q-btn.ghost:hover .q-focus-helper{background:transparent!important}.q-btn-group{border-radius:10px!important;border-color:transparent!important;box-shadow:0 2px 8px color-mix(in srgb,var(--q-primary) 30%,transparent)!important}.q-btn-group>.q-btn-item:not(:last-child){border-top-right-radius:0!important;border-bottom-right-radius:0!important}.q-btn-group>.q-btn-item:not(:first-child){border-top-left-radius:0!important;border-bottom-left-radius:0!important}.q-btn-group>.q-btn-item{box-shadow:none!important}';
|
|
2
|
+
export {
|
|
3
|
+
t as default
|
|
4
|
+
};
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
const r = '@import"https://fonts.googleapis.com/css2?family=MedievalSharp&family=EB+Garamond:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400;1,500;1,600&family=JetBrains+Mono:wght@200;300;400;500;600;700;800&display=swap";:root{--font-display: "MedievalSharp", "Georgia", serif;--font-body: "EB Garamond", "Georgia", serif;--font-mono: "JetBrains Mono", monospace}.varmoryBackgroundAccent{border-width:0px;background:repeating-linear-gradient(127deg,transparent,transparent 40px,color-mix(in srgb,var(--q-secondary) 12%,var(--q-surface-2)) 40px,color-mix(in srgb,var(--q-secondary) 20%,var(--q-surface-2)) 41px,transparent 42px),repeating-linear-gradient(-38deg,transparent,transparent 55px,color-mix(in srgb,var(--q-secondary) 8%,var(--q-surface-2)) 55px,color-mix(in srgb,var(--q-secondary) 15%,var(--q-surface-2)) 56px,transparent 57px),repeating-linear-gradient(73deg,transparent,transparent 70px,color-mix(in srgb,var(--q-accent) 6%,var(--q-surface-2)) 70px,color-mix(in srgb,var(--q-accent) 10%,var(--q-surface-2)) 71px,transparent 72px),radial-gradient(ellipse 50% 70% at 35% 60%,color-mix(in srgb,var(--q-secondary) 6%,var(--q-surface-2)) 0%,transparent 70%),radial-gradient(ellipse 40% 50% at 75% 30%,color-mix(in srgb,var(--q-accent) 4%,var(--q-surface-2)) 0%,transparent 70%),linear-gradient(170deg,color-mix(in srgb,var(--q-surface-1) 90%,black) 0%,var(--q-surface-1) 50%,color-mix(in srgb,var(--q-surface-1) 90%,black) 100%)}.varmoryBackgroundAccent .varmoryBackgroundAccentContainer{position:relative;overflow:hidden}.varmoryBackgroundAccent .varmoryBackgroundAccentContainer:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--q-surface-2) 20%,var(--q-primary) 50%,var(--q-surface-2) 80%,transparent);opacity:.9}.varmoryBackgroundAccentCompact.varmoryBackgroundAccent .varmoryBackgroundAccentContainer:before{top:auto;bottom:0;background:linear-gradient(90deg,transparent,var(--q-surface-border) 10%,var(--q-surface-border) 90%,transparent)}.varmoryBackgroundAccent .varmoryBackgroundAccentContainer:after{width:100%;height:100%;top:0;left:0;right:auto;background:radial-gradient(circle 600px at 85% 25%,color-mix(in srgb,var(--q-secondary) 14%,transparent) 0%,transparent 100%),radial-gradient(circle 400px at 75% 60%,color-mix(in srgb,var(--q-accent) 10%,transparent) 0%,transparent 100%),radial-gradient(circle 500px at 15% 35%,color-mix(in srgb,var(--q-secondary) 10%,transparent) 0%,transparent 100%),radial-gradient(circle 300px at 25% 75%,color-mix(in srgb,var(--q-accent) 8%,transparent) 0%,transparent 100%),radial-gradient(circle 750px at 50% 50%,color-mix(in srgb,var(--q-secondary) 5%,transparent) 0%,transparent 100%)}';
|
|
2
|
+
export {
|
|
3
|
+
r as default
|
|
4
|
+
};
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
const r = '@import"https://fonts.googleapis.com/css2?family=Newsreader:ital,opsz,wght@0,6..72,200;0,6..72,300;0,6..72,400;0,6..72,500;0,6..72,600;0,6..72,700;0,6..72,800;1,6..72,400;1,6..72,500;1,6..72,600&family=Source+Sans+3:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500&family=IBM+Plex+Mono:wght@200;300;400;500;600;700&display=swap";:root{--font-display: "Helvetica Neue", sans-serif;--font-body: "Source Sans 3", "Helvetica Neue", sans-serif;--font-mono: "IBM Plex Mono", "Consolas", monospace}.varmoryBackgroundAccent{background:repeating-linear-gradient(45deg,transparent,transparent 23px,color-mix(in srgb,var(--q-primary) 8%,transparent) 23px,color-mix(in srgb,var(--q-primary) 16%,transparent) 24px),repeating-linear-gradient(-45deg,transparent,transparent 23px,color-mix(in srgb,var(--q-primary) 12%,transparent) 23px,color-mix(in srgb,var(--q-primary) 6%,transparent) 24px),linear-gradient(170deg,color-mix(in srgb,var(--q-surface-1) 12%,var(--q-body-bg)),color-mix(in srgb,var(--q-surface-1) 12%,var(--q-body-bg)) 40%,color-mix(in srgb,var(--q-surface-1) 12%,var(--q-body-bg)),color-mix(in srgb,var(--q-surface-1) 12%,var(--q-body-bg)))}.varmoryBackgroundAccent .varmoryBackgroundAccentContainer{position:relative;overflow:hidden}.varmoryBackgroundAccent .varmoryBackgroundAccentContainer:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;opacity:.6;background:linear-gradient(90deg,transparent 5%,var(--q-primary) 30%,var(--q-primary) 50%,var(--q-secondary) 70%,transparent 95%)}.varmoryBackgroundAccentCompact.varmoryBackgroundAccent .varmoryBackgroundAccentContainer:before{top:auto;bottom:0}.varmoryBackgroundAccent .varmoryBackgroundAccentContainer:after{content:"";position:absolute;top:0;right:0;width:200px;height:200px;pointer-events:none;background:radial-gradient(circle,color-mix(in srgb,var(--q-primary) 12%,transparent) 0%,transparent 70%)}';
|
|
2
|
+
export {
|
|
3
|
+
r as default
|
|
4
|
+
};
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
const r = '@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;600;700;800;900&family=Space+Grotesk:wght@300;400;500;600;700&family=IBM+Plex+Mono:wght@200;300;400;500;600;700&display=swap";:root{--font-display: "Orbitron", "Space Grotesk", sans-serif;--font-body: "Space Grotesk", "IBM Plex Mono", sans-serif;--font-mono: "IBM Plex Mono", monospace}.varmoryBackgroundAccent{background:repeating-linear-gradient(0deg,transparent,transparent 3px,color-mix(in srgb,var(--q-primary) 4%,transparent) 3px,color-mix(in srgb,var(--q-primary) 4%,transparent) 4px),radial-gradient(ellipse 120px 100% at 30% 50%,color-mix(in srgb,var(--q-primary) 8%,transparent) 0%,transparent 100%),linear-gradient(180deg,color-mix(in srgb,var(--q-primary) 4%,var(--q-surface-1)) 0%,var(--q-surface-1) 50%,color-mix(in srgb,var(--q-accent) 3%,var(--q-surface-1)) 100%)}.varmoryBackgroundAccent .varmoryBackgroundAccentContainer{position:relative;overflow:hidden}.varmoryBackgroundAccent .varmoryBackgroundAccentContainer:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;opacity:.6;background:linear-gradient(90deg,transparent,var(--q-primary) 40%,var(--q-accent) 60%,transparent)}.varmoryBackgroundAccentCompact.varmoryBackgroundAccent .varmoryBackgroundAccentContainer:before{top:auto;bottom:0}.varmoryBackgroundAccent .varmoryBackgroundAccentContainer:after{content:"";position:absolute;top:0;right:0;width:200px;height:200px;pointer-events:none;background:radial-gradient(ellipse 200px 150px at 85% 20%,color-mix(in srgb,var(--q-primary) 12%,transparent) 0%,transparent 100%)}';
|
|
2
|
+
export {
|
|
3
|
+
r as default
|
|
4
|
+
};
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
const a = ":root{--q-primary: #06d6a0;--q-secondary: #d49c00;--q-accent: #e040fb;--q-dark: #050a14;--q-positive: #06d6a0;--q-negative: #ef4444;--q-info: #4da2ff;--q-warning: #f09000;--q-body-bg: #050a14;--q-surface-0: #050a14;--q-surface-1: #0a1628;--q-surface-2: #0d1f3c;--q-surface-3: #132d54;--q-surface-border: #1a3a6a;--q-surface-overlay: rgba(5, 10, 20, .85);--q-panel-gradient: linear-gradient(180deg, var(--q-surface-2) 0%, color-mix(in srgb, var(--q-surface-2) 90%, transparent) 100%);--q-panel-compact-gradient: linear-gradient(135deg, color-mix(in srgb, var(--q-surface-2) 95%, transparent) 0%, color-mix(in srgb, var(--q-surface-1) 95%, transparent) 100%);--q-text-bright: #f0f4f8;--q-text: #c8d6e5;--q-text-muted: #8cadce;--q-text-faint: rgba(174, 210, 245, .822);--q-glow-primary: color-mix(in srgb, var(--q-primary) 25%, transparent);--q-glow-accent: color-mix(in srgb, var(--q-accent) 25%, transparent);--q-glow-warning: color-mix(in srgb, var(--q-warning) 25%, transparent);--q-shadow-drop: color-mix(in srgb, black 55%, transparent);--q-shadow-inset: color-mix(in srgb, black 30%, transparent)}";
|
|
2
|
+
export {
|
|
3
|
+
a as default
|
|
4
|
+
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
const a = ":root{--q-primary: #50c878;--q-secondary: #c9a84c;--q-accent: #7a9e7e;--q-dark: #12141a;--q-positive: #50c878;--q-negative: #d4574e;--q-info: #6a9fd8;--q-warning: #dba545;--q-body-bg: #12141a;--q-surface-0: #12141a;--q-surface-1: #1b1e27;--q-surface-2: #232730;--q-surface-3: #2b303b;--q-surface-border: #383e4c;--q-surface-overlay: rgba(18, 20, 26, .92);--q-panel-gradient: linear-gradient(180deg, var(--q-surface-2) 0%, color-mix(in srgb, var(--q-surface-1) 75%, var(--q-surface-2)) 100%);--q-panel-compact-gradient: linear-gradient(135deg, var(--q-surface-2) 0%, color-mix(in srgb, var(--q-surface-1) 88%, transparent) 100%);--q-text-bright: #e8eaef;--q-text: #a4aab5;--q-text-muted: #626978;--q-text-faint: rgba(164, 170, 181, .25);--q-glow-primary: color-mix(in srgb, var(--q-primary) 15%, transparent);--q-glow-accent: color-mix(in srgb, var(--q-accent) 15%, transparent);--q-glow-warning: color-mix(in srgb, var(--q-warning) 18%, transparent);--q-shadow-drop: color-mix(in srgb, black 45%, transparent);--q-shadow-inset: color-mix(in srgb, black 22%, transparent)}
|
|
1
|
+
const a = ":root{--q-primary: #50c878;--q-secondary: #c9a84c;--q-accent: #7a9e7e;--q-dark: #12141a;--q-positive: #50c878;--q-negative: #d4574e;--q-info: #6a9fd8;--q-warning: #dba545;--q-body-bg: #12141a;--q-surface-0: #12141a;--q-surface-1: #1b1e27;--q-surface-2: #232730;--q-surface-3: #2b303b;--q-surface-border: #383e4c;--q-surface-overlay: rgba(18, 20, 26, .92);--q-panel-gradient: linear-gradient(180deg, var(--q-surface-2) 0%, color-mix(in srgb, var(--q-surface-1) 75%, var(--q-surface-2)) 100%);--q-panel-compact-gradient: linear-gradient(135deg, var(--q-surface-2) 0%, color-mix(in srgb, var(--q-surface-1) 88%, transparent) 100%);--q-text-bright: #e8eaef;--q-text: #a4aab5;--q-text-muted: #626978;--q-text-faint: rgba(164, 170, 181, .25);--q-glow-primary: color-mix(in srgb, var(--q-primary) 15%, transparent);--q-glow-accent: color-mix(in srgb, var(--q-accent) 15%, transparent);--q-glow-warning: color-mix(in srgb, var(--q-warning) 18%, transparent);--q-shadow-drop: color-mix(in srgb, black 45%, transparent);--q-shadow-inset: color-mix(in srgb, black 22%, transparent)}";
|
|
2
2
|
export {
|
|
3
3
|
a as default
|
|
4
4
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
const r = ":root{--q-primary: #42a5f5;--q-secondary: #26d87a;--q-accent: #9b33cc;--q-dark: #0e1117;--q-positive: #26d87a;--q-negative: #f87171;--q-info: #42a5f5;--q-warning: #fbbf24;--q-body-bg: #0e1117;--q-surface-0: #0e1117;--q-surface-1: #161b22;--q-surface-2: #1c2129;--q-surface-3: #242a33;--q-surface-border: #333b47;--q-surface-overlay: rgba(14, 17, 23, .92);--q-panel-gradient: linear-gradient(180deg, var(--q-surface-2) 0%, color-mix(in srgb, var(--q-surface-1) 80%, transparent) 100%);--q-panel-compact-gradient: linear-gradient(135deg, var(--q-surface-2) 0%, color-mix(in srgb, var(--q-surface-1) 90%, transparent) 100%);--q-text-bright: #ecf0f5;--q-text: #adb5c4;--q-text-muted: #636d7e;--q-text-faint: rgba(173, 181, 196, .25);--q-glow-primary: color-mix(in srgb, var(--q-primary) 18%, transparent);--q-glow-accent: color-mix(in srgb, var(--q-accent) 18%, transparent);--q-glow-warning: color-mix(in srgb, var(--q-warning) 18%, transparent);--q-shadow-drop: color-mix(in srgb, black 50%, transparent);--q-shadow-inset: color-mix(in srgb, black 25%, transparent)}
|
|
1
|
+
const r = ":root{--q-primary: #42a5f5;--q-secondary: #26d87a;--q-accent: #9b33cc;--q-dark: #0e1117;--q-positive: #26d87a;--q-negative: #f87171;--q-info: #42a5f5;--q-warning: #fbbf24;--q-body-bg: #0e1117;--q-surface-0: #0e1117;--q-surface-1: #161b22;--q-surface-2: #1c2129;--q-surface-3: #242a33;--q-surface-border: #333b47;--q-surface-overlay: rgba(14, 17, 23, .92);--q-panel-gradient: linear-gradient(180deg, var(--q-surface-2) 0%, color-mix(in srgb, var(--q-surface-1) 80%, transparent) 100%);--q-panel-compact-gradient: linear-gradient(135deg, var(--q-surface-2) 0%, color-mix(in srgb, var(--q-surface-1) 90%, transparent) 100%);--q-text-bright: #ecf0f5;--q-text: #adb5c4;--q-text-muted: #636d7e;--q-text-faint: rgba(173, 181, 196, .25);--q-glow-primary: color-mix(in srgb, var(--q-primary) 18%, transparent);--q-glow-accent: color-mix(in srgb, var(--q-accent) 18%, transparent);--q-glow-warning: color-mix(in srgb, var(--q-warning) 18%, transparent);--q-shadow-drop: color-mix(in srgb, black 50%, transparent);--q-shadow-inset: color-mix(in srgb, black 25%, transparent)}";
|
|
2
2
|
export {
|
|
3
3
|
r as default
|
|
4
4
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
const a = ":root{--q-primary: #4ade80;--q-secondary: #d4a017;--q-accent: #a855f7;--q-dark: #0c0a08;--q-positive: #4ade80;--q-negative: #ef4444;--q-info: #60a5fa;--q-warning: #f59e0b;--q-body-bg: #0c0a08;--q-surface-0: #0c0a08;--q-surface-1: #1a1510;--q-surface-2: #251e16;--q-surface-3: #33291e;--q-surface-border: #4a3c2a;--q-surface-overlay: rgba(12, 10, 8, .88);--q-panel-gradient: linear-gradient(180deg, var(--q-surface-2) 0%, color-mix(in srgb, var(--q-surface-1) 80%, transparent) 100%);--q-panel-compact-gradient: linear-gradient(135deg, color-mix(in srgb, var(--q-surface-2) 95%, transparent) 0%, color-mix(in srgb, var(--q-surface-1) 90%, transparent) 100%);--q-text-bright: #f5e6d0;--q-text: #c9b89a;--q-text-muted: #7a6b56;--q-text-faint: rgba(201, 184, 154, .3);--q-glow-primary: color-mix(in srgb, var(--q-primary) 20%, transparent);--q-glow-accent: color-mix(in srgb, var(--q-accent) 20%, transparent);--q-glow-warning: color-mix(in srgb, var(--q-warning) 25%, transparent);--q-shadow-drop: color-mix(in srgb, black 60%, transparent);--q-shadow-inset: color-mix(in srgb, black 35%, transparent)}
|
|
1
|
+
const a = ":root{--q-primary: #4ade80;--q-secondary: #d4a017;--q-accent: #a855f7;--q-dark: #0c0a08;--q-positive: #4ade80;--q-negative: #ef4444;--q-info: #60a5fa;--q-warning: #f59e0b;--q-body-bg: #0c0a08;--q-surface-0: #0c0a08;--q-surface-1: #1a1510;--q-surface-2: #251e16;--q-surface-3: #33291e;--q-surface-border: #4a3c2a;--q-surface-overlay: rgba(12, 10, 8, .88);--q-panel-gradient: linear-gradient(180deg, var(--q-surface-2) 0%, color-mix(in srgb, var(--q-surface-1) 80%, transparent) 100%);--q-panel-compact-gradient: linear-gradient(135deg, color-mix(in srgb, var(--q-surface-2) 95%, transparent) 0%, color-mix(in srgb, var(--q-surface-1) 90%, transparent) 100%);--q-text-bright: #f5e6d0;--q-text: #c9b89a;--q-text-muted: #7a6b56;--q-text-faint: rgba(201, 184, 154, .3);--q-glow-primary: color-mix(in srgb, var(--q-primary) 20%, transparent);--q-glow-accent: color-mix(in srgb, var(--q-accent) 20%, transparent);--q-glow-warning: color-mix(in srgb, var(--q-warning) 25%, transparent);--q-shadow-drop: color-mix(in srgb, black 60%, transparent);--q-shadow-inset: color-mix(in srgb, black 35%, transparent)}";
|
|
2
2
|
export {
|
|
3
3
|
a as default
|
|
4
4
|
};
|