@oddessentials/agent-guild 0.12.1 → 0.13.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.
Files changed (63) hide show
  1. package/README.md +2 -1
  2. package/package.json +1 -1
  3. package/web/index.html +1 -0
  4. package/web/skins/gnomeland/characters/anthropic/idle.avif +0 -0
  5. package/web/skins/gnomeland/characters/anthropic/idle.webp +0 -0
  6. package/web/skins/gnomeland/characters/anthropic/locked.avif +0 -0
  7. package/web/skins/gnomeland/characters/anthropic/locked.webp +0 -0
  8. package/web/skins/gnomeland/characters/anthropic/working.avif +0 -0
  9. package/web/skins/gnomeland/characters/anthropic/working.webp +0 -0
  10. package/web/skins/gnomeland/characters/google/idle.avif +0 -0
  11. package/web/skins/gnomeland/characters/google/idle.webp +0 -0
  12. package/web/skins/gnomeland/characters/google/locked.avif +0 -0
  13. package/web/skins/gnomeland/characters/google/locked.webp +0 -0
  14. package/web/skins/gnomeland/characters/google/working.avif +0 -0
  15. package/web/skins/gnomeland/characters/google/working.webp +0 -0
  16. package/web/skins/gnomeland/characters/openai/idle.avif +0 -0
  17. package/web/skins/gnomeland/characters/openai/idle.webp +0 -0
  18. package/web/skins/gnomeland/characters/openai/locked.avif +0 -0
  19. package/web/skins/gnomeland/characters/openai/locked.webp +0 -0
  20. package/web/skins/gnomeland/characters/openai/working.avif +0 -0
  21. package/web/skins/gnomeland/characters/openai/working.webp +0 -0
  22. package/web/skins/gnomeland/characters/shell/idle.avif +0 -0
  23. package/web/skins/gnomeland/characters/shell/idle.webp +0 -0
  24. package/web/skins/gnomeland/characters/shell/locked.avif +0 -0
  25. package/web/skins/gnomeland/characters/shell/locked.webp +0 -0
  26. package/web/skins/gnomeland/characters/shell/working.avif +0 -0
  27. package/web/skins/gnomeland/characters/shell/working.webp +0 -0
  28. package/web/skins/gnomeland/characters/xai/idle.avif +0 -0
  29. package/web/skins/gnomeland/characters/xai/idle.webp +0 -0
  30. package/web/skins/gnomeland/characters/xai/locked.avif +0 -0
  31. package/web/skins/gnomeland/characters/xai/locked.webp +0 -0
  32. package/web/skins/gnomeland/characters/xai/working.avif +0 -0
  33. package/web/skins/gnomeland/characters/xai/working.webp +0 -0
  34. package/web/skins/gnomeland/familiars/aether.png +0 -0
  35. package/web/skins/gnomeland/familiars/flame.png +0 -0
  36. package/web/skins/gnomeland/familiars/leaf.png +0 -0
  37. package/web/skins/gnomeland/familiars/night.png +0 -0
  38. package/web/skins/gnomeland/fonts/OFL.txt +93 -0
  39. package/web/skins/gnomeland/fonts/almendra-bold.woff2 +0 -0
  40. package/web/skins/gnomeland/icons/anthropic.avif +0 -0
  41. package/web/skins/gnomeland/icons/anthropic.webp +0 -0
  42. package/web/skins/gnomeland/icons/google.avif +0 -0
  43. package/web/skins/gnomeland/icons/google.webp +0 -0
  44. package/web/skins/gnomeland/icons/openai.avif +0 -0
  45. package/web/skins/gnomeland/icons/openai.webp +0 -0
  46. package/web/skins/gnomeland/icons/shell.avif +0 -0
  47. package/web/skins/gnomeland/icons/shell.webp +0 -0
  48. package/web/skins/gnomeland/icons/xai.avif +0 -0
  49. package/web/skins/gnomeland/icons/xai.webp +0 -0
  50. package/web/skins/gnomeland/page-light.avif +0 -0
  51. package/web/skins/gnomeland/page-light.webp +0 -0
  52. package/web/skins/gnomeland/page.avif +0 -0
  53. package/web/skins/gnomeland/page.webp +0 -0
  54. package/web/skins/gnomeland/skin.css +389 -0
  55. package/web/skins/gnomeland/ui/cog.svg +1 -0
  56. package/web/skins/gnomeland/ui/crystal.svg +1 -0
  57. package/web/skins/gnomeland/ui/empty-state.avif +0 -0
  58. package/web/skins/gnomeland/ui/empty-state.webp +0 -0
  59. package/web/skins/gnomeland/ui/frame.svg +1 -0
  60. package/web/skins/gnomeland/ui/level.svg +1 -0
  61. package/web/skins/gnomeland/ui/lock.svg +1 -0
  62. package/web/skins/gnomeland/ui/wheel.svg +1 -0
  63. package/web/theme.js +1 -0
package/README.md CHANGED
@@ -104,7 +104,8 @@ vX.Y.Z** switches over when you are ready. The version badge opens
104
104
  dark mode, without a reload. **Guild** is the default fantasy look;
105
105
  **Professional** is a plain business look with no characters; **Orbital**
106
106
  puts a crew of little robots in deep space; **Grove** is a calm moss garden
107
- of gentle nature spirits. The page
107
+ of gentle nature spirits; **Gnomeland** is a lantern-lit village of gnome
108
+ builders, engineers with a little magic. The page
108
109
  follows your system's light or dark setting until you pick one. See
109
110
  [docs/SKINS.md](docs/SKINS.md) to make another.
110
111
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@oddessentials/agent-guild",
3
- "version": "0.12.1",
3
+ "version": "0.13.0",
4
4
  "description": "Launch and watch AI coding-assistant terminal sessions from one local web page. A bundled session manager owns the terminals so the page can close and reconnect.",
5
5
  "license": "MIT",
