@outs-tand-ing/ui 0.2.31 → 0.5.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +3 -5
- package/dist/brand/app-icon/palette.d.ts +28 -0
- package/dist/brand/app-icon/palette.d.ts.map +1 -1
- package/dist/components/AccessWrapper.vue.d.ts.map +1 -1
- package/dist/components/BrandLogo.vue.d.ts.map +1 -1
- package/dist/components/SVGShape.vue.d.ts +2 -2
- package/dist/components/SVGShape.vue.d.ts.map +1 -1
- package/dist/components/ScrollableArea.vue.d.ts.map +1 -1
- package/dist/index.js +4 -4
- package/package.json +18 -18
- package/src/brand/app-icon/README.md +29 -22
- package/src/brand/app-icon/_unused/ring-back.svg +3 -0
- package/src/brand/app-icon/_unused/ring-front.svg +3 -0
- package/src/brand/app-icon/globe-favicon-dev.svg +1 -0
- package/src/brand/app-icon/globe-favicon-prod.svg +1 -0
- package/src/brand/app-icon/globe-favicon-staging.svg +1 -0
- package/src/brand/app-icon/globe-icon.svg +1 -0
- package/src/brand/app-icon/globe-layer-globe.svg +1 -0
- package/src/brand/app-icon/globe-layer-lines.svg +1 -0
- package/src/brand/app-icon/globe-layer-type.svg +1 -0
- package/src/brand/app-icon/palette.ts +55 -2
- package/src/brand/raw/README.md +12 -0
- package/src/brand/raw/globes.svg +30 -0
- package/src/brand/wordmark.svg +1 -0
- package/src/seasons/season0/style.css +40 -0
- package/src/seasons/season1/style.css +40 -0
- package/src/seasons/seasonminus1/style.css +40 -0
- package/src/brand/app-icon/triangle-back.svg +0 -3
- package/src/brand/app-icon/triangle-front.svg +0 -3
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
/* Placeholder palette for season '0' — copied from season27. Colours only: no logo, icon or font of its own yet. */
|
|
2
|
+
|
|
3
|
+
:root[data-season='0'] {
|
|
4
|
+
--font-heading: 'Kufam', sans-serif;
|
|
5
|
+
--color-season: #f5f0e0;
|
|
6
|
+
--color-season-text: #422006;
|
|
7
|
+
--color-accent: #ca8a04;
|
|
8
|
+
--color-accent-hover: #a16207;
|
|
9
|
+
--color-contrast: #ffffff;
|
|
10
|
+
--color-surface: #fefce8;
|
|
11
|
+
--color-surface-alt: #fef9c3;
|
|
12
|
+
--color-border: #e2d6a4;
|
|
13
|
+
--color-border-strong: #c5b078;
|
|
14
|
+
--logo-stroke-color: var(--color-season);
|
|
15
|
+
/* tile-palette:start */
|
|
16
|
+
--palette4-1: #03c260;
|
|
17
|
+
--palette4-2: #06fbb6;
|
|
18
|
+
--palette4-3: #06395f;
|
|
19
|
+
--palette4-4: #1e0190;
|
|
20
|
+
--palette6-1: #03c260;
|
|
21
|
+
--palette6-2: #04ef88;
|
|
22
|
+
--palette6-3: #06fbb6;
|
|
23
|
+
--palette6-4: #06395f;
|
|
24
|
+
--palette6-5: #1e0190;
|
|
25
|
+
--palette6-6: #4600c5;
|
|
26
|
+
/* tile-palette:end */
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
:root[data-season='0'][data-theme='dark'] {
|
|
30
|
+
--color-season: #0f0f0f;
|
|
31
|
+
--color-season-text: #fde047;
|
|
32
|
+
--color-accent: #facc15;
|
|
33
|
+
--color-accent-hover: #eab308;
|
|
34
|
+
--color-contrast: #ffffff;
|
|
35
|
+
--color-surface: #1c1917;
|
|
36
|
+
--color-surface-alt: #292524;
|
|
37
|
+
--color-border: #44403c;
|
|
38
|
+
--color-border-strong: #57534e;
|
|
39
|
+
--logo-stroke-color: var(--color-season);
|
|
40
|
+
}
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
/* Placeholder palette for season '1' — season27 rotated 150° in hue. Colours only: no logo, icon or font of its own yet. */
|
|
2
|
+
|
|
3
|
+
:root[data-season='1'] {
|
|
4
|
+
--font-heading: 'Kufam', sans-serif;
|
|
5
|
+
--color-season: #e0f0f5;
|
|
6
|
+
--color-season-text: #06423e;
|
|
7
|
+
--color-accent: #04a7ca;
|
|
8
|
+
--color-accent-hover: #0793a1;
|
|
9
|
+
--color-contrast: #ffffff;
|
|
10
|
+
--color-surface: #e8f5fe;
|
|
11
|
+
--color-surface-alt: #c3e5fe;
|
|
12
|
+
--color-border: #a4cfe2;
|
|
13
|
+
--color-border-strong: #78b4c5;
|
|
14
|
+
--logo-stroke-color: var(--color-season);
|
|
15
|
+
/* tile-palette:start */
|
|
16
|
+
--palette4-1: #c003c2;
|
|
17
|
+
--palette4-2: #fb06c6;
|
|
18
|
+
--palette4-3: #5f060c;
|
|
19
|
+
--palette4-4: #906501;
|
|
20
|
+
--palette6-1: #c003c2;
|
|
21
|
+
--palette6-2: #ef04e1;
|
|
22
|
+
--palette6-3: #fb06c6;
|
|
23
|
+
--palette6-4: #5f060c;
|
|
24
|
+
--palette6-5: #906501;
|
|
25
|
+
--palette6-6: #c5a900;
|
|
26
|
+
/* tile-palette:end */
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
:root[data-season='1'][data-theme='dark'] {
|
|
30
|
+
--color-season: #0f0f0f;
|
|
31
|
+
--color-season-text: #47bffd;
|
|
32
|
+
--color-accent: #15b5fa;
|
|
33
|
+
--color-accent-hover: #08b0ea;
|
|
34
|
+
--color-contrast: #ffffff;
|
|
35
|
+
--color-surface: #171c1c;
|
|
36
|
+
--color-surface-alt: #242928;
|
|
37
|
+
--color-border: #3c4444;
|
|
38
|
+
--color-border-strong: #4e5757;
|
|
39
|
+
--logo-stroke-color: var(--color-season);
|
|
40
|
+
}
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
/* Placeholder palette for season '-1' — copied from season26. Colours only: no logo, icon or font of its own yet. */
|
|
2
|
+
|
|
3
|
+
:root[data-season='-1'] {
|
|
4
|
+
--font-heading: 'COM4t Famie', sans-serif;
|
|
5
|
+
--color-season: #e7e9ec;
|
|
6
|
+
--color-season-text: #152038;
|
|
7
|
+
--color-accent: #152038;
|
|
8
|
+
--color-accent-hover: #0e1628;
|
|
9
|
+
--color-contrast: #f5c518;
|
|
10
|
+
--color-surface: #f5f7fa;
|
|
11
|
+
--color-surface-alt: #ebeef5;
|
|
12
|
+
--color-border: #c8ceda;
|
|
13
|
+
--color-border-strong: #a5afc2;
|
|
14
|
+
--logo-stroke-color: var(--color-season);
|
|
15
|
+
/* tile-palette:start */
|
|
16
|
+
--palette4-1: #73eacf;
|
|
17
|
+
--palette4-2: #aba4fb;
|
|
18
|
+
--palette4-3: #a498fb;
|
|
19
|
+
--palette4-4: #9e8efa;
|
|
20
|
+
--palette6-1: #73eacf;
|
|
21
|
+
--palette6-2: #8cedd8;
|
|
22
|
+
--palette6-3: #c1cafa;
|
|
23
|
+
--palette6-4: #aba4fb;
|
|
24
|
+
--palette6-5: #a498fb;
|
|
25
|
+
--palette6-6: #9e8efa;
|
|
26
|
+
/* tile-palette:end */
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
:root[data-season='-1'][data-theme='dark'] {
|
|
30
|
+
--color-season: #171a22;
|
|
31
|
+
--color-season-text: #cacdd4;
|
|
32
|
+
--color-accent: #6b8fd4;
|
|
33
|
+
--color-accent-hover: #3b5998;
|
|
34
|
+
--color-contrast: #f5c518;
|
|
35
|
+
--color-surface: #0a0e18;
|
|
36
|
+
--color-surface-alt: #121a2a;
|
|
37
|
+
--color-border: #1e2d48;
|
|
38
|
+
--color-border-strong: #2d4268;
|
|
39
|
+
--logo-stroke-color: var(--color-season);
|
|
40
|
+
}
|