@marioschmidt/design-system-tokens 1.0.26 → 1.0.28
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/dist/android/brands/advertorial/semantic/effects/effects-dark.xml +106 -0
- package/dist/android/brands/advertorial/semantic/effects/effects-light.xml +106 -0
- package/dist/android/brands/bild/semantic/effects/effects-dark.xml +106 -0
- package/dist/android/brands/bild/semantic/effects/effects-light.xml +106 -0
- package/dist/android/brands/sportbild/semantic/effects/effects-dark.xml +106 -0
- package/dist/android/brands/sportbild/semantic/effects/effects-light.xml +106 -0
- package/dist/css/brands/advertorial/density/density-compact.css +1 -1
- package/dist/css/brands/advertorial/density/density-default.css +1 -1
- package/dist/css/brands/advertorial/density/density-spacious.css +1 -1
- package/dist/css/brands/advertorial/overrides/brandtokenmapping.css +1 -1
- package/dist/css/brands/advertorial/semantic/breakpoints/breakpoint-lg-1024px-regular.css +1 -1
- package/dist/css/brands/advertorial/semantic/breakpoints/breakpoint-md-600px.css +1 -1
- package/dist/css/brands/advertorial/semantic/breakpoints/breakpoint-sm-390px-compact.css +1 -1
- package/dist/css/brands/advertorial/semantic/breakpoints/breakpoint-xs-320px.css +1 -1
- package/dist/css/brands/advertorial/semantic/effects/effects-dark.css +1 -1
- package/dist/css/brands/advertorial/semantic/effects/effects-light.css +1 -1
- package/dist/css/brands/advertorial/semantic/typography/typography-lg.css +1 -1
- package/dist/css/brands/advertorial/semantic/typography/typography-md.css +1 -1
- package/dist/css/brands/advertorial/semantic/typography/typography-sm.css +1 -1
- package/dist/css/brands/advertorial/semantic/typography/typography-xs.css +1 -1
- package/dist/css/brands/bild/density/density-compact.css +1 -1
- package/dist/css/brands/bild/density/density-default.css +1 -1
- package/dist/css/brands/bild/density/density-spacious.css +1 -1
- package/dist/css/brands/bild/overrides/brandcolormapping.css +1 -1
- package/dist/css/brands/bild/overrides/brandtokenmapping.css +1 -1
- package/dist/css/brands/bild/semantic/breakpoints/breakpoint-lg-1024px-regular.css +1 -1
- package/dist/css/brands/bild/semantic/breakpoints/breakpoint-md-600px.css +1 -1
- package/dist/css/brands/bild/semantic/breakpoints/breakpoint-sm-390px-compact.css +1 -1
- package/dist/css/brands/bild/semantic/breakpoints/breakpoint-xs-320px.css +1 -1
- package/dist/css/brands/bild/semantic/color/colormode-dark.css +1 -1
- package/dist/css/brands/bild/semantic/color/colormode-light.css +1 -1
- package/dist/css/brands/bild/semantic/effects/effects-dark.css +1 -1
- package/dist/css/brands/bild/semantic/effects/effects-light.css +1 -1
- package/dist/css/brands/bild/semantic/typography/typography-lg.css +1 -1
- package/dist/css/brands/bild/semantic/typography/typography-md.css +1 -1
- package/dist/css/brands/bild/semantic/typography/typography-sm.css +1 -1
- package/dist/css/brands/bild/semantic/typography/typography-xs.css +1 -1
- package/dist/css/brands/sportbild/density/density-compact.css +1 -1
- package/dist/css/brands/sportbild/density/density-default.css +1 -1
- package/dist/css/brands/sportbild/density/density-spacious.css +1 -1
- package/dist/css/brands/sportbild/overrides/brandcolormapping.css +1 -1
- package/dist/css/brands/sportbild/overrides/brandtokenmapping.css +1 -1
- package/dist/css/brands/sportbild/semantic/breakpoints/breakpoint-lg-1024px-regular.css +1 -1
- package/dist/css/brands/sportbild/semantic/breakpoints/breakpoint-md-600px.css +1 -1
- package/dist/css/brands/sportbild/semantic/breakpoints/breakpoint-sm-390px-compact.css +1 -1
- package/dist/css/brands/sportbild/semantic/breakpoints/breakpoint-xs-320px.css +1 -1
- package/dist/css/brands/sportbild/semantic/color/colormode-dark.css +1 -1
- package/dist/css/brands/sportbild/semantic/color/colormode-light.css +1 -1
- package/dist/css/brands/sportbild/semantic/effects/effects-dark.css +1 -1
- package/dist/css/brands/sportbild/semantic/effects/effects-light.css +1 -1
- package/dist/css/brands/sportbild/semantic/typography/typography-lg.css +1 -1
- package/dist/css/brands/sportbild/semantic/typography/typography-md.css +1 -1
- package/dist/css/brands/sportbild/semantic/typography/typography-sm.css +1 -1
- package/dist/css/brands/sportbild/semantic/typography/typography-xs.css +1 -1
- package/dist/css/shared/colorprimitive.css +1 -1
- package/dist/css/shared/fontprimitive.css +1 -1
- package/dist/css/shared/sizeprimitive.css +1 -1
- package/dist/css/shared/spaceprimitive.css +1 -1
- package/dist/js/brands/advertorial/density/density-compact.js +1 -1
- package/dist/js/brands/advertorial/density/density-default.js +1 -1
- package/dist/js/brands/advertorial/density/density-spacious.js +1 -1
- package/dist/js/brands/advertorial/overrides/brandtokenmapping.js +1 -1
- package/dist/js/brands/advertorial/semantic/breakpoints/breakpoint-lg-1024px-regular.js +1 -1
- package/dist/js/brands/advertorial/semantic/breakpoints/breakpoint-md-600px.js +1 -1
- package/dist/js/brands/advertorial/semantic/breakpoints/breakpoint-sm-390px-compact.js +1 -1
- package/dist/js/brands/advertorial/semantic/breakpoints/breakpoint-xs-320px.js +1 -1
- package/dist/js/brands/advertorial/semantic/effects/effects-dark.js +1 -1
- package/dist/js/brands/advertorial/semantic/effects/effects-light.js +1 -1
- package/dist/js/brands/advertorial/semantic/typography/typography-lg.js +1 -1
- package/dist/js/brands/advertorial/semantic/typography/typography-md.js +1 -1
- package/dist/js/brands/advertorial/semantic/typography/typography-sm.js +1 -1
- package/dist/js/brands/advertorial/semantic/typography/typography-xs.js +1 -1
- package/dist/js/brands/bild/density/density-compact.js +1 -1
- package/dist/js/brands/bild/density/density-default.js +1 -1
- package/dist/js/brands/bild/density/density-spacious.js +1 -1
- package/dist/js/brands/bild/overrides/brandcolormapping.js +1 -1
- package/dist/js/brands/bild/overrides/brandtokenmapping.js +1 -1
- package/dist/js/brands/bild/semantic/breakpoints/breakpoint-lg-1024px-regular.js +1 -1
- package/dist/js/brands/bild/semantic/breakpoints/breakpoint-md-600px.js +1 -1
- package/dist/js/brands/bild/semantic/breakpoints/breakpoint-sm-390px-compact.js +1 -1
- package/dist/js/brands/bild/semantic/breakpoints/breakpoint-xs-320px.js +1 -1
- package/dist/js/brands/bild/semantic/color/colormode-dark.js +1 -1
- package/dist/js/brands/bild/semantic/color/colormode-light.js +1 -1
- package/dist/js/brands/bild/semantic/effects/effects-dark.js +1 -1
- package/dist/js/brands/bild/semantic/effects/effects-light.js +1 -1
- package/dist/js/brands/bild/semantic/typography/typography-lg.js +1 -1
- package/dist/js/brands/bild/semantic/typography/typography-md.js +1 -1
- package/dist/js/brands/bild/semantic/typography/typography-sm.js +1 -1
- package/dist/js/brands/bild/semantic/typography/typography-xs.js +1 -1
- package/dist/js/brands/sportbild/density/density-compact.js +1 -1
- package/dist/js/brands/sportbild/density/density-default.js +1 -1
- package/dist/js/brands/sportbild/density/density-spacious.js +1 -1
- package/dist/js/brands/sportbild/overrides/brandcolormapping.js +1 -1
- package/dist/js/brands/sportbild/overrides/brandtokenmapping.js +1 -1
- package/dist/js/brands/sportbild/semantic/breakpoints/breakpoint-lg-1024px-regular.js +1 -1
- package/dist/js/brands/sportbild/semantic/breakpoints/breakpoint-md-600px.js +1 -1
- package/dist/js/brands/sportbild/semantic/breakpoints/breakpoint-sm-390px-compact.js +1 -1
- package/dist/js/brands/sportbild/semantic/breakpoints/breakpoint-xs-320px.js +1 -1
- package/dist/js/brands/sportbild/semantic/color/colormode-dark.js +1 -1
- package/dist/js/brands/sportbild/semantic/color/colormode-light.js +1 -1
- package/dist/js/brands/sportbild/semantic/effects/effects-dark.js +1 -1
- package/dist/js/brands/sportbild/semantic/effects/effects-light.js +1 -1
- package/dist/js/brands/sportbild/semantic/typography/typography-lg.js +1 -1
- package/dist/js/brands/sportbild/semantic/typography/typography-md.js +1 -1
- package/dist/js/brands/sportbild/semantic/typography/typography-sm.js +1 -1
- package/dist/js/brands/sportbild/semantic/typography/typography-xs.js +1 -1
- package/dist/js/shared/colorprimitive.js +1 -1
- package/dist/js/shared/fontprimitive.js +1 -1
- package/dist/js/shared/sizeprimitive.js +1 -1
- package/dist/js/shared/spaceprimitive.js +1 -1
- package/dist/manifest.json +1 -1
- package/dist/scss/brands/advertorial/density/density-compact.scss +1 -1
- package/dist/scss/brands/advertorial/density/density-default.scss +1 -1
- package/dist/scss/brands/advertorial/density/density-spacious.scss +1 -1
- package/dist/scss/brands/advertorial/overrides/brandtokenmapping.scss +1 -1
- package/dist/scss/brands/advertorial/semantic/breakpoints/breakpoint-lg-1024px-regular.scss +1 -1
- package/dist/scss/brands/advertorial/semantic/breakpoints/breakpoint-md-600px.scss +1 -1
- package/dist/scss/brands/advertorial/semantic/breakpoints/breakpoint-sm-390px-compact.scss +1 -1
- package/dist/scss/brands/advertorial/semantic/breakpoints/breakpoint-xs-320px.scss +1 -1
- package/dist/scss/brands/advertorial/semantic/effects/effects-dark.scss +216 -0
- package/dist/scss/brands/advertorial/semantic/effects/effects-light.scss +216 -0
- package/dist/scss/brands/advertorial/semantic/typography/typography-lg.scss +1097 -0
- package/dist/scss/brands/advertorial/semantic/typography/typography-md.scss +1097 -0
- package/dist/scss/brands/advertorial/semantic/typography/typography-sm.scss +1097 -0
- package/dist/scss/brands/advertorial/semantic/typography/typography-xs.scss +1097 -0
- package/dist/scss/brands/bild/density/density-compact.scss +1 -1
- package/dist/scss/brands/bild/density/density-default.scss +1 -1
- package/dist/scss/brands/bild/density/density-spacious.scss +1 -1
- package/dist/scss/brands/bild/overrides/brandcolormapping.scss +1 -1
- package/dist/scss/brands/bild/overrides/brandtokenmapping.scss +1 -1
- package/dist/scss/brands/bild/semantic/breakpoints/breakpoint-lg-1024px-regular.scss +1 -1
- package/dist/scss/brands/bild/semantic/breakpoints/breakpoint-md-600px.scss +1 -1
- package/dist/scss/brands/bild/semantic/breakpoints/breakpoint-sm-390px-compact.scss +1 -1
- package/dist/scss/brands/bild/semantic/breakpoints/breakpoint-xs-320px.scss +1 -1
- package/dist/scss/brands/bild/semantic/color/colormode-dark.scss +1 -1
- package/dist/scss/brands/bild/semantic/color/colormode-light.scss +1 -1
- package/dist/scss/brands/bild/semantic/effects/effects-dark.scss +216 -0
- package/dist/scss/brands/bild/semantic/effects/effects-light.scss +216 -0
- package/dist/scss/brands/bild/semantic/typography/typography-lg.scss +1097 -0
- package/dist/scss/brands/bild/semantic/typography/typography-md.scss +1097 -0
- package/dist/scss/brands/bild/semantic/typography/typography-sm.scss +1097 -0
- package/dist/scss/brands/bild/semantic/typography/typography-xs.scss +1097 -0
- package/dist/scss/brands/sportbild/density/density-compact.scss +1 -1
- package/dist/scss/brands/sportbild/density/density-default.scss +1 -1
- package/dist/scss/brands/sportbild/density/density-spacious.scss +1 -1
- package/dist/scss/brands/sportbild/overrides/brandcolormapping.scss +1 -1
- package/dist/scss/brands/sportbild/overrides/brandtokenmapping.scss +1 -1
- package/dist/scss/brands/sportbild/semantic/breakpoints/breakpoint-lg-1024px-regular.scss +1 -1
- package/dist/scss/brands/sportbild/semantic/breakpoints/breakpoint-md-600px.scss +1 -1
- package/dist/scss/brands/sportbild/semantic/breakpoints/breakpoint-sm-390px-compact.scss +1 -1
- package/dist/scss/brands/sportbild/semantic/breakpoints/breakpoint-xs-320px.scss +1 -1
- package/dist/scss/brands/sportbild/semantic/color/colormode-dark.scss +1 -1
- package/dist/scss/brands/sportbild/semantic/color/colormode-light.scss +1 -1
- package/dist/scss/brands/sportbild/semantic/effects/effects-dark.scss +216 -0
- package/dist/scss/brands/sportbild/semantic/effects/effects-light.scss +216 -0
- package/dist/scss/brands/sportbild/semantic/typography/typography-lg.scss +1097 -0
- package/dist/scss/brands/sportbild/semantic/typography/typography-md.scss +1097 -0
- package/dist/scss/brands/sportbild/semantic/typography/typography-sm.scss +1097 -0
- package/dist/scss/brands/sportbild/semantic/typography/typography-xs.scss +1097 -0
- package/dist/scss/shared/colorprimitive.scss +1 -1
- package/dist/scss/shared/fontprimitive.scss +1 -1
- package/dist/scss/shared/sizeprimitive.scss +1 -1
- package/dist/scss/shared/spaceprimitive.scss +1 -1
- package/package.json +1 -1
|
@@ -0,0 +1,106 @@
|
|
|
1
|
+
<?xml version="1.0" encoding="utf-8"?>
|
|
2
|
+
<!--
|
|
3
|
+
Effect Tokens - Advertorial / dark
|
|
4
|
+
Generated on: 2025-11-25T09:43:16.912Z
|
|
5
|
+
Do not edit directly!
|
|
6
|
+
|
|
7
|
+
NOTE: Android shadows are complex and platform-specific.
|
|
8
|
+
This file provides shadow data as XML comments for reference.
|
|
9
|
+
For actual shadow implementation, use elevation or CardView.
|
|
10
|
+
-->
|
|
11
|
+
<resources>
|
|
12
|
+
|
|
13
|
+
<!-- ============================================ -->
|
|
14
|
+
<!-- DROPSHADOWSOFT -->
|
|
15
|
+
<!-- ============================================ -->
|
|
16
|
+
|
|
17
|
+
<!-- Broad and soft shadows with low contrast. Best for cards, sheets, or subtle surface separation. -->
|
|
18
|
+
<string-array name="shadowsoftsm">
|
|
19
|
+
<item>offsetX:0|offsetY:1|radius:4|spread:0|color:#0a000000</item>
|
|
20
|
+
<item>offsetX:0|offsetY:2|radius:6|spread:0|color:#14000000</item>
|
|
21
|
+
</string-array>
|
|
22
|
+
|
|
23
|
+
<!-- Broad and soft shadows with low contrast. Best for cards, sheets, or subtle surface separation. -->
|
|
24
|
+
<string-array name="shadowsoftmd">
|
|
25
|
+
<item>offsetX:0|offsetY:2|radius:16|spread:0|color:#08000000</item>
|
|
26
|
+
<item>offsetX:0|offsetY:4|radius:12|spread:0|color:#12000000</item>
|
|
27
|
+
</string-array>
|
|
28
|
+
|
|
29
|
+
<!-- Broad and soft shadows with low contrast. Best for cards, sheets, or subtle surface separation. -->
|
|
30
|
+
<string-array name="shadowsoftlg">
|
|
31
|
+
<item>offsetX:0|offsetY:8|radius:24|spread:0|color:#08000000</item>
|
|
32
|
+
<item>offsetX:0|offsetY:8|radius:16|spread:0|color:#12000000</item>
|
|
33
|
+
</string-array>
|
|
34
|
+
|
|
35
|
+
<!-- Broad and soft shadows with low contrast. Best for cards, sheets, or subtle surface separation. -->
|
|
36
|
+
<string-array name="shadowsoftxl">
|
|
37
|
+
<item>offsetX:0|offsetY:0|radius:64|spread:0|color:#0d000000</item>
|
|
38
|
+
<item>offsetX:0|offsetY:16|radius:32|spread:0|color:#1a000000</item>
|
|
39
|
+
</string-array>
|
|
40
|
+
|
|
41
|
+
|
|
42
|
+
<!-- ============================================ -->
|
|
43
|
+
<!-- DROPSHADOWHARD -->
|
|
44
|
+
<!-- ============================================ -->
|
|
45
|
+
|
|
46
|
+
<!-- Sharper, higher-contrast shadows. Best for dialogs, modals, dropdowns and overlays that require stronger focus. -->
|
|
47
|
+
<string-array name="shadowhardsm">
|
|
48
|
+
<item>offsetX:0|offsetY:1|radius:2|spread:0|color:#33000000</item>
|
|
49
|
+
<item>offsetX:0|offsetY:1|radius:3|spread:1|color:#1a000000</item>
|
|
50
|
+
</string-array>
|
|
51
|
+
|
|
52
|
+
<!-- Sharper, higher-contrast shadows. Best for dialogs, modals, dropdowns and overlays that require stronger focus. -->
|
|
53
|
+
<string-array name="shadowhardmd">
|
|
54
|
+
<item>offsetX:0|offsetY:4|radius:8|spread:0|color:#1a000000</item>
|
|
55
|
+
<item>offsetX:0|offsetY:2|radius:4|spread:0|color:#29000000</item>
|
|
56
|
+
</string-array>
|
|
57
|
+
|
|
58
|
+
<!-- Sharper, higher-contrast shadows. Best for dialogs, modals, dropdowns and overlays that require stronger focus. -->
|
|
59
|
+
<string-array name="shadowhardlg">
|
|
60
|
+
<item>offsetX:0|offsetY:2|radius:3|spread:0|color:#33000000</item>
|
|
61
|
+
<item>offsetX:0|offsetY:6|radius:10|spread:4|color:#1a000000</item>
|
|
62
|
+
</string-array>
|
|
63
|
+
|
|
64
|
+
<!-- Sharper, higher-contrast shadows. Best for dialogs, modals, dropdowns and overlays that require stronger focus. -->
|
|
65
|
+
<string-array name="shadowhardxl">
|
|
66
|
+
<item>offsetX:0|offsetY:4|radius:4|spread:0|color:#33000000</item>
|
|
67
|
+
<item>offsetX:0|offsetY:8|radius:12|spread:6|color:#1a000000</item>
|
|
68
|
+
</string-array>
|
|
69
|
+
|
|
70
|
+
|
|
71
|
+
<!-- ============================================ -->
|
|
72
|
+
<!-- ALERT -->
|
|
73
|
+
<!-- ============================================ -->
|
|
74
|
+
|
|
75
|
+
<string-array name="alertshadowdown">
|
|
76
|
+
<item>offsetX:0|offsetY:6|radius:10|spread:0|color:#33000000</item>
|
|
77
|
+
</string-array>
|
|
78
|
+
|
|
79
|
+
<string-array name="alertshadowup">
|
|
80
|
+
<item>offsetX:0|offsetY:-2|radius:10|spread:0|color:#33000000</item>
|
|
81
|
+
</string-array>
|
|
82
|
+
|
|
83
|
+
|
|
84
|
+
<!-- ============================================ -->
|
|
85
|
+
<!-- MENU -->
|
|
86
|
+
<!-- ============================================ -->
|
|
87
|
+
|
|
88
|
+
<string-array name="menushadow">
|
|
89
|
+
<item>offsetX:0|offsetY:8|radius:10|spread:-8|color:#1a000000</item>
|
|
90
|
+
</string-array>
|
|
91
|
+
|
|
92
|
+
<string-array name="heyinputshadow">
|
|
93
|
+
<item>offsetX:0|offsetY:8|radius:10|spread:-8|color:#00000000</item>
|
|
94
|
+
</string-array>
|
|
95
|
+
|
|
96
|
+
|
|
97
|
+
<!-- ============================================ -->
|
|
98
|
+
<!-- TEASER -->
|
|
99
|
+
<!-- ============================================ -->
|
|
100
|
+
|
|
101
|
+
<string-array name="teaserheadlinesshadow">
|
|
102
|
+
<item>offsetX:0|offsetY:2|radius:8|spread:0|color:#99000000</item>
|
|
103
|
+
</string-array>
|
|
104
|
+
|
|
105
|
+
|
|
106
|
+
</resources>
|
|
@@ -0,0 +1,106 @@
|
|
|
1
|
+
<?xml version="1.0" encoding="utf-8"?>
|
|
2
|
+
<!--
|
|
3
|
+
Effect Tokens - Advertorial / light
|
|
4
|
+
Generated on: 2025-11-25T09:43:16.862Z
|
|
5
|
+
Do not edit directly!
|
|
6
|
+
|
|
7
|
+
NOTE: Android shadows are complex and platform-specific.
|
|
8
|
+
This file provides shadow data as XML comments for reference.
|
|
9
|
+
For actual shadow implementation, use elevation or CardView.
|
|
10
|
+
-->
|
|
11
|
+
<resources>
|
|
12
|
+
|
|
13
|
+
<!-- ============================================ -->
|
|
14
|
+
<!-- DROPSHADOWSOFT -->
|
|
15
|
+
<!-- ============================================ -->
|
|
16
|
+
|
|
17
|
+
<!-- Broad and soft shadows with low contrast. Best for cards, sheets, or subtle surface separation. -->
|
|
18
|
+
<string-array name="shadowsoftsm">
|
|
19
|
+
<item>offsetX:0|offsetY:1|radius:4|spread:0|color:#0a000000</item>
|
|
20
|
+
<item>offsetX:0|offsetY:2|radius:6|spread:0|color:#14000000</item>
|
|
21
|
+
</string-array>
|
|
22
|
+
|
|
23
|
+
<!-- Broad and soft shadows with low contrast. Best for cards, sheets, or subtle surface separation. -->
|
|
24
|
+
<string-array name="shadowsoftmd">
|
|
25
|
+
<item>offsetX:0|offsetY:2|radius:16|spread:0|color:#08000000</item>
|
|
26
|
+
<item>offsetX:0|offsetY:4|radius:12|spread:0|color:#12000000</item>
|
|
27
|
+
</string-array>
|
|
28
|
+
|
|
29
|
+
<!-- Broad and soft shadows with low contrast. Best for cards, sheets, or subtle surface separation. -->
|
|
30
|
+
<string-array name="shadowsoftlg">
|
|
31
|
+
<item>offsetX:0|offsetY:8|radius:24|spread:0|color:#08000000</item>
|
|
32
|
+
<item>offsetX:0|offsetY:8|radius:16|spread:0|color:#12000000</item>
|
|
33
|
+
</string-array>
|
|
34
|
+
|
|
35
|
+
<!-- Broad and soft shadows with low contrast. Best for cards, sheets, or subtle surface separation. -->
|
|
36
|
+
<string-array name="shadowsoftxl">
|
|
37
|
+
<item>offsetX:0|offsetY:0|radius:64|spread:0|color:#0d000000</item>
|
|
38
|
+
<item>offsetX:0|offsetY:16|radius:32|spread:0|color:#1a000000</item>
|
|
39
|
+
</string-array>
|
|
40
|
+
|
|
41
|
+
|
|
42
|
+
<!-- ============================================ -->
|
|
43
|
+
<!-- DROPSHADOWHARD -->
|
|
44
|
+
<!-- ============================================ -->
|
|
45
|
+
|
|
46
|
+
<!-- Sharper, higher-contrast shadows. Best for dialogs, modals, dropdowns and overlays that require stronger focus. -->
|
|
47
|
+
<string-array name="shadowhardsm">
|
|
48
|
+
<item>offsetX:0|offsetY:1|radius:2|spread:0|color:#33000000</item>
|
|
49
|
+
<item>offsetX:0|offsetY:1|radius:3|spread:1|color:#1a000000</item>
|
|
50
|
+
</string-array>
|
|
51
|
+
|
|
52
|
+
<!-- Sharper, higher-contrast shadows. Best for dialogs, modals, dropdowns and overlays that require stronger focus. -->
|
|
53
|
+
<string-array name="shadowhardmd">
|
|
54
|
+
<item>offsetX:0|offsetY:4|radius:8|spread:0|color:#1a000000</item>
|
|
55
|
+
<item>offsetX:0|offsetY:2|radius:4|spread:0|color:#29000000</item>
|
|
56
|
+
</string-array>
|
|
57
|
+
|
|
58
|
+
<!-- Sharper, higher-contrast shadows. Best for dialogs, modals, dropdowns and overlays that require stronger focus. -->
|
|
59
|
+
<string-array name="shadowhardlg">
|
|
60
|
+
<item>offsetX:0|offsetY:2|radius:3|spread:0|color:#33000000</item>
|
|
61
|
+
<item>offsetX:0|offsetY:6|radius:10|spread:4|color:#1a000000</item>
|
|
62
|
+
</string-array>
|
|
63
|
+
|
|
64
|
+
<!-- Sharper, higher-contrast shadows. Best for dialogs, modals, dropdowns and overlays that require stronger focus. -->
|
|
65
|
+
<string-array name="shadowhardxl">
|
|
66
|
+
<item>offsetX:0|offsetY:4|radius:4|spread:0|color:#33000000</item>
|
|
67
|
+
<item>offsetX:0|offsetY:8|radius:12|spread:6|color:#1a000000</item>
|
|
68
|
+
</string-array>
|
|
69
|
+
|
|
70
|
+
|
|
71
|
+
<!-- ============================================ -->
|
|
72
|
+
<!-- ALERT -->
|
|
73
|
+
<!-- ============================================ -->
|
|
74
|
+
|
|
75
|
+
<string-array name="alertshadowdown">
|
|
76
|
+
<item>offsetX:0|offsetY:6|radius:10|spread:0|color:#33000000</item>
|
|
77
|
+
</string-array>
|
|
78
|
+
|
|
79
|
+
<string-array name="alertshadowup">
|
|
80
|
+
<item>offsetX:0|offsetY:-2|radius:10|spread:0|color:#33000000</item>
|
|
81
|
+
</string-array>
|
|
82
|
+
|
|
83
|
+
|
|
84
|
+
<!-- ============================================ -->
|
|
85
|
+
<!-- MENU -->
|
|
86
|
+
<!-- ============================================ -->
|
|
87
|
+
|
|
88
|
+
<string-array name="menushadow">
|
|
89
|
+
<item>offsetX:0|offsetY:8|radius:10|spread:-8|color:#1a000000</item>
|
|
90
|
+
</string-array>
|
|
91
|
+
|
|
92
|
+
<string-array name="heyinputshadow">
|
|
93
|
+
<item>offsetX:0|offsetY:8|radius:10|spread:-8|color:#00000000</item>
|
|
94
|
+
</string-array>
|
|
95
|
+
|
|
96
|
+
|
|
97
|
+
<!-- ============================================ -->
|
|
98
|
+
<!-- TEASER -->
|
|
99
|
+
<!-- ============================================ -->
|
|
100
|
+
|
|
101
|
+
<string-array name="teaserheadlinesshadow">
|
|
102
|
+
<item>offsetX:0|offsetY:2|radius:8|spread:0|color:#99000000</item>
|
|
103
|
+
</string-array>
|
|
104
|
+
|
|
105
|
+
|
|
106
|
+
</resources>
|
|
@@ -0,0 +1,106 @@
|
|
|
1
|
+
<?xml version="1.0" encoding="utf-8"?>
|
|
2
|
+
<!--
|
|
3
|
+
Effect Tokens - Bild / dark
|
|
4
|
+
Generated on: 2025-11-25T09:43:16.728Z
|
|
5
|
+
Do not edit directly!
|
|
6
|
+
|
|
7
|
+
NOTE: Android shadows are complex and platform-specific.
|
|
8
|
+
This file provides shadow data as XML comments for reference.
|
|
9
|
+
For actual shadow implementation, use elevation or CardView.
|
|
10
|
+
-->
|
|
11
|
+
<resources>
|
|
12
|
+
|
|
13
|
+
<!-- ============================================ -->
|
|
14
|
+
<!-- DROPSHADOWSOFT -->
|
|
15
|
+
<!-- ============================================ -->
|
|
16
|
+
|
|
17
|
+
<!-- Broad and soft shadows with low contrast. Best for cards, sheets, or subtle surface separation. -->
|
|
18
|
+
<string-array name="shadowsoftsm">
|
|
19
|
+
<item>offsetX:0|offsetY:1|radius:4|spread:0|color:#0a000000</item>
|
|
20
|
+
<item>offsetX:0|offsetY:2|radius:6|spread:0|color:#14000000</item>
|
|
21
|
+
</string-array>
|
|
22
|
+
|
|
23
|
+
<!-- Broad and soft shadows with low contrast. Best for cards, sheets, or subtle surface separation. -->
|
|
24
|
+
<string-array name="shadowsoftmd">
|
|
25
|
+
<item>offsetX:0|offsetY:2|radius:16|spread:0|color:#08000000</item>
|
|
26
|
+
<item>offsetX:0|offsetY:4|radius:12|spread:0|color:#12000000</item>
|
|
27
|
+
</string-array>
|
|
28
|
+
|
|
29
|
+
<!-- Broad and soft shadows with low contrast. Best for cards, sheets, or subtle surface separation. -->
|
|
30
|
+
<string-array name="shadowsoftlg">
|
|
31
|
+
<item>offsetX:0|offsetY:8|radius:24|spread:0|color:#08000000</item>
|
|
32
|
+
<item>offsetX:0|offsetY:8|radius:16|spread:0|color:#12000000</item>
|
|
33
|
+
</string-array>
|
|
34
|
+
|
|
35
|
+
<!-- Broad and soft shadows with low contrast. Best for cards, sheets, or subtle surface separation. -->
|
|
36
|
+
<string-array name="shadowsoftxl">
|
|
37
|
+
<item>offsetX:0|offsetY:0|radius:64|spread:0|color:#0d000000</item>
|
|
38
|
+
<item>offsetX:0|offsetY:16|radius:32|spread:0|color:#1a000000</item>
|
|
39
|
+
</string-array>
|
|
40
|
+
|
|
41
|
+
|
|
42
|
+
<!-- ============================================ -->
|
|
43
|
+
<!-- DROPSHADOWHARD -->
|
|
44
|
+
<!-- ============================================ -->
|
|
45
|
+
|
|
46
|
+
<!-- Sharper, higher-contrast shadows. Best for dialogs, modals, dropdowns and overlays that require stronger focus. -->
|
|
47
|
+
<string-array name="shadowhardsm">
|
|
48
|
+
<item>offsetX:0|offsetY:1|radius:2|spread:0|color:#33000000</item>
|
|
49
|
+
<item>offsetX:0|offsetY:1|radius:3|spread:1|color:#1a000000</item>
|
|
50
|
+
</string-array>
|
|
51
|
+
|
|
52
|
+
<!-- Sharper, higher-contrast shadows. Best for dialogs, modals, dropdowns and overlays that require stronger focus. -->
|
|
53
|
+
<string-array name="shadowhardmd">
|
|
54
|
+
<item>offsetX:0|offsetY:4|radius:8|spread:0|color:#1a000000</item>
|
|
55
|
+
<item>offsetX:0|offsetY:2|radius:4|spread:0|color:#29000000</item>
|
|
56
|
+
</string-array>
|
|
57
|
+
|
|
58
|
+
<!-- Sharper, higher-contrast shadows. Best for dialogs, modals, dropdowns and overlays that require stronger focus. -->
|
|
59
|
+
<string-array name="shadowhardlg">
|
|
60
|
+
<item>offsetX:0|offsetY:2|radius:3|spread:0|color:#33000000</item>
|
|
61
|
+
<item>offsetX:0|offsetY:6|radius:10|spread:4|color:#1a000000</item>
|
|
62
|
+
</string-array>
|
|
63
|
+
|
|
64
|
+
<!-- Sharper, higher-contrast shadows. Best for dialogs, modals, dropdowns and overlays that require stronger focus. -->
|
|
65
|
+
<string-array name="shadowhardxl">
|
|
66
|
+
<item>offsetX:0|offsetY:4|radius:4|spread:0|color:#33000000</item>
|
|
67
|
+
<item>offsetX:0|offsetY:8|radius:12|spread:6|color:#1a000000</item>
|
|
68
|
+
</string-array>
|
|
69
|
+
|
|
70
|
+
|
|
71
|
+
<!-- ============================================ -->
|
|
72
|
+
<!-- ALERT -->
|
|
73
|
+
<!-- ============================================ -->
|
|
74
|
+
|
|
75
|
+
<string-array name="alertshadowdown">
|
|
76
|
+
<item>offsetX:0|offsetY:6|radius:10|spread:0|color:#33000000</item>
|
|
77
|
+
</string-array>
|
|
78
|
+
|
|
79
|
+
<string-array name="alertshadowup">
|
|
80
|
+
<item>offsetX:0|offsetY:-2|radius:10|spread:0|color:#33000000</item>
|
|
81
|
+
</string-array>
|
|
82
|
+
|
|
83
|
+
|
|
84
|
+
<!-- ============================================ -->
|
|
85
|
+
<!-- MENU -->
|
|
86
|
+
<!-- ============================================ -->
|
|
87
|
+
|
|
88
|
+
<string-array name="menushadow">
|
|
89
|
+
<item>offsetX:0|offsetY:8|radius:10|spread:-8|color:#1a000000</item>
|
|
90
|
+
</string-array>
|
|
91
|
+
|
|
92
|
+
<string-array name="heyinputshadow">
|
|
93
|
+
<item>offsetX:0|offsetY:8|radius:10|spread:-8|color:#00000000</item>
|
|
94
|
+
</string-array>
|
|
95
|
+
|
|
96
|
+
|
|
97
|
+
<!-- ============================================ -->
|
|
98
|
+
<!-- TEASER -->
|
|
99
|
+
<!-- ============================================ -->
|
|
100
|
+
|
|
101
|
+
<string-array name="teaserheadlinesshadow">
|
|
102
|
+
<item>offsetX:0|offsetY:2|radius:8|spread:0|color:#99000000</item>
|
|
103
|
+
</string-array>
|
|
104
|
+
|
|
105
|
+
|
|
106
|
+
</resources>
|
|
@@ -0,0 +1,106 @@
|
|
|
1
|
+
<?xml version="1.0" encoding="utf-8"?>
|
|
2
|
+
<!--
|
|
3
|
+
Effect Tokens - Bild / light
|
|
4
|
+
Generated on: 2025-11-25T09:43:16.676Z
|
|
5
|
+
Do not edit directly!
|
|
6
|
+
|
|
7
|
+
NOTE: Android shadows are complex and platform-specific.
|
|
8
|
+
This file provides shadow data as XML comments for reference.
|
|
9
|
+
For actual shadow implementation, use elevation or CardView.
|
|
10
|
+
-->
|
|
11
|
+
<resources>
|
|
12
|
+
|
|
13
|
+
<!-- ============================================ -->
|
|
14
|
+
<!-- DROPSHADOWSOFT -->
|
|
15
|
+
<!-- ============================================ -->
|
|
16
|
+
|
|
17
|
+
<!-- Broad and soft shadows with low contrast. Best for cards, sheets, or subtle surface separation. -->
|
|
18
|
+
<string-array name="shadowsoftsm">
|
|
19
|
+
<item>offsetX:0|offsetY:1|radius:4|spread:0|color:#0a000000</item>
|
|
20
|
+
<item>offsetX:0|offsetY:2|radius:6|spread:0|color:#14000000</item>
|
|
21
|
+
</string-array>
|
|
22
|
+
|
|
23
|
+
<!-- Broad and soft shadows with low contrast. Best for cards, sheets, or subtle surface separation. -->
|
|
24
|
+
<string-array name="shadowsoftmd">
|
|
25
|
+
<item>offsetX:0|offsetY:2|radius:16|spread:0|color:#08000000</item>
|
|
26
|
+
<item>offsetX:0|offsetY:4|radius:12|spread:0|color:#12000000</item>
|
|
27
|
+
</string-array>
|
|
28
|
+
|
|
29
|
+
<!-- Broad and soft shadows with low contrast. Best for cards, sheets, or subtle surface separation. -->
|
|
30
|
+
<string-array name="shadowsoftlg">
|
|
31
|
+
<item>offsetX:0|offsetY:8|radius:24|spread:0|color:#08000000</item>
|
|
32
|
+
<item>offsetX:0|offsetY:8|radius:16|spread:0|color:#12000000</item>
|
|
33
|
+
</string-array>
|
|
34
|
+
|
|
35
|
+
<!-- Broad and soft shadows with low contrast. Best for cards, sheets, or subtle surface separation. -->
|
|
36
|
+
<string-array name="shadowsoftxl">
|
|
37
|
+
<item>offsetX:0|offsetY:0|radius:64|spread:0|color:#0d000000</item>
|
|
38
|
+
<item>offsetX:0|offsetY:16|radius:32|spread:0|color:#1a000000</item>
|
|
39
|
+
</string-array>
|
|
40
|
+
|
|
41
|
+
|
|
42
|
+
<!-- ============================================ -->
|
|
43
|
+
<!-- DROPSHADOWHARD -->
|
|
44
|
+
<!-- ============================================ -->
|
|
45
|
+
|
|
46
|
+
<!-- Sharper, higher-contrast shadows. Best for dialogs, modals, dropdowns and overlays that require stronger focus. -->
|
|
47
|
+
<string-array name="shadowhardsm">
|
|
48
|
+
<item>offsetX:0|offsetY:1|radius:2|spread:0|color:#33000000</item>
|
|
49
|
+
<item>offsetX:0|offsetY:1|radius:3|spread:1|color:#1a000000</item>
|
|
50
|
+
</string-array>
|
|
51
|
+
|
|
52
|
+
<!-- Sharper, higher-contrast shadows. Best for dialogs, modals, dropdowns and overlays that require stronger focus. -->
|
|
53
|
+
<string-array name="shadowhardmd">
|
|
54
|
+
<item>offsetX:0|offsetY:4|radius:8|spread:0|color:#1a000000</item>
|
|
55
|
+
<item>offsetX:0|offsetY:2|radius:4|spread:0|color:#29000000</item>
|
|
56
|
+
</string-array>
|
|
57
|
+
|
|
58
|
+
<!-- Sharper, higher-contrast shadows. Best for dialogs, modals, dropdowns and overlays that require stronger focus. -->
|
|
59
|
+
<string-array name="shadowhardlg">
|
|
60
|
+
<item>offsetX:0|offsetY:2|radius:3|spread:0|color:#33000000</item>
|
|
61
|
+
<item>offsetX:0|offsetY:6|radius:10|spread:4|color:#1a000000</item>
|
|
62
|
+
</string-array>
|
|
63
|
+
|
|
64
|
+
<!-- Sharper, higher-contrast shadows. Best for dialogs, modals, dropdowns and overlays that require stronger focus. -->
|
|
65
|
+
<string-array name="shadowhardxl">
|
|
66
|
+
<item>offsetX:0|offsetY:4|radius:4|spread:0|color:#33000000</item>
|
|
67
|
+
<item>offsetX:0|offsetY:8|radius:12|spread:6|color:#1a000000</item>
|
|
68
|
+
</string-array>
|
|
69
|
+
|
|
70
|
+
|
|
71
|
+
<!-- ============================================ -->
|
|
72
|
+
<!-- ALERT -->
|
|
73
|
+
<!-- ============================================ -->
|
|
74
|
+
|
|
75
|
+
<string-array name="alertshadowdown">
|
|
76
|
+
<item>offsetX:0|offsetY:6|radius:10|spread:0|color:#33000000</item>
|
|
77
|
+
</string-array>
|
|
78
|
+
|
|
79
|
+
<string-array name="alertshadowup">
|
|
80
|
+
<item>offsetX:0|offsetY:-2|radius:10|spread:0|color:#33000000</item>
|
|
81
|
+
</string-array>
|
|
82
|
+
|
|
83
|
+
|
|
84
|
+
<!-- ============================================ -->
|
|
85
|
+
<!-- MENU -->
|
|
86
|
+
<!-- ============================================ -->
|
|
87
|
+
|
|
88
|
+
<string-array name="menushadow">
|
|
89
|
+
<item>offsetX:0|offsetY:8|radius:10|spread:-8|color:#1a000000</item>
|
|
90
|
+
</string-array>
|
|
91
|
+
|
|
92
|
+
<string-array name="heyinputshadow">
|
|
93
|
+
<item>offsetX:0|offsetY:8|radius:10|spread:-8|color:#00000000</item>
|
|
94
|
+
</string-array>
|
|
95
|
+
|
|
96
|
+
|
|
97
|
+
<!-- ============================================ -->
|
|
98
|
+
<!-- TEASER -->
|
|
99
|
+
<!-- ============================================ -->
|
|
100
|
+
|
|
101
|
+
<string-array name="teaserheadlinesshadow">
|
|
102
|
+
<item>offsetX:0|offsetY:2|radius:8|spread:0|color:#99000000</item>
|
|
103
|
+
</string-array>
|
|
104
|
+
|
|
105
|
+
|
|
106
|
+
</resources>
|
|
@@ -0,0 +1,106 @@
|
|
|
1
|
+
<?xml version="1.0" encoding="utf-8"?>
|
|
2
|
+
<!--
|
|
3
|
+
Effect Tokens - Sportbild / dark
|
|
4
|
+
Generated on: 2025-11-25T09:43:16.814Z
|
|
5
|
+
Do not edit directly!
|
|
6
|
+
|
|
7
|
+
NOTE: Android shadows are complex and platform-specific.
|
|
8
|
+
This file provides shadow data as XML comments for reference.
|
|
9
|
+
For actual shadow implementation, use elevation or CardView.
|
|
10
|
+
-->
|
|
11
|
+
<resources>
|
|
12
|
+
|
|
13
|
+
<!-- ============================================ -->
|
|
14
|
+
<!-- DROPSHADOWSOFT -->
|
|
15
|
+
<!-- ============================================ -->
|
|
16
|
+
|
|
17
|
+
<!-- Broad and soft shadows with low contrast. Best for cards, sheets, or subtle surface separation. -->
|
|
18
|
+
<string-array name="shadowsoftsm">
|
|
19
|
+
<item>offsetX:0|offsetY:1|radius:4|spread:0|color:#0a000000</item>
|
|
20
|
+
<item>offsetX:0|offsetY:2|radius:6|spread:0|color:#14000000</item>
|
|
21
|
+
</string-array>
|
|
22
|
+
|
|
23
|
+
<!-- Broad and soft shadows with low contrast. Best for cards, sheets, or subtle surface separation. -->
|
|
24
|
+
<string-array name="shadowsoftmd">
|
|
25
|
+
<item>offsetX:0|offsetY:2|radius:16|spread:0|color:#08000000</item>
|
|
26
|
+
<item>offsetX:0|offsetY:4|radius:12|spread:0|color:#12000000</item>
|
|
27
|
+
</string-array>
|
|
28
|
+
|
|
29
|
+
<!-- Broad and soft shadows with low contrast. Best for cards, sheets, or subtle surface separation. -->
|
|
30
|
+
<string-array name="shadowsoftlg">
|
|
31
|
+
<item>offsetX:0|offsetY:8|radius:24|spread:0|color:#08000000</item>
|
|
32
|
+
<item>offsetX:0|offsetY:8|radius:16|spread:0|color:#12000000</item>
|
|
33
|
+
</string-array>
|
|
34
|
+
|
|
35
|
+
<!-- Broad and soft shadows with low contrast. Best for cards, sheets, or subtle surface separation. -->
|
|
36
|
+
<string-array name="shadowsoftxl">
|
|
37
|
+
<item>offsetX:0|offsetY:0|radius:64|spread:0|color:#0d000000</item>
|
|
38
|
+
<item>offsetX:0|offsetY:16|radius:32|spread:0|color:#1a000000</item>
|
|
39
|
+
</string-array>
|
|
40
|
+
|
|
41
|
+
|
|
42
|
+
<!-- ============================================ -->
|
|
43
|
+
<!-- DROPSHADOWHARD -->
|
|
44
|
+
<!-- ============================================ -->
|
|
45
|
+
|
|
46
|
+
<!-- Sharper, higher-contrast shadows. Best for dialogs, modals, dropdowns and overlays that require stronger focus. -->
|
|
47
|
+
<string-array name="shadowhardsm">
|
|
48
|
+
<item>offsetX:0|offsetY:1|radius:2|spread:0|color:#33000000</item>
|
|
49
|
+
<item>offsetX:0|offsetY:1|radius:3|spread:1|color:#1a000000</item>
|
|
50
|
+
</string-array>
|
|
51
|
+
|
|
52
|
+
<!-- Sharper, higher-contrast shadows. Best for dialogs, modals, dropdowns and overlays that require stronger focus. -->
|
|
53
|
+
<string-array name="shadowhardmd">
|
|
54
|
+
<item>offsetX:0|offsetY:4|radius:8|spread:0|color:#1a000000</item>
|
|
55
|
+
<item>offsetX:0|offsetY:2|radius:4|spread:0|color:#29000000</item>
|
|
56
|
+
</string-array>
|
|
57
|
+
|
|
58
|
+
<!-- Sharper, higher-contrast shadows. Best for dialogs, modals, dropdowns and overlays that require stronger focus. -->
|
|
59
|
+
<string-array name="shadowhardlg">
|
|
60
|
+
<item>offsetX:0|offsetY:2|radius:3|spread:0|color:#33000000</item>
|
|
61
|
+
<item>offsetX:0|offsetY:6|radius:10|spread:4|color:#1a000000</item>
|
|
62
|
+
</string-array>
|
|
63
|
+
|
|
64
|
+
<!-- Sharper, higher-contrast shadows. Best for dialogs, modals, dropdowns and overlays that require stronger focus. -->
|
|
65
|
+
<string-array name="shadowhardxl">
|
|
66
|
+
<item>offsetX:0|offsetY:4|radius:4|spread:0|color:#33000000</item>
|
|
67
|
+
<item>offsetX:0|offsetY:8|radius:12|spread:6|color:#1a000000</item>
|
|
68
|
+
</string-array>
|
|
69
|
+
|
|
70
|
+
|
|
71
|
+
<!-- ============================================ -->
|
|
72
|
+
<!-- ALERT -->
|
|
73
|
+
<!-- ============================================ -->
|
|
74
|
+
|
|
75
|
+
<string-array name="alertshadowdown">
|
|
76
|
+
<item>offsetX:0|offsetY:6|radius:10|spread:0|color:#33000000</item>
|
|
77
|
+
</string-array>
|
|
78
|
+
|
|
79
|
+
<string-array name="alertshadowup">
|
|
80
|
+
<item>offsetX:0|offsetY:-2|radius:10|spread:0|color:#33000000</item>
|
|
81
|
+
</string-array>
|
|
82
|
+
|
|
83
|
+
|
|
84
|
+
<!-- ============================================ -->
|
|
85
|
+
<!-- MENU -->
|
|
86
|
+
<!-- ============================================ -->
|
|
87
|
+
|
|
88
|
+
<string-array name="menushadow">
|
|
89
|
+
<item>offsetX:0|offsetY:8|radius:10|spread:-8|color:#1a000000</item>
|
|
90
|
+
</string-array>
|
|
91
|
+
|
|
92
|
+
<string-array name="heyinputshadow">
|
|
93
|
+
<item>offsetX:0|offsetY:8|radius:10|spread:-8|color:#00000000</item>
|
|
94
|
+
</string-array>
|
|
95
|
+
|
|
96
|
+
|
|
97
|
+
<!-- ============================================ -->
|
|
98
|
+
<!-- TEASER -->
|
|
99
|
+
<!-- ============================================ -->
|
|
100
|
+
|
|
101
|
+
<string-array name="teaserheadlinesshadow">
|
|
102
|
+
<item>offsetX:0|offsetY:2|radius:8|spread:0|color:#99000000</item>
|
|
103
|
+
</string-array>
|
|
104
|
+
|
|
105
|
+
|
|
106
|
+
</resources>
|
|
@@ -0,0 +1,106 @@
|
|
|
1
|
+
<?xml version="1.0" encoding="utf-8"?>
|
|
2
|
+
<!--
|
|
3
|
+
Effect Tokens - Sportbild / light
|
|
4
|
+
Generated on: 2025-11-25T09:43:16.771Z
|
|
5
|
+
Do not edit directly!
|
|
6
|
+
|
|
7
|
+
NOTE: Android shadows are complex and platform-specific.
|
|
8
|
+
This file provides shadow data as XML comments for reference.
|
|
9
|
+
For actual shadow implementation, use elevation or CardView.
|
|
10
|
+
-->
|
|
11
|
+
<resources>
|
|
12
|
+
|
|
13
|
+
<!-- ============================================ -->
|
|
14
|
+
<!-- DROPSHADOWSOFT -->
|
|
15
|
+
<!-- ============================================ -->
|
|
16
|
+
|
|
17
|
+
<!-- Broad and soft shadows with low contrast. Best for cards, sheets, or subtle surface separation. -->
|
|
18
|
+
<string-array name="shadowsoftsm">
|
|
19
|
+
<item>offsetX:0|offsetY:1|radius:4|spread:0|color:#0a000000</item>
|
|
20
|
+
<item>offsetX:0|offsetY:2|radius:6|spread:0|color:#14000000</item>
|
|
21
|
+
</string-array>
|
|
22
|
+
|
|
23
|
+
<!-- Broad and soft shadows with low contrast. Best for cards, sheets, or subtle surface separation. -->
|
|
24
|
+
<string-array name="shadowsoftmd">
|
|
25
|
+
<item>offsetX:0|offsetY:2|radius:16|spread:0|color:#08000000</item>
|
|
26
|
+
<item>offsetX:0|offsetY:4|radius:12|spread:0|color:#12000000</item>
|
|
27
|
+
</string-array>
|
|
28
|
+
|
|
29
|
+
<!-- Broad and soft shadows with low contrast. Best for cards, sheets, or subtle surface separation. -->
|
|
30
|
+
<string-array name="shadowsoftlg">
|
|
31
|
+
<item>offsetX:0|offsetY:8|radius:24|spread:0|color:#08000000</item>
|
|
32
|
+
<item>offsetX:0|offsetY:8|radius:16|spread:0|color:#12000000</item>
|
|
33
|
+
</string-array>
|
|
34
|
+
|
|
35
|
+
<!-- Broad and soft shadows with low contrast. Best for cards, sheets, or subtle surface separation. -->
|
|
36
|
+
<string-array name="shadowsoftxl">
|
|
37
|
+
<item>offsetX:0|offsetY:0|radius:64|spread:0|color:#0d000000</item>
|
|
38
|
+
<item>offsetX:0|offsetY:16|radius:32|spread:0|color:#1a000000</item>
|
|
39
|
+
</string-array>
|
|
40
|
+
|
|
41
|
+
|
|
42
|
+
<!-- ============================================ -->
|
|
43
|
+
<!-- DROPSHADOWHARD -->
|
|
44
|
+
<!-- ============================================ -->
|
|
45
|
+
|
|
46
|
+
<!-- Sharper, higher-contrast shadows. Best for dialogs, modals, dropdowns and overlays that require stronger focus. -->
|
|
47
|
+
<string-array name="shadowhardsm">
|
|
48
|
+
<item>offsetX:0|offsetY:1|radius:2|spread:0|color:#33000000</item>
|
|
49
|
+
<item>offsetX:0|offsetY:1|radius:3|spread:1|color:#1a000000</item>
|
|
50
|
+
</string-array>
|
|
51
|
+
|
|
52
|
+
<!-- Sharper, higher-contrast shadows. Best for dialogs, modals, dropdowns and overlays that require stronger focus. -->
|
|
53
|
+
<string-array name="shadowhardmd">
|
|
54
|
+
<item>offsetX:0|offsetY:4|radius:8|spread:0|color:#1a000000</item>
|
|
55
|
+
<item>offsetX:0|offsetY:2|radius:4|spread:0|color:#29000000</item>
|
|
56
|
+
</string-array>
|
|
57
|
+
|
|
58
|
+
<!-- Sharper, higher-contrast shadows. Best for dialogs, modals, dropdowns and overlays that require stronger focus. -->
|
|
59
|
+
<string-array name="shadowhardlg">
|
|
60
|
+
<item>offsetX:0|offsetY:2|radius:3|spread:0|color:#33000000</item>
|
|
61
|
+
<item>offsetX:0|offsetY:6|radius:10|spread:4|color:#1a000000</item>
|
|
62
|
+
</string-array>
|
|
63
|
+
|
|
64
|
+
<!-- Sharper, higher-contrast shadows. Best for dialogs, modals, dropdowns and overlays that require stronger focus. -->
|
|
65
|
+
<string-array name="shadowhardxl">
|
|
66
|
+
<item>offsetX:0|offsetY:4|radius:4|spread:0|color:#33000000</item>
|
|
67
|
+
<item>offsetX:0|offsetY:8|radius:12|spread:6|color:#1a000000</item>
|
|
68
|
+
</string-array>
|
|
69
|
+
|
|
70
|
+
|
|
71
|
+
<!-- ============================================ -->
|
|
72
|
+
<!-- ALERT -->
|
|
73
|
+
<!-- ============================================ -->
|
|
74
|
+
|
|
75
|
+
<string-array name="alertshadowdown">
|
|
76
|
+
<item>offsetX:0|offsetY:6|radius:10|spread:0|color:#33000000</item>
|
|
77
|
+
</string-array>
|
|
78
|
+
|
|
79
|
+
<string-array name="alertshadowup">
|
|
80
|
+
<item>offsetX:0|offsetY:-2|radius:10|spread:0|color:#33000000</item>
|
|
81
|
+
</string-array>
|
|
82
|
+
|
|
83
|
+
|
|
84
|
+
<!-- ============================================ -->
|
|
85
|
+
<!-- MENU -->
|
|
86
|
+
<!-- ============================================ -->
|
|
87
|
+
|
|
88
|
+
<string-array name="menushadow">
|
|
89
|
+
<item>offsetX:0|offsetY:8|radius:10|spread:-8|color:#1a000000</item>
|
|
90
|
+
</string-array>
|
|
91
|
+
|
|
92
|
+
<string-array name="heyinputshadow">
|
|
93
|
+
<item>offsetX:0|offsetY:8|radius:10|spread:-8|color:#00000000</item>
|
|
94
|
+
</string-array>
|
|
95
|
+
|
|
96
|
+
|
|
97
|
+
<!-- ============================================ -->
|
|
98
|
+
<!-- TEASER -->
|
|
99
|
+
<!-- ============================================ -->
|
|
100
|
+
|
|
101
|
+
<string-array name="teaserheadlinesshadow">
|
|
102
|
+
<item>offsetX:0|offsetY:2|radius:8|spread:0|color:#99000000</item>
|
|
103
|
+
</string-array>
|
|
104
|
+
|
|
105
|
+
|
|
106
|
+
</resources>
|