jvetrau-ds 0.2.47 → 0.2.49

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 (93) hide show
  1. package/components/course-outline/course-outline.cjs +54 -41
  2. package/components/course-outline/course-outline.cjs.map +1 -1
  3. package/components/course-outline/course-outline.css +56 -3
  4. package/components/course-outline/course-outline.d.ts +4 -0
  5. package/components/course-outline/course-outline.js +52 -42
  6. package/components/course-outline/course-outline.js.map +1 -1
  7. package/components/course-outline/index.cjs +10 -1
  8. package/components/course-outline/index.d.ts +2 -2
  9. package/components/course-outline/index.js +1 -1
  10. package/components/dropdown/dropdown.cjs +34 -5
  11. package/components/dropdown/dropdown.cjs.map +1 -1
  12. package/components/dropdown/dropdown.js +34 -5
  13. package/components/dropdown/dropdown.js.map +1 -1
  14. package/components/index.cjs +4 -0
  15. package/components/index.d.ts +3 -3
  16. package/components/index.js +1 -1
  17. package/components/markdown/index.d.ts +1 -1
  18. package/components/markdown/markdown.cjs +13 -2
  19. package/components/markdown/markdown.cjs.map +1 -1
  20. package/components/markdown/markdown.d.ts +2 -0
  21. package/components/markdown/markdown.js +13 -2
  22. package/components/markdown/markdown.js.map +1 -1
  23. package/index.cjs +4 -0
  24. package/index.d.ts +3 -3
  25. package/index.js +1 -1
  26. package/layouts/base/base.css +1 -1
  27. package/package.json +1 -1
  28. package/styles.css +57 -4
  29. package/themes/base/desktop.css +1 -1
  30. package/themes/base/desktop.md +1 -1
  31. package/themes/base/desktop.scoped.css +1 -1
  32. package/themes/base/diagram.css +1 -1
  33. package/themes/base/diagram.md +1 -1
  34. package/themes/base/diagram.scoped.css +1 -1
  35. package/themes/base/mobile.css +1 -1
  36. package/themes/base/mobile.md +1 -1
  37. package/themes/base/mobile.scoped.css +1 -1
  38. package/themes/base/responsive.css +2 -2
  39. package/themes/brandcopilot/desktop.css +1 -1
  40. package/themes/brandcopilot/desktop.md +1 -1
  41. package/themes/brandcopilot/desktop.scoped.css +1 -1
  42. package/themes/brandcopilot/diagram.css +1 -1
  43. package/themes/brandcopilot/diagram.md +1 -1
  44. package/themes/brandcopilot/diagram.scoped.css +1 -1
  45. package/themes/brandcopilot/mobile.css +1 -1
  46. package/themes/brandcopilot/mobile.md +1 -1
  47. package/themes/brandcopilot/mobile.scoped.css +1 -1
  48. package/themes/brandcopilot/responsive.css +2 -2
  49. package/themes/dmpatterns/desktop.css +1 -1
  50. package/themes/dmpatterns/desktop.md +1 -1
  51. package/themes/dmpatterns/desktop.scoped.css +1 -1
  52. package/themes/dmpatterns/diagram.css +1 -1
  53. package/themes/dmpatterns/diagram.md +1 -1
  54. package/themes/dmpatterns/diagram.scoped.css +1 -1
  55. package/themes/dmpatterns/mobile.css +1 -1
  56. package/themes/dmpatterns/mobile.md +1 -1
  57. package/themes/dmpatterns/mobile.scoped.css +1 -1
  58. package/themes/dmpatterns/responsive.css +2 -2
  59. package/themes/pdigest/desktop.css +1 -1
  60. package/themes/pdigest/desktop.md +1 -1
  61. package/themes/pdigest/desktop.scoped.css +1 -1
  62. package/themes/pdigest/diagram.css +1 -1
  63. package/themes/pdigest/diagram.md +1 -1
  64. package/themes/pdigest/diagram.scoped.css +1 -1
  65. package/themes/pdigest/mobile.css +1 -1
  66. package/themes/pdigest/mobile.md +1 -1
  67. package/themes/pdigest/mobile.scoped.css +1 -1
  68. package/themes/pdigest/responsive.css +2 -2
  69. package/themes/retrack/desktop.css +1 -1
  70. package/themes/retrack/desktop.md +1 -1
  71. package/themes/retrack/desktop.scoped.css +1 -1
  72. package/themes/retrack/diagram.css +1 -1
  73. package/themes/retrack/diagram.md +1 -1
  74. package/themes/retrack/diagram.scoped.css +1 -1
  75. package/themes/retrack/mobile.css +1 -1
  76. package/themes/retrack/mobile.md +1 -1
  77. package/themes/retrack/mobile.scoped.css +1 -1
  78. package/themes/retrack/responsive.css +2 -2
  79. package/tokens/themes/base/dist/desktop.json +1 -1
  80. package/tokens/themes/base/dist/diagram.json +1 -1
  81. package/tokens/themes/base/dist/mobile.json +1 -1
  82. package/tokens/themes/brandcopilot/dist/desktop.json +1 -1
  83. package/tokens/themes/brandcopilot/dist/diagram.json +1 -1
  84. package/tokens/themes/brandcopilot/dist/mobile.json +1 -1
  85. package/tokens/themes/dmpatterns/dist/desktop.json +1 -1
  86. package/tokens/themes/dmpatterns/dist/diagram.json +1 -1
  87. package/tokens/themes/dmpatterns/dist/mobile.json +1 -1
  88. package/tokens/themes/pdigest/dist/desktop.json +1 -1
  89. package/tokens/themes/pdigest/dist/diagram.json +1 -1
  90. package/tokens/themes/pdigest/dist/mobile.json +1 -1
  91. package/tokens/themes/retrack/dist/desktop.json +1 -1
  92. package/tokens/themes/retrack/dist/diagram.json +1 -1
  93. package/tokens/themes/retrack/dist/mobile.json +1 -1