6
6
  "repository": {
package/web/index.html CHANGED
@@ -14,6 +14,7 @@
14
14
  <link rel="stylesheet" href="/skins/professional/skin.css">
15
15
  <link rel="stylesheet" href="/skins/orbital/skin.css">
16
16
  <link rel="stylesheet" href="/skins/grove/skin.css">
17
+ <link rel="stylesheet" href="/skins/gnomeland/skin.css">
17
18
  </head>
18
19
  <body>
19
20
  <header class="topbar">
package/web/skins/gnomeland/fonts/OFL.txt ADDED
@@ -0,0 +1,93 @@
1
+ Copyright (c) 2011-2012, Ana Sanfelippo (anasanfe@gmail.com), with Reserved Font Name 'Almendra'
2
+
3
+ This Font Software is licensed under the SIL Open Font License, Version 1.1.
4
+ This license is copied below, and is also available with a FAQ at:
5
+ http://scripts.sil.org/OFL
6
+
7
+
8
+ -----------------------------------------------------------
9
+ SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
10
+ -----------------------------------------------------------
11
+
12
+ PREAMBLE
13
+ The goals of the Open Font License (OFL) are to stimulate worldwide
14
+ development of collaborative font projects, to support the font creation
15
+ efforts of academic and linguistic communities, and to provide a free and
16
+ open framework in which fonts may be shared and improved in partnership
17
+ with others.
18
+
19
+ The OFL allows the licensed fonts to be used, studied, modified and
20
+ redistributed freely as long as they are not sold by themselves. The
21
+ fonts, including any derivative works, can be bundled, embedded,
22
+ redistributed and/or sold with any software provided that any reserved
23
+ names are not used by derivative works. The fonts and derivatives,
24
+ however, cannot be released under any other type of license. The
25
+ requirement for fonts to remain under this license does not apply
26
+ to any document created using the fonts or their derivatives.
27
+
28
+ DEFINITIONS
29
+ "Font Software" refers to the set of files released by the Copyright
30
+ Holder(s) under this license and clearly marked as such. This may
31
+ include source files, build scripts and documentation.
32
+
33
+ "Reserved Font Name" refers to any names specified as such after the
34
+ copyright statement(s).
35
+
36
+ "Original Version" refers to the collection of Font Software components as
37
+ distributed by the Copyright Holder(s).
38
+
39
+ "Modified Version" refers to any derivative made by adding to, deleting,
40
+ or substituting -- in part or in whole -- any of the components of the
41
+ Original Version, by changing formats or by porting the Font Software to a
42
+ new environment.
43
+
44
+ "Author" refers to any designer, engineer, programmer, technical
45
+ writer or other person who contributed to the Font Software.
46
+
47
+ PERMISSION & CONDITIONS
48
+ Permission is hereby granted, free of charge, to any person obtaining
49
+ a copy of the Font Software, to use, study, copy, merge, embed, modify,
50
+ redistribute, and sell modified and unmodified copies of the Font
51
+ Software, subject to the following conditions:
52
+
53
+ 1) Neither the Font Software nor any of its individual components,
54
+ in Original or Modified Versions, may be sold by itself.
55
+
56
+ 2) Original or Modified Versions of the Font Software may be bundled,
57
+ redistributed and/or sold with any software, provided that each copy
58
+ contains the above copyright notice and this license. These can be
59
+ included either as stand-alone text files, human-readable headers or
60
+ in the appropriate machine-readable metadata fields within text or
61
+ binary files as long as those fields can be easily viewed by the user.
62
+
63
+ 3) No Modified Version of the Font Software may use the Reserved Font
64
+ Name(s) unless explicit written permission is granted by the corresponding
65
+ Copyright Holder. This restriction only applies to the primary font name as
66
+ presented to the users.
67
+
68
+ 4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
69
+ Software shall not be used to promote, endorse or advertise any
70
+ Modified Version, except to acknowledge the contribution(s) of the
71
+ Copyright Holder(s) and the Author(s) or with their explicit written
72
+ permission.
73
+
74
+ 5) The Font Software, modified or unmodified, in part or in whole,
75
+ must be distributed entirely under this license, and must not be
76
+ distributed under any other license. The requirement for fonts to
77
+ remain under this license does not apply to any document created
78
+ using the Font Software.
79
+
80
+ TERMINATION
81
+ This license becomes null and void if any of the above conditions are
82
+ not met.
83
+
84
+ DISCLAIMER
85
+ THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
86
+ EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
87
+ MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
88
+ OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
89
+ COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
90
+ INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
91
+ DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
92
+ FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
93
+ OTHER DEALINGS IN THE FONT SOFTWARE.
package/web/skins/gnomeland/page.avif ADDED
Binary file
package/web/skins/gnomeland/page.webp ADDED
Binary file
package/web/skins/gnomeland/skin.css ADDED
@@ -0,0 +1,389 @@
1
+ /* The Gnomeland skin: a village of gnome builders, engineers with a little magic, in timber, brass and lantern light.
2
+ Everything here applies only while <html data-skin="gnomeland">; docs/SKINS.md lists every slot.
3
+ The art is built by concept-art/gnomeland-skin/source/build.py. */
4
+
5
+ @font-face {
6
+ font-family: "Almendra";
7
+ src: url("fonts/almendra-bold.woff2") format("woff2");
8
+ font-weight: 700;
9
+ font-display: swap;
10
+ }
11
+
12
+ :where(:root[data-skin="gnomeland"]) {
13
+ --bg: #f4efe4;
14
+ --surface: #fffaf0;
15
+ --surface-2: #f4ebd9;
16
+ --border: #e0d1b2;
17
+ --text: #261b10;
18
+ --muted: #6c5a43;
19
+ --heading: #2f1f11;
20
+ --accent: #3b6b36;
21
+ --accent-fill: #3d6e37;
22
+ --accent-text: #ffffff;
23
+ --danger: #b0362a;
24
+ --ok: #2c7a3c;
25
+ --warn: #9a5a00;
26
+ --gold: #b88a3e;
27
+ --gold-ink: #7a5418;
28
+ --focus: #3b6b36;
29
+ --shadow: 0 1px 2px rgba(70, 45, 15, 0.08), 0 6px 18px rgba(70, 45, 15, 0.08);
30
+ --radius: 8px;
31
+ --font-display: "Almendra", "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;
32
+
33
+ --panel: rgba(255, 250, 240, 0.86);
34
+ --panel-strong: rgba(255, 250, 240, 0.95);
35
+ --rule: linear-gradient(90deg, transparent, #c99a4a 20%, #e9c47a 50%, #c99a4a 80%, transparent);
36
+ --fireflies:
37
+ radial-gradient(circle, rgba(255, 214, 120, 0.85) 0 0.9px, transparent 1.8px) 0 0 / 43px 37px,
38
+ radial-gradient(circle, rgba(255, 236, 170, 0.6) 0 0.7px, transparent 1.5px) 19px 21px / 59px 53px,
39
+ radial-gradient(circle, rgba(200, 255, 150, 0.45) 0 0.6px, transparent 1.3px) 7px 33px / 31px 67px;
40
+ --page-art: image-set(url("page-light.avif") type("image/avif"), url("page-light.webp") type("image/webp"));
41
+ --empty-shadow: rgba(70, 45, 15, 0.3);
42
+ --card-shadow: 0 1px 2px rgba(70, 45, 15, 0.08), 0 10px 26px rgba(70, 45, 15, 0.12);
43
+ --card-hover-shadow: 0 2px 4px rgba(70, 45, 15, 0.08), 0 16px 34px color-mix(in srgb, var(--pc) 20%, rgba(70, 45, 15, 0.14));
44
+ --dialog-shadow: 0 30px 70px -18px rgba(50, 30, 10, 0.4);
45
+
46
+ body { background: var(--bg); }
47
+ body::before {
48
+ content: ""; position: fixed; inset: 0; z-index: -1; pointer-events: none;
49
+ background: var(--page-art) center bottom / cover no-repeat;
50
+ }
51
+ h2 { font-weight: 700; letter-spacing: 0.02em; font-size: 1.15rem; }
52
+
53
+ .topbar { background: var(--panel); backdrop-filter: blur(12px) saturate(1.1); border-bottom: 1px solid transparent; border-image: var(--rule) 1; }
54
+ .version { font-family: var(--font-display); color: var(--gold-ink); border-color: color-mix(in srgb, var(--gold) 50%, transparent); background: transparent; }
55
+ .version:hover { color: var(--gold-ink); border-color: var(--gold); }
56
+ .version.unread::after { background: radial-gradient(circle at 35% 30%, #fff6d0 0 14%, #f0b84a 50%, #a8661a 100%); box-shadow: 0 0 0 2px var(--surface), 0 0 8px #f0b84a; }
57
+ .connection .dot { box-shadow: 0 0 0 3px color-mix(in srgb, var(--dot) 18%, transparent), 0 0 7px var(--dot); }
58
+ .section-head { padding-bottom: 9px; border-bottom: 1px solid transparent; border-image: linear-gradient(90deg, var(--gold), color-mix(in srgb, var(--gold) 30%, transparent) 45%, transparent 85%) 1; }
59
+
60
+ /* --hearth reads --pc, so it is declared on the elements that set it, not on :root. */
61
+ .provider, .session-card {
62
+ --hearth: radial-gradient(120% 90% at 50% 38%, color-mix(in srgb, var(--pc) 34%, #2b1a0d) 0%, #170e07 62%, #0c0704 100%);
63
+ }
64
+
65
+ /* Provider colour and art. Unknown providers fall back to the Shell ghost. */
66
+ .provider, .session-card {
67
+ --pc: #9a6cf0;
68
+ --idle: image-set(url("characters/shell/idle.avif") type("image/avif"), url("characters/shell/idle.webp") type("image/webp"));
69
+ --working: image-set(url("characters/shell/working.avif") type("image/avif"), url("characters/shell/working.webp") type("image/webp"));
70
+ --locked: image-set(url("characters/shell/locked.avif") type("image/avif"), url("characters/shell/locked.webp") type("image/webp"));
71
+ }
72
+ .provider[data-id="anthropic"], .session-card[data-provider="anthropic"] {
73
+ --pc: #dd7a3e;
74
+ --idle: image-set(url("characters/anthropic/idle.avif") type("image/avif"), url("characters/anthropic/idle.webp") type("image/webp"));
75
+ --working: image-set(url("characters/anthropic/working.avif") type("image/avif"), url("characters/anthropic/working.webp") type("image/webp"));
76
+ --locked: image-set(url("characters/anthropic/locked.avif") type("image/avif"), url("characters/anthropic/locked.webp") type("image/webp"));
77
+ }
78
+ .provider[data-id="openai"], .session-card[data-provider="openai"] {
79
+ --pc: #36b86f;
80
+ --idle: image-set(url("characters/openai/idle.avif") type("image/avif"), url("characters/openai/idle.webp") type("image/webp"));
81
+ --working: image-set(url("characters/openai/working.avif") type("image/avif"), url("characters/openai/working.webp") type("image/webp"));
82
+ --locked: image-set(url("characters/openai/locked.avif") type("image/avif"), url("characters/openai/locked.webp") type("image/webp"));
83
+ }
84
+ .provider[data-id="google"], .session-card[data-provider="google"] {
85
+ --pc: #4d84e6;
86
+ --idle: image-set(url("characters/google/idle.avif") type("image/avif"), url("characters/google/idle.webp") type("image/webp"));
87
+ --working: image-set(url("characters/google/working.avif") type("image/avif"), url("characters/google/working.webp") type("image/webp"));
88
+ --locked: image-set(url("characters/google/locked.avif") type("image/avif"), url("characters/google/locked.webp") type("image/webp"));
89
+ }
90
+ .provider[data-id="xai"], .session-card[data-provider="xai"] {
91
+ --pc: #2cc3d3;
92
+ --idle: image-set(url("characters/xai/idle.avif") type("image/avif"), url("characters/xai/idle.webp") type("image/webp"));
93
+ --working: image-set(url("characters/xai/working.avif") type("image/avif"), url("characters/xai/working.webp") type("image/webp"));
94
+ --locked: image-set(url("characters/xai/locked.avif") type("image/avif"), url("characters/xai/locked.webp") type("image/webp"));
95
+ }
96
+
97
+ .provider-icon[data-provider="anthropic"] { --icon: image-set(url("icons/anthropic.avif") type("image/avif"), url("icons/anthropic.webp") type("image/webp")); }
98
+ .provider-icon[data-provider="openai"] { --icon: image-set(url("icons/openai.avif") type("image/avif"), url("icons/openai.webp") type("image/webp")); }
99
+ .provider-icon[data-provider="google"] { --icon: image-set(url("icons/google.avif") type("image/avif"), url("icons/google.webp") type("image/webp")); }
100
+ .provider-icon[data-provider="xai"] { --icon: image-set(url("icons/xai.avif") type("image/avif"), url("icons/xai.webp") type("image/webp")); }
101
+ .provider-icon[data-provider="shell"] { --icon: image-set(url("icons/shell.avif") type("image/avif"), url("icons/shell.webp") type("image/webp")); }
102
+ .provider-icon:not(.has-image) { box-shadow: 0 0 0 1.5px #c99a4a, 0 0 0 2.5px rgba(90, 56, 20, 0.35); }
103
+ .provider-icon:not(.has-image)[data-provider="anthropic"],
104
+ .provider-icon:not(.has-image)[data-provider="openai"],
105
+ .provider-icon:not(.has-image)[data-provider="google"],
106
+ .provider-icon:not(.has-image)[data-provider="xai"],
107
+ .provider-icon:not(.has-image)[data-provider="shell"] {
108
+ background: var(--icon) center / cover no-repeat; color: transparent;
109
+ box-shadow: 0 0 0 1.5px #c99a4a, 0 0 0 2.5px rgba(90, 56, 20, 0.45), 0 2px 6px rgba(50, 30, 10, 0.3);
110
+ }
111
+
112
+ /* Cards: parchment panels held by riveted brass corner brackets. */
113
+ .provider, .session-card {
114
+ position: relative; isolation: isolate; overflow: hidden;
115
+ padding: 16px; background: var(--panel); backdrop-filter: blur(10px);
116
+ border: 1px solid color-mix(in srgb, var(--pc) 18%, var(--border)); box-shadow: var(--card-shadow);
117
+ transition: border-color 0.25s, box-shadow 0.25s, transform 0.3s var(--ease);
118
+ }
119
+ .provider:hover, .session-card:hover {
120
+ transform: translateY(-2px); border-color: color-mix(in srgb, var(--pc) 50%, var(--border)); box-shadow: var(--card-hover-shadow);
121
+ }
122
+ .provider::after, .session-card::after, .models::after, .auth::after {
123
+ content: ""; position: absolute; inset: 2px; z-index: 2; pointer-events: none;
124
+ border: 22px solid transparent; border-image: url("ui/frame.svg") 30 / 22px stretch;
125
+ }
126
+ /* A warm lantern glint sweeps across a provider card on hover. */
127
+ .provider::before {
128
+ content: ""; position: absolute; inset: 0; z-index: 1; pointer-events: none;
129
+ background: linear-gradient(105deg, transparent 38%, rgba(255, 220, 150, 0.32) 50%, transparent 62%) -100% 0 / 220% 100% no-repeat;
130
+ opacity: 0;
131
+ }
132
+ .provider:hover::before { opacity: 1; background-position: 100% 0; transition: background-position 1.1s var(--ease), opacity 0.2s; }
133
+
134
+ .card-art { position: absolute; z-index: -1; overflow: hidden; pointer-events: none; background: var(--fireflies), var(--hearth); }
135
+ .card-art::before { content: ""; position: absolute; inset: 0; background: var(--idle) no-repeat; }
136
+ .provider .card-art::before { transition: transform 0.5s var(--ease); }
137
+ .provider:hover .card-art::before { transform: translate(calc(var(--px, 0) * -6px), calc(var(--py, 0) * -4px)) scale(1.04); }
138
+ .provider.unavailable { border-color: var(--border); }
139
+ .provider.unavailable .card-art { background: radial-gradient(120% 90% at 50% 38%, #3a352e 0%, #17140f 70%); }
140
+ .provider.unavailable .card-art::before { background-image: var(--locked); }
141
+ .provider.unavailable::after {
142
+ background: url("ui/lock.svg") right 8px top 8px / 32px 32px no-repeat; background-origin: border-box;
143
+ }
144
+
145
+ .session-card { min-height: 196px; }
146
+ .session-card .card-art::after {
147
+ content: ""; position: absolute; inset: 0; background: var(--working) no-repeat;
148
+ opacity: 0; transition: opacity 0.6s var(--ease);
149
+ }
150
+ .session-card:has(.status-pill.active) .card-art::after { opacity: 1; }
151
+ .session-card:has(.status-pill.active) { border-color: color-mix(in srgb, var(--pc) 60%, var(--border)); }
152
+ .session-card.exited .card-art { filter: sepia(0.5) grayscale(0.7) brightness(0.8); }
153
+ .session-card .card-top > .provider-icon { display: none; }
154
+ .session-card .card-top { flex-wrap: wrap; gap: 6px 8px; }
155
+ .session-card .card-title { flex-basis: 100%; }
156
+
157
+ /* Working: a brass cog turns behind the gnome in a forge glow while sparks rise. */
158
+ .card-aura { position: absolute; z-index: -1; overflow: hidden; pointer-events: none; opacity: 0; transition: opacity 0.6s var(--ease); }
159
+ .card-aura::before {
160
+ content: ""; position: absolute; left: 50%; top: 34%; width: 150%; aspect-ratio: 1; translate: -50% -50%;
161
+ background: url("ui/wheel.svg") center / 100% no-repeat; opacity: 0.32;
162
+ filter: drop-shadow(0 0 6px color-mix(in srgb, var(--pc) 70%, transparent));
163
+ }
164
+ .card-aura::after {
165
+ content: ""; position: absolute; inset: 0 0 auto 0; height: calc(100% + 120px);
166
+ background-image:
167
+ radial-gradient(circle, #ffe39a 0 1.2px, transparent 2px),
168
+ radial-gradient(circle, color-mix(in srgb, var(--pc) 70%, #fff) 0 1px, transparent 1.8px),
169
+ radial-gradient(circle, #ffb35a 0 0.9px, transparent 1.6px);
170
+ background-size: 46px 60px, 70px 44px, 31px 120px;
171
+ background-position: 6px 10px, 28px 24px, 15px 50px;
172
+ mask-image: linear-gradient(to top, #000 30%, transparent 85%);
173
+ }
174
+ .session-card:has(.status-pill.active) .card-aura { opacity: 1; }
175
+ .session-card:has(.status-pill.active) .card-aura::before { animation: gnomeland-turn 9s linear infinite; }
176
+ .session-card:has(.status-pill.active) .card-aura::after { animation: gnomeland-sparks 2.6s linear infinite; }
177
+ body:has(#terminal-panel:not([hidden])) main :is(.card-aura, .status-pill, .agent)::before,
178
+ body:has(#terminal-panel:not([hidden])) main :is(.card-aura, .agent)::after { animation-play-state: paused; }
179
+
180
+ .level-badge {
181
+ display: grid; place-items: center; position: absolute; left: 10px; bottom: 10px; z-index: 3;
182
+ width: 52px; height: 52px; padding-top: 2px;
183
+ background: url("ui/level.svg") center / contain no-repeat;
184
+ font-weight: 800; font-size: 1rem; color: #fbe3a6; font-variant-numeric: tabular-nums;
185
+ text-shadow: 0 0 6px rgba(240, 184, 74, 0.8), 0 1px 2px #000;
186
+ filter: drop-shadow(0 2px 3px rgba(20, 10, 0, 0.45));
187
+ }
188
+ .level-badge:empty { display: none; }
189
+ .level-badge.level-up { animation: gnomeland-level-up 1.2s var(--ease); }
190
+
191
+ .agent {
192
+ --fc: var(--c);
193
+ border-width: 1.5px; border-color: #c99a4a; place-items: end end; padding: 0 3px 1px 0;
194
+ background: #1a110a center / cover no-repeat;
195
+ color: #fff; font-size: 0.6rem; text-shadow: 0 0 3px #000, 0 1px 2px #000;
196
+ box-shadow: 0 0 0 1px rgba(90, 56, 20, 0.5), 0 0 8px color-mix(in srgb, var(--fc) 45%, transparent);
197
+ }
198
+ .session-card .agent { width: 34px; height: 34px; }
199
+ .agent.working::after { border-color: var(--fc); }
200
+ .agent[data-familiar="flame"] { --fc: #ff9a4a; background-image: url("familiars/flame.png"); }
201
+ .agent[data-familiar="leaf"] { --fc: #7fd35a; background-image: url("familiars/leaf.png"); }
202
+ .agent[data-familiar="night"] { --fc: #b38cff; background-image: url("familiars/night.png"); }
203
+ .agent[data-familiar="aether"] { --fc: #6cc8ff; background-image: url("familiars/aether.png"); }
204
+ .agent.summon { animation: gnomeland-summon 0.75s var(--ease) both; }
205
+
206
+ .meter-label { padding-left: 19px; background: url("ui/cog.svg") left center / 14px 14px no-repeat; }
207
+ .meter + .meter .meter-label { background-image: url("ui/crystal.svg"); }
208
+ .meter-bar, .stat-bar { height: 7px; border-radius: 4px; box-shadow: inset 0 1px 1px rgba(60, 35, 10, 0.18); }
209
+ .meter-fill { border-radius: 4px; background: linear-gradient(90deg, #2f6b33, #6cb05a); }
210
+ .meter + .meter .meter-fill { background: linear-gradient(90deg, #2f55b8, #64a0f0); }
211
+ .meter.low .meter-fill { background: linear-gradient(90deg, #9a5a00, #e9a53e); }
212
+ .meter.empty .meter-fill { background: linear-gradient(90deg, #9c2a20, #d9584a); }
213
+ .stat-fill { border-radius: 4px; background: linear-gradient(90deg, color-mix(in srgb, var(--tier) 60%, #2f1f11), var(--tier)); }
214
+ .model-stats-head { color: var(--accent); }
215
+ .stat-tier { border-radius: 5px; font-family: var(--font-display); }
216
+ .tier-s { --tier: #b07d12; --tier-ink: #6b4a00; }
217
+ .tier-a { --tier: #8a55c8; --tier-ink: #5a2f94; }
218
+ .tier-b { --tier: #3a6fd0; --tier-ink: #1f4a9c; }
219
+ .tier-c { --tier: #2f8a45; --tier-ink: #1c5e2c; }
220
+ .tier-d { --tier: #9a8b74; --tier-ink: #5c4f3c; }
221
+
222
+ #empty { padding: 4px 16px 8px; text-align: center; }
223
+ #empty::before {
224
+ content: ""; display: block; width: 230px; height: 214px; margin: 0 auto 12px;
225
+ background: image-set(url("ui/empty-state.avif") type("image/avif"), url("ui/empty-state.webp") type("image/webp")) center / contain no-repeat;
226
+ filter: drop-shadow(0 12px 16px var(--empty-shadow));
227
+ transform-origin: 50% 100%;
228
+ animation: gnomeland-sway 7s ease-in-out infinite alternate;
229
+ }
230
+
231
+ .status-pill { border: 1px solid var(--border); background: var(--panel-strong); }
232
+ .status-pill.active { border-color: color-mix(in srgb, var(--ok) 45%, transparent); background: color-mix(in srgb, var(--ok) 9%, var(--surface)); }
233
+ .status-pill.exited { border-color: color-mix(in srgb, var(--danger) 35%, transparent); background: color-mix(in srgb, var(--danger) 6%, var(--surface)); }
234
+ .model-pill { border: 1px solid color-mix(in srgb, var(--accent) 35%, transparent); }
235
+ .provider .tier { border-color: color-mix(in srgb, var(--pc) 45%, var(--border)); color: color-mix(in srgb, var(--pc) 50%, var(--text)); background: color-mix(in srgb, var(--pc) 10%, var(--surface)); }
236
+
237
+ .btn { background: var(--panel-strong); }
238
+ .btn:hover { border-color: color-mix(in srgb, var(--gold) 70%, var(--border)); box-shadow: 0 0 0 3px color-mix(in srgb, var(--gold) 16%, transparent); }
239
+ .btn.primary {
240
+ border-color: #2a4f25; color: #fff; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
241
+ background: linear-gradient(#4f8a46, #35632f);
242
+ box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.22), inset 0 0 0 1px rgba(233, 196, 122, 0.35), 0 3px 10px rgba(40, 70, 30, 0.28);
243
+ }
244
+ .btn.primary:hover { filter: brightness(1.08); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), inset 0 0 0 1px rgba(233, 196, 122, 0.6), 0 5px 16px rgba(40, 70, 30, 0.35); }
245
+ .btn.danger:hover { border-color: var(--danger); box-shadow: 0 0 0 3px color-mix(in srgb, var(--danger) 14%, transparent); }
246
+ .cwd input, .auth input, .history-tools input[type="search"], .history-form input, .github-fields input, .github-fields select { background: var(--panel-strong); }
247
+
248
+ .models, .news-panel, .auth, .news-latest, .appearance-menu { background: var(--panel-strong); backdrop-filter: blur(16px); }
249
+ .models, .news-panel { box-shadow: var(--dialog-shadow); }
250
+ .model-columns, .news-day { background: transparent; backdrop-filter: blur(16px); }
251
+ .models::backdrop, .news-panel::backdrop { background: rgba(40, 24, 8, 0.4); backdrop-filter: blur(2px); }
252
+ .models { border-radius: 12px; }
253
+ .models-bar, .panel-bar { border-bottom: 1px solid transparent; border-image: var(--rule) 1; }
254
+ .model-group h4, .news-day, .changelog-type { font-family: var(--font-display); font-weight: 700; letter-spacing: 0.04em; color: var(--gold-ink); }
255
+ .news-latest { border-radius: 10px; }
256
+ .news-row { transition: background-color 0.15s; }
257
+ .news-row:hover { background: color-mix(in srgb, var(--gold) 10%, transparent); }
258
+ .news-row:first-child { border-radius: 10px 10px 0 0; }
259
+ .news-row:last-child { border-radius: 0 0 10px 10px; }
260
+ .news-filter[aria-pressed="true"] { border-color: #2a4f25; background: linear-gradient(#4f8a46, #35632f); }
261
+ .auth { position: relative; border-radius: 12px; padding: 32px; box-shadow: var(--dialog-shadow); }
262
+ .terminal-panel { border-radius: 10px; border-color: color-mix(in srgb, var(--gold) 45%, var(--border)); box-shadow: 0 30px 70px rgba(30, 18, 6, 0.45); }
263
+ .panel-bar { background: var(--panel-strong); }
264
+ .tip { background: #1d140c; color: #f1e6d2; border: 1px solid #8a6328; box-shadow: inset 0 0 0 1px rgba(233, 196, 122, 0.12), 0 12px 30px rgba(20, 10, 0, 0.45); }
265
+ .tip strong { color: #f0cb80; font-family: var(--font-display); font-weight: 700; }
266
+
267
+ .providers.deal > .provider { animation: gnomeland-raise 0.7s var(--ease) both; }
268
+ .providers.deal > .provider:nth-child(2) { animation-delay: 0.08s; }
269
+ .providers.deal > .provider:nth-child(3) { animation-delay: 0.16s; }
270
+ .providers.deal > .provider:nth-child(4) { animation-delay: 0.24s; }
271
+ .providers.deal > .provider:nth-child(5) { animation-delay: 0.32s; }
272
+ .providers.deal > .provider:nth-child(n + 6) { animation-delay: 0.4s; }
273
+ .session-card.enter { animation: gnomeland-build 0.6s var(--ease) both; }
274
+
275
+ /* Light: the gnomes look out of lantern-lit workshop windows set into the parchment. */
276
+ .card-art { border-radius: 6px; box-shadow: inset 0 0 0 1px rgba(255, 220, 150, 0.18), 0 0 0 1.5px #b88a3e, 0 0 0 3px rgba(90, 56, 20, 0.28), 0 2px 8px rgba(50, 30, 10, 0.25); }
277
+ .provider { padding-top: 240px; }
278
+ .provider .card-art { inset: 14px 14px auto; height: 212px; }
279
+ .provider .card-art::before { background-size: 108% auto; background-position: 50% 10%; }
280
+ .session-card { padding-left: 164px; }
281
+ .session-card .card-art, .session-card .card-aura { inset: 14px auto 14px 14px; width: 134px; border-radius: 6px; }
282
+ .session-card .card-art::before, .session-card .card-art::after { background-size: 165% auto; background-position: 50% 14%; }
283
+ .session-card .level-badge { left: 18px; bottom: 18px; width: 46px; height: 46px; font-size: 0.95rem; }
284
+
285
+ @media (max-width: 640px) {
286
+ .session-card { padding-left: 144px; }
287
+ .session-card .card-art, .session-card .card-aura { width: 114px; }
288
+ }
289
+
290
+ @media (prefers-reduced-motion: reduce) {
291
+ .provider, .session-card, .card-aura, .session-card .card-art::after, .provider .card-art::before { transition: none; }
292
+ .provider:hover, .session-card:hover, .provider:hover .card-art::before { transform: none; }
293
+ .provider::before { display: none; }
294
+ .providers.deal > .provider, .session-card.enter, .level-badge.level-up, .agent.summon, #empty::before,
295
+ .session-card:has(.status-pill.active) .card-aura::before, .session-card:has(.status-pill.active) .card-aura::after { animation: none; }
296
+ }
297
+ }
298
+
299
+ :where(:root[data-skin="gnomeland"][data-theme="dark"]) {
300
+ --bg: #0d0a07;
301
+ --surface: #17120d;
302
+ --surface-2: #201912;
303
+ --border: #36291c;
304
+ --text: #ede3d2;
305
+ --muted: #a8977d;
306
+ --heading: #f6e0b4;
307
+ --accent: #a6d68f;
308
+ --accent-fill: #4a8441;
309
+ --danger: #f07b6a;
310
+ --ok: #82d67a;
311
+ --warn: #ebb75a;
312
+ --gold: #e2b766;
313
+ --gold-ink: #f0cb80;
314
+ --focus: #f0cb80;
315
+ --shadow: 0 10px 30px rgba(0, 0, 0, 0.5);
316
+
317
+ --panel: rgba(22, 16, 10, 0.8);
318
+ --panel-strong: rgba(24, 18, 12, 0.93);
319
+ --page-art: image-set(url("page.avif") type("image/avif"), url("page.webp") type("image/webp"));
320
+ --empty-shadow: rgba(240, 170, 70, 0.22);
321
+ --card-shadow: inset 0 1px 0 rgba(255, 220, 150, 0.06), 0 10px 30px rgba(0, 0, 0, 0.5);
322
+ --card-hover-shadow: inset 0 1px 0 rgba(255, 220, 150, 0.08), 0 0 26px color-mix(in srgb, var(--pc) 24%, transparent);
323
+ --dialog-shadow: 0 30px 80px rgba(0, 0, 0, 0.65), 0 0 0 1px rgba(233, 196, 122, 0.06);
324
+
325
+ .tier-s { --tier: #f2c25b; --tier-ink: #fbe2a6; }
326
+ .tier-a { --tier: #b69af0; --tier-ink: #e2d6ff; }
327
+ .tier-b { --tier: #6ea2f2; --tier-ink: #d2e3ff; }
328
+ .tier-c { --tier: #82d67a; --tier-ink: #d6f5d0; }
329
+ .tier-d { --tier: #a8977d; --tier-ink: #e2d8c6; }
330
+
331
+ /* Dark: the gnomes stand in the lantern light, faded into the panel. */
332
+ .card-art { border-radius: 0; box-shadow: none; }
333
+ .provider { padding-top: 198px; }
334
+ .provider .card-art { inset: 0 0 auto 0; height: 252px; mask-image: linear-gradient(to bottom, #000 58%, transparent 100%); }
335
+ .provider .card-art::before { background-size: cover; background-position: center 6%; }
336
+ .provider .vendor { color: #fff4dc; }
337
+ .session-card { padding-left: 154px; }
338
+ .session-card .card-art, .session-card .card-aura {
339
+ inset: 0 auto 0 0; width: 170px; border-radius: 0;
340
+ mask-image: linear-gradient(to right, #000 62%, transparent 100%);
341
+ }
342
+ .session-card .card-art::before, .session-card .card-art::after { background-size: 170px auto; background-position: center 8%; }
343
+ .session-card .level-badge { left: 12px; bottom: 12px; }
344
+ .provider-icon:not(.has-image) { box-shadow: 0 0 0 1.5px #b88a3e, 0 0 10px rgba(240, 184, 74, 0.25); }
345
+
346
+ .meter-bar, .stat-bar { background: #0b0805; box-shadow: inset 0 0 0 1px rgba(233, 196, 122, 0.16); }
347
+ .meter-fill { background: linear-gradient(90deg, #3a8a3e, #8fdc72); box-shadow: 0 0 8px rgba(143, 220, 114, 0.4); }
348
+ .meter + .meter .meter-fill { background: linear-gradient(90deg, #3a62cc, #7ab2ff); box-shadow: 0 0 8px rgba(122, 178, 255, 0.45); }
349
+ .meter.low .meter-fill { background: linear-gradient(90deg, #b8781a, #f2bf5c); box-shadow: 0 0 8px rgba(242, 191, 92, 0.45); }
350
+ .meter.empty .meter-fill { background: linear-gradient(90deg, #b8402f, #f07b6a); box-shadow: 0 0 8px rgba(240, 123, 106, 0.45); }
351
+ .stat-fill { background: linear-gradient(90deg, color-mix(in srgb, var(--tier) 50%, #000), var(--tier)); box-shadow: 0 0 8px color-mix(in srgb, var(--tier) 40%, transparent); }
352
+ .stat-tier { background: linear-gradient(color-mix(in srgb, var(--tier) 28%, #17120d), #0b0805); border-color: color-mix(in srgb, var(--tier) 60%, #000); }
353
+
354
+ .status-pill { background: rgba(10, 7, 4, 0.6); }
355
+ .status-pill.active { background: color-mix(in srgb, var(--ok) 10%, rgba(10, 7, 4, 0.6)); box-shadow: 0 0 10px rgba(130, 214, 122, 0.2); }
356
+ .status-pill.exited { background: color-mix(in srgb, var(--danger) 8%, rgba(10, 7, 4, 0.6)); }
357
+ .provider .tier { color: color-mix(in srgb, var(--pc) 65%, #fff); background: rgba(10, 7, 4, 0.6); }
358
+ .badge { background: rgba(10, 7, 4, 0.5); }
359
+
360
+ .btn { background: linear-gradient(rgba(44, 33, 22, 0.92), rgba(26, 19, 12, 0.92)); border-color: #4a3824; box-shadow: inset 0 1px 0 rgba(255, 220, 150, 0.08); }
361
+ .btn:hover { border-color: #b88a3e; box-shadow: inset 0 1px 0 rgba(255, 220, 150, 0.1), 0 0 12px rgba(226, 183, 102, 0.3); }
362
+ .btn.primary { border-color: #6a8f3a; background: linear-gradient(#55924a, #35662f); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), inset 0 0 0 1px rgba(233, 196, 122, 0.3), 0 0 16px rgba(110, 170, 80, 0.3); }
363
+ .btn.danger { color: #f59a8c; }
364
+ .btn.danger:hover { border-color: #b8402f; box-shadow: 0 0 12px rgba(240, 123, 106, 0.3); }
365
+ .cwd input, .auth input, .history-tools input[type="search"], .history-form input, .github-fields input, .github-fields select { border-color: #4a3824; background: rgba(10, 7, 4, 0.7); }
366
+
367
+ .models::backdrop, .news-panel::backdrop { background: rgba(6, 4, 2, 0.66); }
368
+ .terminal-panel { border-color: #5a4226; box-shadow: 0 0 0 1px rgba(233, 196, 122, 0.06), 0 30px 80px rgba(0, 0, 0, 0.7); }
369
+ .news-link { color: #fff4dc; }
370
+ a.news-link:visited { color: var(--muted); }
371
+
372
+ @media (max-width: 640px) {
373
+ .session-card { padding-left: 120px; }
374
+ .session-card .card-art, .session-card .card-aura { width: 134px; }
375
+ .session-card .card-art::before, .session-card .card-art::after { background-size: 134px auto; }
376
+ }
377
+ }
378
+
379
+ @keyframes gnomeland-raise { from { opacity: 0; transform: translateY(26px) rotate(-1.4deg); } 60% { opacity: 1; transform: translateY(-4px) rotate(0.4deg); } }
380
+ @keyframes gnomeland-build { from { opacity: 0; transform: translateY(8px) scaleY(0.9); transform-origin: 50% 100%; } 65% { opacity: 1; transform: scaleY(1.02); } }
381
+ @keyframes gnomeland-level-up {
382
+ 35% { transform: scale(1.3) rotate(-0.5turn); filter: brightness(1.5) drop-shadow(0 0 10px #f6d48a); }
383
+ 75% { transform: scale(0.96) rotate(-0.97turn); }
384
+ to { transform: rotate(-1turn); }
385
+ }
386
+ @keyframes gnomeland-summon { from { opacity: 0; transform: translateY(12px) scale(0.3); } 60% { opacity: 1; transform: translateY(-3px) scale(1.15); } }
387
+ @keyframes gnomeland-turn { to { transform: rotate(1turn); } }
388
+ @keyframes gnomeland-sparks { to { transform: translateY(-120px); } }
389
+ @keyframes gnomeland-sway { from { transform: rotate(-1.2deg); } to { transform: rotate(1.2deg) translateY(-4px); } }
package/web/skins/gnomeland/ui/cog.svg ADDED
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><defs><linearGradient id="b" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#fbe3a2"/><stop offset="0.5" stop-color="#c9933e"/><stop offset="1" stop-color="#7a4f1c"/></linearGradient></defs><path d="M6.35 2.33L6.81 0.49L9.19 0.49L9.65 2.33L10.84 2.83L12.47 1.85L14.15 3.53L13.17 5.16L13.67 6.35L15.51 6.81L15.51 9.19L13.67 9.65L13.17 10.84L14.15 12.47L12.47 14.15L10.84 13.17L9.65 13.67L9.19 15.51L6.81 15.51L6.35 13.67L5.16 13.17L3.53 14.15L1.85 12.47L2.83 10.84L2.33 9.65L0.49 9.19L0.49 6.81L2.33 6.35L2.83 5.16L1.85 3.53L3.53 1.85L5.16 2.83Z" fill="url(#b)" stroke="#5a3814" stroke-width="0.5" stroke-linejoin="round"/><circle cx="8" cy="8" r="2.3" fill="#3a2414" stroke="#f6d48a" stroke-width="0.6"/></svg>
package/web/skins/gnomeland/ui/crystal.svg ADDED
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><defs><linearGradient id="f" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#e2f1ff"/><stop offset="0.5" stop-color="#6aa8ff"/><stop offset="1" stop-color="#2f4fc8"/></linearGradient></defs><path d="M8 0.6L9.7 6.3 15.4 8 9.7 9.7 8 15.4 6.3 9.7 0.6 8 6.3 6.3z" fill="url(#f)" stroke="#dbe9ff" stroke-width="0.6" stroke-linejoin="round"/><path d="M8 3.2L8.7 7.3 8 8 7.3 7.3z" fill="#fff" fill-opacity="0.75"/></svg>
package/web/skins/gnomeland/ui/frame.svg ADDED
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="96" height="96" viewBox="0 0 96 96"><defs><linearGradient id="b" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#f7dc98"/><stop offset="0.5" stop-color="#c38c3a"/><stop offset="1" stop-color="#86561e"/></linearGradient></defs><path d="M28 6.5h40M28 89.5h40M6.5 28v40M89.5 28v40" stroke="#c99a4a" stroke-opacity="0.85" stroke-width="1.2"/><path d="M3 3h25v7H10v18H3z" fill="url(#b)" stroke="#5a3814" stroke-width="0.8" stroke-linejoin="round"/><g fill="#fff4cf" stroke="#6b4419" stroke-width="0.6"><circle cx="6.5" cy="6.5" r="1.6"/><circle cx="23" cy="6.5" r="1.3"/><circle cx="6.5" cy="23" r="1.3"/></g><g transform="matrix(-1 0 0 1 96 0)"><path d="M3 3h25v7H10v18H3z" fill="url(#b)" stroke="#5a3814" stroke-width="0.8" stroke-linejoin="round"/><g fill="#fff4cf" stroke="#6b4419" stroke-width="0.6"><circle cx="6.5" cy="6.5" r="1.6"/><circle cx="23" cy="6.5" r="1.3"/><circle cx="6.5" cy="23" r="1.3"/></g></g><g transform="matrix(1 0 0 -1 0 96)"><path d="M3 3h25v7H10v18H3z" fill="url(#b)" stroke="#5a3814" stroke-width="0.8" stroke-linejoin="round"/><g fill="#fff4cf" stroke="#6b4419" stroke-width="0.6"><circle cx="6.5" cy="6.5" r="1.6"/><circle cx="23" cy="6.5" r="1.3"/><circle cx="6.5" cy="23" r="1.3"/></g></g><g transform="matrix(-1 0 0 -1 96 96)"><path d="M3 3h25v7H10v18H3z" fill="url(#b)" stroke="#5a3814" stroke-width="0.8" stroke-linejoin="round"/><g fill="#fff4cf" stroke="#6b4419" stroke-width="0.6"><circle cx="6.5" cy="6.5" r="1.6"/><circle cx="23" cy="6.5" r="1.3"/><circle cx="6.5" cy="23" r="1.3"/></g></g></svg>
package/web/skins/gnomeland/ui/level.svg ADDED
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><defs><linearGradient id="b" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#fbe3a2"/><stop offset="0.45" stop-color="#c9933e"/><stop offset="1" stop-color="#7a4f1c"/></linearGradient><radialGradient id="w" cx="42%" cy="36%" r="70%"><stop offset="0" stop-color="#5a3a22"/><stop offset="0.75" stop-color="#2e1d11"/><stop offset="1" stop-color="#1c120a"/></radialGradient></defs><path d="M27.32 7.44L28.81 1.67L35.19 1.67L36.68 7.44L40.22 8.39L44.41 4.14L49.93 7.32L48.34 13.08L50.92 15.66L56.68 14.07L59.86 19.59L55.61 23.78L56.56 27.32L62.33 28.81L62.33 35.19L56.56 36.68L55.61 40.22L59.86 44.41L56.68 49.93L50.92 48.34L48.34 50.92L49.93 56.68L44.41 59.86L40.22 55.61L36.68 56.56L35.19 62.33L28.81 62.33L27.32 56.56L23.78 55.61L19.59 59.86L14.07 56.68L15.66 50.92L13.08 48.34L7.32 49.93L4.14 44.41L8.39 40.22L7.44 36.68L1.67 35.19L1.67 28.81L7.44 27.32L8.39 23.78L4.14 19.59L7.32 14.07L13.08 15.66L15.66 13.08L14.07 7.32L19.59 4.14L23.78 8.39Z" fill="url(#b)" stroke="#5a3814" stroke-width="1" stroke-linejoin="round"/><circle cx="32" cy="32" r="20" fill="url(#w)" stroke="#f6d48a" stroke-width="1.6"/><circle cx="32" cy="32" r="17" fill="none" stroke="#e7b865" stroke-opacity="0.35" stroke-width="0.8" stroke-dasharray="1.4 2.6"/><g fill="#f6d48a"><circle cx="32" cy="9.5" r="1.3"/><circle cx="54.5" cy="32" r="1.3"/><circle cx="32" cy="54.5" r="1.3"/><circle cx="9.5" cy="32" r="1.3"/></g></svg>
package/web/skins/gnomeland/ui/lock.svg ADDED
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40"><defs><radialGradient id="o" cx="40%" cy="32%" r="75%"><stop offset="0" stop-color="#7a5232"/><stop offset="0.7" stop-color="#4a301b"/><stop offset="1" stop-color="#2c1b0e"/></radialGradient><linearGradient id="i" x1="0" y1="0" x2="0" y2="1"><stop offset="0" stop-color="#d9dde3"/><stop offset="1" stop-color="#7d848f"/></linearGradient></defs><circle cx="20" cy="20" r="18.5" fill="url(#o)"/><path d="M5 15.5h30M4 23h32" stroke="#2c1b0e" stroke-opacity="0.45" stroke-width="0.8"/><circle cx="20" cy="20" r="18" fill="none" stroke="#3a3f47" stroke-width="2.2"/><circle cx="20" cy="20" r="18" fill="none" stroke="#9aa1ab" stroke-width="0.7"/><g fill="#b9bfc8"><circle cx="20" cy="4.2" r="1"/><circle cx="35.8" cy="20" r="1"/><circle cx="20" cy="35.8" r="1"/><circle cx="4.2" cy="20" r="1"/></g><path d="M15.4 19.5v-3.2a4.6 4.6 0 0 1 9.2 0v3.2" fill="none" stroke="url(#i)" stroke-width="2.3" stroke-linecap="round"/><rect x="12.6" y="19" width="14.8" height="11.2" rx="2.4" fill="url(#i)" stroke="#4a5059" stroke-width="0.7"/><circle cx="20" cy="23.6" r="1.7" fill="#2a2e35"/><rect x="19.25" y="24" width="1.5" height="3.3" rx="0.75" fill="#2a2e35"/></svg>
package/web/skins/gnomeland/ui/wheel.svg ADDED
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200"><defs><linearGradient id="b" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#ffe7a8"/><stop offset="0.5" stop-color="#d79e45"/><stop offset="1" stop-color="#8a5a1e"/></linearGradient></defs><path d="M91.91 14.38L94.92 3.13L105.08 3.13L108.09 14.38L114.34 15.20L120.17 5.12L129.97 7.75L129.98 19.39L135.80 21.81L144.04 13.57L152.83 18.65L149.82 29.90L154.82 33.74L164.91 27.91L172.09 35.09L166.26 45.18L170.10 50.18L181.35 47.17L186.43 55.96L178.19 64.20L180.61 70.02L192.25 70.03L194.88 79.83L184.80 85.66L185.62 91.91L196.87 94.92L196.87 105.08L185.62 108.09L184.80 114.34L194.88 120.17L192.25 129.97L180.61 129.98L178.19 135.80L186.43 144.04L181.35 152.83L170.10 149.82L166.26 154.82L172.09 164.91L164.91 172.09L154.82 166.26L149.82 170.10L152.83 181.35L144.04 186.43L135.80 178.19L129.98 180.61L129.97 192.25L120.17 194.88L114.34 184.80L108.09 185.62L105.08 196.87L94.92 196.87L91.91 185.62L85.66 184.80L79.83 194.88L70.03 192.25L70.02 180.61L64.20 178.19L55.96 186.43L47.17 181.35L50.18 170.10L45.18 166.26L35.09 172.09L27.91 164.91L33.74 154.82L29.90 149.82L18.65 152.83L13.57 144.04L21.81 135.80L19.39 129.98L7.75 129.97L5.12 120.17L15.20 114.34L14.38 108.09L3.13 105.08L3.13 94.92L14.38 91.91L15.20 85.66L5.12 79.83L7.75 70.03L19.39 70.02L21.81 64.20L13.57 55.96L18.65 47.17L29.90 50.18L33.74 45.18L27.91 35.09L35.09 27.91L45.18 33.74L50.18 29.90L47.17 18.65L55.96 13.57L64.20 21.81L70.02 19.39L70.03 7.75L79.83 5.12L85.66 15.20ZM100 22a78 78 0 1 0 0.01 0z" fill="url(#b)" fill-rule="evenodd"/><circle cx="100" cy="100" r="60" fill="none" stroke="url(#b)" stroke-width="3" stroke-dasharray="4 7"/><g stroke="url(#b)" stroke-width="5" stroke-linecap="round"><path d="M100 24v52M100 124v52M24 100h52M124 100h52"/></g><circle cx="100" cy="100" r="22" fill="none" stroke="url(#b)" stroke-width="6"/></svg>
package/web/theme.js CHANGED
@@ -9,6 +9,7 @@
9
9
  { id: 'professional', name: 'Professional' },
10
10
  { id: 'orbital', name: 'Orbital' },
11
11
  { id: 'grove', name: 'Grove' },
12
+ { id: 'gnomeland', name: 'Gnomeland' },
12
13
  ];
13
14
  window.agentGuildSkins = skins;
14
15