package/styles.css CHANGED
@@ -1728,6 +1728,23 @@
1728
1728
  .layout-sidebar__side .course-outline {
1729
1729
  /* color */
1730
1730
 
1731
+ /* typography */
1732
+
1733
+ /* size */
1734
+ --course-outline-group-gap:
1735
+ var(--margin-item);
1736
+
1737
+ /* border */
1738
+
1739
+ /* depth */
1740
+
1741
+ /* motion */
1742
+ }
1743
+
1744
+ .layout-sidebar__side
1745
+ .course-outline__item-body {
1746
+ /* color */
1747
+
1731
1748
  /* typography */
1732
1749
  --course-outline-item-title-font-family:
1733
1750
  var(--font-body-family);
@@ -1741,8 +1758,6 @@
1741
1758
  var(--font-body-letter-spacing);
1742
1759
 
1743
1760
  /* size */
1744
- --course-outline-group-gap:
1745
- var(--margin-item);
1746
1761
 
1747
1762
  /* border */
1748
1763
 
@@ -1753,7 +1768,7 @@
1753
1768
 
1754
1769
  .layout-sidebar__side
1755
1770
  .course-outline__action,
1756
- .layout-sidebar__side
1771
+ .layout-sidebar__side
1757
1772
  .course-outline__meta {
1758
1773
  /* color */
1759
1774
 
@@ -2060,10 +2075,48 @@ h4.course-outline__group-title {
2060
2075
 
2061
2076
  .course-outline__item-body {
2062
2077
  /* color */
2078
+ --course-outline-meta-color: var(--color-text-note);
2063
2079
 
2064
2080
  /* typography */
2081
+ --course-outline-item-title-font-family:
2082
+ var(--font-lead-family);
2083
+ --course-outline-item-title-font-size:
2084
+ var(--font-lead);
2085
+ --course-outline-item-title-font-weight:
2086
+ var(--font-lead-weight);
2087
+ --course-outline-item-title-line-height:
2088
+ var(--font-lead-line);
2089
+ --course-outline-item-title-letter-spacing:
2090
+ var(--font-lead-letter-spacing);
2091
+
2092
+ --course-outline-body-font-family:
2093
+ var(--font-body-family);
2094
+ --course-outline-body-font-size:
2095
+ var(--font-body);
2096
+ --course-outline-body-font-weight:
2097
+ var(--font-body-weight);
2098
+ --course-outline-body-line-height:
2099
+ var(--font-body-line);
2100
+ --course-outline-body-letter-spacing:
2101
+ var(--font-body-letter-spacing);
2102
+
2103
+ --course-outline-note-font-family:
2104
+ var(--font-body-family);
2105
+ --course-outline-note-font-size:
2106
+ var(--font-note);
2107
+ --course-outline-note-font-weight:
2108
+ var(--font-note-weight);
2109
+ --course-outline-note-line-height:
2110
+ var(--font-note-line);
2111
+ --course-outline-note-letter-spacing:
2112
+ var(--font-note-letter-spacing);
2065
2113
 
2066
2114
  /* size */
2115
+ --course-outline-item-content-gap:
2116
+ var(--margin-descriptor);
2117
+ --course-outline-details-gap:
2118
+ var(--font-body-margin);
2119
+
2067
2120
  display: flex;
2068
2121
  flex-direction: column;
2069
2122
  align-items: flex-start;
@@ -7177,7 +7230,7 @@ h4.course-outline__group-title {
7177
7230
  /* typography */
7178
7231
 
7179
7232
  /* size */
7180
- --layout-base-content-width: 1200px;
7233
+ --layout-base-content-width: 1920px;
7181
7234
 
7182
7235
  /* border */
7183
7236
 
@@ -9,7 +9,7 @@
9
9
  --color-bg-dark: #0D0D0D;
10
10
  --color-bg-disabled: #B2B2B2;
11
11
  --color-bg-media: #4B4C4D;
12
- --color-bg-placeholder: #EBEFF2;
12
+ --color-bg-placeholder: #BABDBF;
13
13
  --color-bg-toolbar: var(--color-bg-true-black);
14
14
  --color-bg-true-black: #000000;
15
15
  --color-contrast: #FFFFFF;
@@ -14,7 +14,7 @@
14
14
  | `color/bg/dark` | `color` | `#0D0D0D` |
15
15
  | `color/bg/disabled` | `color` | `#B2B2B2` |
16
16
  | `color/bg/media` | `color` | `#4B4C4D` |
17
- | `color/bg/placeholder` | `color` | `#EBEFF2` |
17
+ | `color/bg/placeholder` | `color` | `#BABDBF` |
18
18
  | `color/bg/toolbar` | `color` | `#000000` |
19
19
  | `color/bg/true-black` | `color` | `#000000` |
20
20
  | `color/contrast` | `color` | `#FFFFFF` |
@@ -9,7 +9,7 @@
9
9
  --color-bg-dark: #0D0D0D;
10
10
  --color-bg-disabled: #B2B2B2;
11
11
  --color-bg-media: #4B4C4D;
12
- --color-bg-placeholder: #EBEFF2;
12
+ --color-bg-placeholder: #BABDBF;
13
13
  --color-bg-toolbar: var(--color-bg-true-black);
14
14
  --color-bg-true-black: #000000;
15
15
  --color-contrast: #FFFFFF;
@@ -9,7 +9,7 @@
9
9
  --color-bg-dark: #0D0D0D;
10
10
  --color-bg-disabled: #B2B2B2;
11
11
  --color-bg-media: #4B4C4D;
12
- --color-bg-placeholder: #EBEFF2;
12
+ --color-bg-placeholder: #BABDBF;
13
13
  --color-bg-toolbar: var(--color-bg-true-black);
14
14
  --color-bg-true-black: #000000;
15
15
  --color-contrast: #FFFFFF;
@@ -14,7 +14,7 @@
14
14
  | `color/bg/dark` | `color` | `#0D0D0D` |
15
15
  | `color/bg/disabled` | `color` | `#B2B2B2` |
16
16
  | `color/bg/media` | `color` | `#4B4C4D` |
17
- | `color/bg/placeholder` | `color` | `#EBEFF2` |
17
+ | `color/bg/placeholder` | `color` | `#BABDBF` |
18
18
  | `color/bg/toolbar` | `color` | `#000000` |
19
19
  | `color/bg/true-black` | `color` | `#000000` |
20
20
  | `color/contrast` | `color` | `#FFFFFF` |
@@ -9,7 +9,7 @@
9
9
  --color-bg-dark: #0D0D0D;
10
10
  --color-bg-disabled: #B2B2B2;
11
11
  --color-bg-media: #4B4C4D;
12
- --color-bg-placeholder: #EBEFF2;
12
+ --color-bg-placeholder: #BABDBF;
13
13
  --color-bg-toolbar: var(--color-bg-true-black);
14
14
  --color-bg-true-black: #000000;
15
15
  --color-contrast: #FFFFFF;
@@ -9,7 +9,7 @@
9
9
  --color-bg-dark: #0D0D0D;
10
10
  --color-bg-disabled: #B2B2B2;
11
11
  --color-bg-media: #4B4C4D;
12
- --color-bg-placeholder: #EBEFF2;
12
+ --color-bg-placeholder: #BABDBF;
13
13
  --color-bg-toolbar: var(--color-bg-true-black);
14
14
  --color-bg-true-black: #000000;
15
15
  --color-contrast: #FFFFFF;
@@ -14,7 +14,7 @@
14
14
  | `color/bg/dark` | `color` | `#0D0D0D` |
15
15
  | `color/bg/disabled` | `color` | `#B2B2B2` |
16
16
  | `color/bg/media` | `color` | `#4B4C4D` |
17
- | `color/bg/placeholder` | `color` | `#EBEFF2` |
17
+ | `color/bg/placeholder` | `color` | `#BABDBF` |
18
18
  | `color/bg/toolbar` | `color` | `#000000` |
19
19
  | `color/bg/true-black` | `color` | `#000000` |
20
20
  | `color/contrast` | `color` | `#FFFFFF` |
@@ -9,7 +9,7 @@
9
9
  --color-bg-dark: #0D0D0D;
10
10
  --color-bg-disabled: #B2B2B2;
11
11
  --color-bg-media: #4B4C4D;
12
- --color-bg-placeholder: #EBEFF2;
12
+ --color-bg-placeholder: #BABDBF;
13
13
  --color-bg-toolbar: var(--color-bg-true-black);
14
14
  --color-bg-true-black: #000000;
15
15
  --color-contrast: #FFFFFF;
@@ -9,7 +9,7 @@
9
9
  --color-bg-dark: #0D0D0D;
10
10
  --color-bg-disabled: #B2B2B2;
11
11
  --color-bg-media: #4B4C4D;
12
- --color-bg-placeholder: #EBEFF2;
12
+ --color-bg-placeholder: #BABDBF;
13
13
  --color-bg-toolbar: var(--color-bg-true-black);
14
14
  --color-bg-true-black: #000000;
15
15
  --color-contrast: #FFFFFF;
@@ -199,7 +199,7 @@
199
199
  --color-bg-dark: #0D0D0D;
200
200
  --color-bg-disabled: #B2B2B2;
201
201
  --color-bg-media: #4B4C4D;
202
- --color-bg-placeholder: #EBEFF2;
202
+ --color-bg-placeholder: #BABDBF;
203
203
  --color-bg-toolbar: var(--color-bg-true-black);
204
204
  --color-bg-true-black: #000000;
205
205
  --color-contrast: #FFFFFF;
@@ -9,7 +9,7 @@
9
9
  --color-bg-dark: #0D0D0D;
10
10
  --color-bg-disabled: #B2B2B2;
11
11
  --color-bg-media: #4B4C4D;
12
- --color-bg-placeholder: #EBEFF2;
12
+ --color-bg-placeholder: #BABDBF;
13
13
  --color-bg-toolbar: var(--color-bg-true-black);
14
14
  --color-bg-true-black: #000000;
15
15
  --color-contrast: #FFFFFF;
@@ -14,7 +14,7 @@
14
14
  | `color/bg/dark` | `color` | `#0D0D0D` |
15
15
  | `color/bg/disabled` | `color` | `#B2B2B2` |
16
16
  | `color/bg/media` | `color` | `#4B4C4D` |
17
- | `color/bg/placeholder` | `color` | `#EBEFF2` |
17
+ | `color/bg/placeholder` | `color` | `#BABDBF` |
18
18
  | `color/bg/toolbar` | `color` | `#000000` |
19
19
  | `color/bg/true-black` | `color` | `#000000` |
20
20
  | `color/contrast` | `color` | `#FFFFFF` |
@@ -9,7 +9,7 @@
9
9
  --color-bg-dark: #0D0D0D;
10
10
  --color-bg-disabled: #B2B2B2;
11
11
  --color-bg-media: #4B4C4D;
12
- --color-bg-placeholder: #EBEFF2;
12
+ --color-bg-placeholder: #BABDBF;
13
13
  --color-bg-toolbar: var(--color-bg-true-black);
14
14
  --color-bg-true-black: #000000;
15
15
  --color-contrast: #FFFFFF;
@@ -9,7 +9,7 @@
9
9
  --color-bg-dark: #0D0D0D;
10
10
  --color-bg-disabled: #B2B2B2;
11
11
  --color-bg-media: #4B4C4D;
12
- --color-bg-placeholder: #EBEFF2;
12
+ --color-bg-placeholder: #BABDBF;
13
13
  --color-bg-toolbar: var(--color-bg-true-black);
14
14
  --color-bg-true-black: #000000;
15
15
  --color-contrast: #FFFFFF;
@@ -14,7 +14,7 @@
14
14
  | `color/bg/dark` | `color` | `#0D0D0D` |
15
15
  | `color/bg/disabled` | `color` | `#B2B2B2` |
16
16
  | `color/bg/media` | `color` | `#4B4C4D` |
17
- | `color/bg/placeholder` | `color` | `#EBEFF2` |
17
+ | `color/bg/placeholder` | `color` | `#BABDBF` |
18
18
  | `color/bg/toolbar` | `color` | `#000000` |
19
19
  | `color/bg/true-black` | `color` | `#000000` |
20
20
  | `color/contrast` | `color` | `#FFFFFF` |
@@ -9,7 +9,7 @@
9
9
  --color-bg-dark: #0D0D0D;
10
10
  --color-bg-disabled: #B2B2B2;
11
11
  --color-bg-media: #4B4C4D;
12
- --color-bg-placeholder: #EBEFF2;
12
+ --color-bg-placeholder: #BABDBF;
13
13
  --color-bg-toolbar: var(--color-bg-true-black);
14
14
  --color-bg-true-black: #000000;
15
15
  --color-contrast: #FFFFFF;
@@ -9,7 +9,7 @@
9
9
  --color-bg-dark: #0D0D0D;
10
10
  --color-bg-disabled: #B2B2B2;
11
11
  --color-bg-media: #4B4C4D;
12
- --color-bg-placeholder: #EBEFF2;
12
+ --color-bg-placeholder: #BABDBF;
13
13
  --color-bg-toolbar: var(--color-bg-true-black);
14
14
  --color-bg-true-black: #000000;
15
15
  --color-contrast: #FFFFFF;
@@ -14,7 +14,7 @@
14
14
  | `color/bg/dark` | `color` | `#0D0D0D` |
15
15
  | `color/bg/disabled` | `color` | `#B2B2B2` |
16
16
  | `color/bg/media` | `color` | `#4B4C4D` |
17
- | `color/bg/placeholder` | `color` | `#EBEFF2` |
17
+ | `color/bg/placeholder` | `color` | `#BABDBF` |
18
18
  | `color/bg/toolbar` | `color` | `#000000` |
19
19
  | `color/bg/true-black` | `color` | `#000000` |
20
20
  | `color/contrast` | `color` | `#FFFFFF` |
@@ -9,7 +9,7 @@
9
9
  --color-bg-dark: #0D0D0D;
10
10
  --color-bg-disabled: #B2B2B2;
11
11
  --color-bg-media: #4B4C4D;
12
- --color-bg-placeholder: #EBEFF2;
12
+ --color-bg-placeholder: #BABDBF;
13
13
  --color-bg-toolbar: var(--color-bg-true-black);
14
14
  --color-bg-true-black: #000000;
15
15
  --color-contrast: #FFFFFF;
@@ -9,7 +9,7 @@
9
9
  --color-bg-dark: #0D0D0D;
10
10
  --color-bg-disabled: #B2B2B2;
11
11
  --color-bg-media: #4B4C4D;
12
- --color-bg-placeholder: #EBEFF2;
12
+ --color-bg-placeholder: #BABDBF;
13
13
  --color-bg-toolbar: var(--color-bg-true-black);
14
14
  --color-bg-true-black: #000000;
15
15
  --color-contrast: #FFFFFF;
@@ -199,7 +199,7 @@
199
199
  --color-bg-dark: #0D0D0D;
200
200
  --color-bg-disabled: #B2B2B2;
201
201
  --color-bg-media: #4B4C4D;
202
- --color-bg-placeholder: #EBEFF2;
202
+ --color-bg-placeholder: #BABDBF;
203
203
  --color-bg-toolbar: var(--color-bg-true-black);
204
204
  --color-bg-true-black: #000000;
205
205
  --color-contrast: #FFFFFF;
@@ -9,7 +9,7 @@
9
9
  --color-bg-dark: #0D0D0D;
10
10
  --color-bg-disabled: #B2B2B2;
11
11
  --color-bg-media: #4B4C4D;
12
- --color-bg-placeholder: #EBEFF2;
12
+ --color-bg-placeholder: #BABDBF;
13
13
  --color-bg-toolbar: var(--color-bg-true-black);
14
14
  --color-bg-true-black: #000000;
15
15
  --color-contrast: #FFFFFF;
@@ -14,7 +14,7 @@
14
14
  | `color/bg/dark` | `color` | `#0D0D0D` |
15
15
  | `color/bg/disabled` | `color` | `#B2B2B2` |
16
16
  | `color/bg/media` | `color` | `#4B4C4D` |
17
- | `color/bg/placeholder` | `color` | `#EBEFF2` |
17
+ | `color/bg/placeholder` | `color` | `#BABDBF` |
18
18
  | `color/bg/toolbar` | `color` | `#000000` |
19
19
  | `color/bg/true-black` | `color` | `#000000` |
20
20
  | `color/contrast` | `color` | `#FFFFFF` |
@@ -9,7 +9,7 @@
9
9
  --color-bg-dark: #0D0D0D;
10
10
  --color-bg-disabled: #B2B2B2;
11
11
  --color-bg-media: #4B4C4D;
12
- --color-bg-placeholder: #EBEFF2;
12
+ --color-bg-placeholder: #BABDBF;
13
13
  --color-bg-toolbar: var(--color-bg-true-black);
14
14
  --color-bg-true-black: #000000;
15
15
  --color-contrast: #FFFFFF;
@@ -9,7 +9,7 @@
9
9
  --color-bg-dark: #0D0D0D;
10
10
  --color-bg-disabled: #B2B2B2;
11
11
  --color-bg-media: #4B4C4D;
12
- --color-bg-placeholder: #EBEFF2;
12
+ --color-bg-placeholder: #BABDBF;
13
13
  --color-bg-toolbar: var(--color-bg-true-black);
14
14
  --color-bg-true-black: #000000;
15
15
  --color-contrast: #FFFFFF;
@@ -14,7 +14,7 @@
14
14
  | `color/bg/dark` | `color` | `#0D0D0D` |
15
15
  | `color/bg/disabled` | `color` | `#B2B2B2` |
16
16
  | `color/bg/media` | `color` | `#4B4C4D` |
17
- | `color/bg/placeholder` | `color` | `#EBEFF2` |
17
+ | `color/bg/placeholder` | `color` | `#BABDBF` |
18
18
  | `color/bg/toolbar` | `color` | `#000000` |
19
19
  | `color/bg/true-black` | `color` | `#000000` |
20
20
  | `color/contrast` | `color` | `#FFFFFF` |
@@ -9,7 +9,7 @@
9
9
  --color-bg-dark: #0D0D0D;
10
10
  --color-bg-disabled: #B2B2B2;
11
11
  --color-bg-media: #4B4C4D;
12
- --color-bg-placeholder: #EBEFF2;
12
+ --color-bg-placeholder: #BABDBF;
13
13
  --color-bg-toolbar: var(--color-bg-true-black);
14
14
  --color-bg-true-black: #000000;
15
15
  --color-contrast: #FFFFFF;
@@ -9,7 +9,7 @@
9
9
  --color-bg-dark: #0D0D0D;
10
10
  --color-bg-disabled: #B2B2B2;
11
11
  --color-bg-media: #4B4C4D;
12
- --color-bg-placeholder: #EBEFF2;
12
+ --color-bg-placeholder: #BABDBF;
13
13
  --color-bg-toolbar: var(--color-bg-true-black);
14
14
  --color-bg-true-black: #000000;
15
15
  --color-contrast: #FFFFFF;
@@ -14,7 +14,7 @@
14
14
  | `color/bg/dark` | `color` | `#0D0D0D` |
15
15
  | `color/bg/disabled` | `color` | `#B2B2B2` |
16
16
  | `color/bg/media` | `color` | `#4B4C4D` |
17
- | `color/bg/placeholder` | `color` | `#EBEFF2` |
17
+ | `color/bg/placeholder` | `color` | `#BABDBF` |
18
18
  | `color/bg/toolbar` | `color` | `#000000` |
19
19
  | `color/bg/true-black` | `color` | `#000000` |
20
20
  | `color/contrast` | `color` | `#FFFFFF` |
@@ -9,7 +9,7 @@
9
9
  --color-bg-dark: #0D0D0D;
10
10
  --color-bg-disabled: #B2B2B2;
11
11
  --color-bg-media: #4B4C4D;
12
- --color-bg-placeholder: #EBEFF2;
12
+ --color-bg-placeholder: #BABDBF;
13
13
  --color-bg-toolbar: var(--color-bg-true-black);
14
14
  --color-bg-true-black: #000000;
15
15
  --color-contrast: #FFFFFF;
@@ -9,7 +9,7 @@
9
9
  --color-bg-dark: #0D0D0D;
10
10
  --color-bg-disabled: #B2B2B2;
11
11
  --color-bg-media: #4B4C4D;
12
- --color-bg-placeholder: #EBEFF2;
12
+ --color-bg-placeholder: #BABDBF;
13
13
  --color-bg-toolbar: var(--color-bg-true-black);
14
14
  --color-bg-true-black: #000000;
15
15
  --color-contrast: #FFFFFF;
@@ -199,7 +199,7 @@
199
199
  --color-bg-dark: #0D0D0D;
200
200
  --color-bg-disabled: #B2B2B2;
201
201
  --color-bg-media: #4B4C4D;
202
- --color-bg-placeholder: #EBEFF2;
202
+ --color-bg-placeholder: #BABDBF;
203
203
  --color-bg-toolbar: var(--color-bg-true-black);
204
204
  --color-bg-true-black: #000000;
205
205
  --color-contrast: #FFFFFF;
@@ -9,7 +9,7 @@
9
9
  --color-bg-dark: #0D0D0D;
10
10
  --color-bg-disabled: #B2B2B2;
11
11
  --color-bg-media: #4B4C4D;
12
- --color-bg-placeholder: #EBEFF2;
12
+ --color-bg-placeholder: #BABDBF;
13
13
  --color-bg-toolbar: var(--color-bg-true-black);
14
14
  --color-bg-true-black: #000000;
15
15
  --color-contrast: #FFFFFF;
@@ -14,7 +14,7 @@
14
14
  | `color/bg/dark` | `color` | `#0D0D0D` |
15
15
  | `color/bg/disabled` | `color` | `#B2B2B2` |
16
16
  | `color/bg/media` | `color` | `#4B4C4D` |
17
- | `color/bg/placeholder` | `color` | `#EBEFF2` |
17
+ | `color/bg/placeholder` | `color` | `#BABDBF` |
18
18
  | `color/bg/toolbar` | `color` | `#000000` |
19
19
  | `color/bg/true-black` | `color` | `#000000` |
20
20
  | `color/contrast` | `color` | `#FFFFFF` |
@@ -9,7 +9,7 @@
9
9
  --color-bg-dark: #0D0D0D;
10
10
  --color-bg-disabled: #B2B2B2;
11
11
  --color-bg-media: #4B4C4D;
12
- --color-bg-placeholder: #EBEFF2;
12
+ --color-bg-placeholder: #BABDBF;
13
13
  --color-bg-toolbar: var(--color-bg-true-black);
14
14
  --color-bg-true-black: #000000;
15
15
  --color-contrast: #FFFFFF;
@@ -9,7 +9,7 @@
9
9
  --color-bg-dark: #0D0D0D;
10
10
  --color-bg-disabled: #B2B2B2;
11
11
  --color-bg-media: #4B4C4D;
12
- --color-bg-placeholder: #EBEFF2;
12
+ --color-bg-placeholder: #BABDBF;
13
13
  --color-bg-toolbar: var(--color-bg-true-black);
14
14
  --color-bg-true-black: #000000;
15
15
  --color-contrast: #FFFFFF;
@@ -14,7 +14,7 @@
14
14
  | `color/bg/dark` | `color` | `#0D0D0D` |
15
15
  | `color/bg/disabled` | `color` | `#B2B2B2` |
16
16
  | `color/bg/media` | `color` | `#4B4C4D` |
17
- | `color/bg/placeholder` | `color` | `#EBEFF2` |
17
+ | `color/bg/placeholder` | `color` | `#BABDBF` |
18
18
  | `color/bg/toolbar` | `color` | `#000000` |
19
19
  | `color/bg/true-black` | `color` | `#000000` |
20
20
  | `color/contrast` | `color` | `#FFFFFF` |
@@ -9,7 +9,7 @@
9
9
  --color-bg-dark: #0D0D0D;
10
10
  --color-bg-disabled: #B2B2B2;
11
11
  --color-bg-media: #4B4C4D;
12
- --color-bg-placeholder: #EBEFF2;
12
+ --color-bg-placeholder: #BABDBF;
13
13
  --color-bg-toolbar: var(--color-bg-true-black);
14
14
  --color-bg-true-black: #000000;
15
15
  --color-contrast: #FFFFFF;
@@ -9,7 +9,7 @@
9
9
  --color-bg-dark: #0D0D0D;
10
10
  --color-bg-disabled: #B2B2B2;
11
11
  --color-bg-media: #4B4C4D;
12
- --color-bg-placeholder: #EBEFF2;
12
+ --color-bg-placeholder: #BABDBF;
13
13
  --color-bg-toolbar: var(--color-bg-true-black);
14
14
  --color-bg-true-black: #000000;
15
15
  --color-contrast: #FFFFFF;
@@ -14,7 +14,7 @@
14
14
  | `color/bg/dark` | `color` | `#0D0D0D` |
15
15
  | `color/bg/disabled` | `color` | `#B2B2B2` |
16
16
  | `color/bg/media` | `color` | `#4B4C4D` |
17
- | `color/bg/placeholder` | `color` | `#EBEFF2` |
17
+ | `color/bg/placeholder` | `color` | `#BABDBF` |
18
18
  | `color/bg/toolbar` | `color` | `#000000` |
19
19
  | `color/bg/true-black` | `color` | `#000000` |
20
20
  | `color/contrast` | `color` | `#FFFFFF` |
@@ -9,7 +9,7 @@
9
9
  --color-bg-dark: #0D0D0D;
10
10
  --color-bg-disabled: #B2B2B2;
11
11
  --color-bg-media: #4B4C4D;
12
- --color-bg-placeholder: #EBEFF2;
12
+ --color-bg-placeholder: #BABDBF;
13
13
  --color-bg-toolbar: var(--color-bg-true-black);
14
14
  --color-bg-true-black: #000000;
15
15
  --color-contrast: #FFFFFF;
@@ -9,7 +9,7 @@
9
9
  --color-bg-dark: #0D0D0D;
10
10
  --color-bg-disabled: #B2B2B2;
11
11
  --color-bg-media: #4B4C4D;
12
- --color-bg-placeholder: #EBEFF2;
12
+ --color-bg-placeholder: #BABDBF;
13
13
  --color-bg-toolbar: var(--color-bg-true-black);
14
14
  --color-bg-true-black: #000000;
15
15
  --color-contrast: #FFFFFF;
@@ -199,7 +199,7 @@
199
199
  --color-bg-dark: #0D0D0D;
200
200
  --color-bg-disabled: #B2B2B2;
201
201
  --color-bg-media: #4B4C4D;
202
- --color-bg-placeholder: #EBEFF2;
202
+ --color-bg-placeholder: #BABDBF;
203
203
  --color-bg-toolbar: var(--color-bg-true-black);
204
204
  --color-bg-true-black: #000000;
205
205
  --color-contrast: #FFFFFF;
@@ -9,7 +9,7 @@
9
9
  --color-bg-dark: #0D0D0D;
10
10
  --color-bg-disabled: #B2B2B2;
11
11
  --color-bg-media: #4B4C4D;
12
- --color-bg-placeholder: #EBEFF2;
12
+ --color-bg-placeholder: #BABDBF;
13
13
  --color-bg-toolbar: var(--color-bg-true-black);
14
14
  --color-bg-true-black: #000000;
15
15
  --color-contrast: #FFFFFF;
@@ -14,7 +14,7 @@
14
14
  | `color/bg/dark` | `color` | `#0D0D0D` |
15
15
  | `color/bg/disabled` | `color` | `#B2B2B2` |
16
16
  | `color/bg/media` | `color` | `#4B4C4D` |
17
- | `color/bg/placeholder` | `color` | `#EBEFF2` |
17
+ | `color/bg/placeholder` | `color` | `#BABDBF` |
18
18
  | `color/bg/toolbar` | `color` | `#000000` |
19
19
  | `color/bg/true-black` | `color` | `#000000` |
20
20
  | `color/contrast` | `color` | `#FFFFFF` |
@@ -9,7 +9,7 @@
9
9
  --color-bg-dark: #0D0D0D;
10
10
  --color-bg-disabled: #B2B2B2;
11
11
  --color-bg-media: #4B4C4D;
12
- --color-bg-placeholder: #EBEFF2;
12
+ --color-bg-placeholder: #BABDBF;
13
13
  --color-bg-toolbar: var(--color-bg-true-black);
14
14
  --color-bg-true-black: #000000;
15
15
  --color-contrast: #FFFFFF;
@@ -9,7 +9,7 @@
9
9
  --color-bg-dark: #0D0D0D;
10
10
  --color-bg-disabled: #B2B2B2;
11
11
  --color-bg-media: #4B4C4D;
12
- --color-bg-placeholder: #EBEFF2;
12
+ --color-bg-placeholder: #BABDBF;
13
13
  --color-bg-toolbar: var(--color-bg-true-black);
14
14
  --color-bg-true-black: #000000;
15
15
  --color-contrast: #FFFFFF;
@@ -14,7 +14,7 @@
14
14
  | `color/bg/dark` | `color` | `#0D0D0D` |
15
15
  | `color/bg/disabled` | `color` | `#B2B2B2` |
16
16
  | `color/bg/media` | `color` | `#4B4C4D` |
17
- | `color/bg/placeholder` | `color` | `#EBEFF2` |
17
+ | `color/bg/placeholder` | `color` | `#BABDBF` |
18
18
  | `color/bg/toolbar` | `color` | `#000000` |
19
19
  | `color/bg/true-black` | `color` | `#000000` |
20
20
  | `color/contrast` | `color` | `#FFFFFF` |
@@ -9,7 +9,7 @@
9
9
  --color-bg-dark: #0D0D0D;
10
10
  --color-bg-disabled: #B2B2B2;
11
11
  --color-bg-media: #4B4C4D;
12
- --color-bg-placeholder: #EBEFF2;
12
+ --color-bg-placeholder: #BABDBF;
13
13
  --color-bg-toolbar: var(--color-bg-true-black);
14
14
  --color-bg-true-black: #000000;
15
15
  --color-contrast: #FFFFFF;
@@ -9,7 +9,7 @@
9
9
  --color-bg-dark: #0D0D0D;
10
10
  --color-bg-disabled: #B2B2B2;
11
11
  --color-bg-media: #4B4C4D;
12
- --color-bg-placeholder: #EBEFF2;
12
+ --color-bg-placeholder: #BABDBF;
13
13
  --color-bg-toolbar: var(--color-bg-true-black);
14
14
  --color-bg-true-black: #000000;
15
15
  --color-contrast: #FFFFFF;
@@ -14,7 +14,7 @@
14
14
  | `color/bg/dark` | `color` | `#0D0D0D` |
15
15
  | `color/bg/disabled` | `color` | `#B2B2B2` |
16
16
  | `color/bg/media` | `color` | `#4B4C4D` |
17
- | `color/bg/placeholder` | `color` | `#EBEFF2` |
17
+ | `color/bg/placeholder` | `color` | `#BABDBF` |
18
18
  | `color/bg/toolbar` | `color` | `#000000` |
19
19
  | `color/bg/true-black` | `color` | `#000000` |
20
20
  | `color/contrast` | `color` | `#FFFFFF` |
@@ -9,7 +9,7 @@
9
9
  --color-bg-dark: #0D0D0D;
10
10
  --color-bg-disabled: #B2B2B2;
11
11
  --color-bg-media: #4B4C4D;
12
- --color-bg-placeholder: #EBEFF2;
12
+ --color-bg-placeholder: #BABDBF;
13
13
  --color-bg-toolbar: var(--color-bg-true-black);
14
14
  --color-bg-true-black: #000000;
15
15
  --color-contrast: #FFFFFF;