wordmark 0.21.0 → 0.22.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 (221) hide show
  1. checksums.yaml +4 -4
  2. data/CHANGELOG.md +10 -556
  3. data/README.md +17 -33
  4. data/art/blackbox.svg +6 -0
  5. data/art/data.svg +8 -0
  6. data/art/dataplate.svg +12 -0
  7. data/art/drive.svg +6 -0
  8. data/art/hangar.svg +6 -0
  9. data/art/index.html.erb +25 -25
  10. data/art/lens.svg +9 -0
  11. data/art/mirroring.svg +8 -0
  12. data/art/refinery.svg +9 -0
  13. data/art/rollaway.svg +12 -0
  14. data/art/stockroom.svg +12 -0
  15. data/art/tower.svg +12 -0
  16. data/art/wordmark.svg +3 -0
  17. data/lib/wordmark/engine.rb +7 -16
  18. data/lib/wordmark/helpers/heads.rb +6 -6
  19. data/lib/wordmark/marks.rb +14 -4
  20. data/lib/wordmark/version.rb +1 -1
  21. data/lib/wordmark.rb +1 -1
  22. data/public/_headers +0 -4
  23. data/public/bh/js/bh.js +15 -15
  24. data/public/down/{goldrush.html → blackbox.html} +5 -5
  25. data/public/down/{fountain.html → data.html} +5 -5
  26. data/public/down/dataplate.html +87 -0
  27. data/public/down/drive.html +87 -0
  28. data/public/down/{houston.html → hangar.html} +5 -5
  29. data/public/down/lens.html +87 -0
  30. data/public/down/{autopilot.html → mirroring.html} +5 -5
  31. data/public/down/refinery.html +87 -0
  32. data/public/down/rollaway.html +87 -0
  33. data/public/down/stockroom.html +87 -0
  34. data/public/down/tower.html +87 -0
  35. data/public/down/wordmark.html +87 -0
  36. data/public/favicon/blackbox-180.png +0 -0
  37. data/public/favicon/blackbox-192.png +0 -0
  38. data/public/favicon/blackbox-512.png +0 -0
  39. data/public/favicon/blackbox-96.png +0 -0
  40. data/public/favicon/blackbox-dev.svg +6 -0
  41. data/public/favicon/blackbox.ico +0 -0
  42. data/public/favicon/blackbox.svg +6 -0
  43. data/public/favicon/blackbox.webmanifest +12 -0
  44. data/public/favicon/data-180.png +0 -0
  45. data/public/favicon/data-192.png +0 -0
  46. data/public/favicon/data-512.png +0 -0
  47. data/public/favicon/data-96.png +0 -0
  48. data/public/favicon/data-dev.svg +8 -0
  49. data/public/favicon/data.ico +0 -0
  50. data/public/favicon/data.svg +8 -0
  51. data/public/favicon/data.webmanifest +12 -0
  52. data/public/favicon/dataplate-180.png +0 -0
  53. data/public/favicon/dataplate-192.png +0 -0
  54. data/public/favicon/dataplate-512.png +0 -0
  55. data/public/favicon/dataplate-96.png +0 -0
  56. data/public/favicon/dataplate-dev.svg +12 -0
  57. data/public/favicon/dataplate.ico +0 -0
  58. data/public/favicon/dataplate.svg +12 -0
  59. data/public/favicon/dataplate.webmanifest +12 -0
  60. data/public/favicon/drive-180.png +0 -0
  61. data/public/favicon/drive-192.png +0 -0
  62. data/public/favicon/drive-512.png +0 -0
  63. data/public/favicon/drive-96.png +0 -0
  64. data/public/favicon/drive-dev.svg +6 -0
  65. data/public/favicon/drive.ico +0 -0
  66. data/public/favicon/drive.svg +6 -0
  67. data/public/favicon/drive.webmanifest +12 -0
  68. data/public/favicon/hangar-180.png +0 -0
  69. data/public/favicon/hangar-192.png +0 -0
  70. data/public/favicon/hangar-512.png +0 -0
  71. data/public/favicon/hangar-96.png +0 -0
  72. data/public/favicon/hangar-dev.svg +6 -0
  73. data/public/favicon/hangar.ico +0 -0
  74. data/public/favicon/hangar.svg +6 -0
  75. data/public/favicon/hangar.webmanifest +12 -0
  76. data/public/favicon/lens-180.png +0 -0
  77. data/public/favicon/lens-192.png +0 -0
  78. data/public/favicon/lens-512.png +0 -0
  79. data/public/favicon/lens-96.png +0 -0
  80. data/public/favicon/lens-dev.svg +9 -0
  81. data/public/favicon/lens.ico +0 -0
  82. data/public/favicon/lens.svg +9 -0
  83. data/public/favicon/lens.webmanifest +12 -0
  84. data/public/favicon/mirroring-180.png +0 -0
  85. data/public/favicon/mirroring-192.png +0 -0
  86. data/public/favicon/mirroring-512.png +0 -0
  87. data/public/favicon/mirroring-96.png +0 -0
  88. data/public/favicon/mirroring-dev.svg +8 -0
  89. data/public/favicon/mirroring.ico +0 -0
  90. data/public/favicon/mirroring.svg +8 -0
  91. data/public/favicon/mirroring.webmanifest +12 -0
  92. data/public/favicon/refinery-180.png +0 -0
  93. data/public/favicon/refinery-192.png +0 -0
  94. data/public/favicon/refinery-512.png +0 -0
  95. data/public/favicon/refinery-96.png +0 -0
  96. data/public/favicon/refinery-dev.svg +9 -0
  97. data/public/favicon/refinery.ico +0 -0
  98. data/public/favicon/refinery.svg +9 -0
  99. data/public/favicon/refinery.webmanifest +12 -0
  100. data/public/favicon/rollaway-180.png +0 -0
  101. data/public/favicon/rollaway-192.png +0 -0
  102. data/public/favicon/rollaway-512.png +0 -0
  103. data/public/favicon/rollaway-96.png +0 -0
  104. data/public/favicon/rollaway-dev.svg +12 -0
  105. data/public/favicon/rollaway.ico +0 -0
  106. data/public/favicon/rollaway.svg +12 -0
  107. data/public/favicon/rollaway.webmanifest +12 -0
  108. data/public/favicon/stockroom-180.png +0 -0
  109. data/public/favicon/stockroom-192.png +0 -0
  110. data/public/favicon/stockroom-512.png +0 -0
  111. data/public/favicon/stockroom-96.png +0 -0
  112. data/public/favicon/stockroom-dev.svg +12 -0
  113. data/public/favicon/stockroom.ico +0 -0
  114. data/public/favicon/stockroom.svg +12 -0
  115. data/public/favicon/stockroom.webmanifest +12 -0
  116. data/public/favicon/tower-180.png +0 -0
  117. data/public/favicon/tower-192.png +0 -0
  118. data/public/favicon/tower-512.png +0 -0
  119. data/public/favicon/tower-96.png +0 -0
  120. data/public/favicon/tower-dev.svg +12 -0
  121. data/public/favicon/tower.ico +0 -0
  122. data/public/favicon/tower.svg +12 -0
  123. data/public/favicon/tower.webmanifest +12 -0
  124. data/public/favicon/wordmark-180.png +0 -0
  125. data/public/favicon/wordmark-192.png +0 -0
  126. data/public/favicon/wordmark-512.png +0 -0
  127. data/public/favicon/wordmark-96.png +0 -0
  128. data/public/favicon/wordmark-dev.svg +3 -0
  129. data/public/favicon/wordmark.ico +0 -0
  130. data/public/favicon/wordmark.svg +3 -0
  131. data/public/favicon/wordmark.webmanifest +12 -0
  132. data/public/index.html +49 -33
  133. data/public/logo/blackbox.png +0 -0
  134. data/public/logo/blackbox.svg +6 -0
  135. data/public/logo/data.png +0 -0
  136. data/public/logo/data.svg +8 -0
  137. data/public/logo/dataplate.png +0 -0
  138. data/public/logo/dataplate.svg +12 -0
  139. data/public/logo/drive.png +0 -0
  140. data/public/logo/drive.svg +6 -0
  141. data/public/logo/hangar.png +0 -0
  142. data/public/logo/hangar.svg +6 -0
  143. data/public/logo/lens.png +0 -0
  144. data/public/logo/lens.svg +9 -0
  145. data/public/logo/mirroring.png +0 -0
  146. data/public/logo/mirroring.svg +8 -0
  147. data/public/logo/refinery.png +0 -0
  148. data/public/logo/refinery.svg +9 -0
  149. data/public/logo/rollaway.png +0 -0
  150. data/public/logo/rollaway.svg +12 -0
  151. data/public/logo/stockroom.png +0 -0
  152. data/public/logo/stockroom.svg +12 -0
  153. data/public/logo/tower.png +0 -0
  154. data/public/logo/tower.svg +12 -0
  155. data/public/logo/wordmark.png +0 -0
  156. data/public/logo/wordmark.svg +3 -0
  157. metadata +146 -70
  158. data/art/autopilot.svg +0 -9
  159. data/art/fountain.svg +0 -9
  160. data/art/goldrush.svg +0 -7
  161. data/art/houston.svg +0 -8
  162. data/public/favicon/autopilot-180.png +0 -0
  163. data/public/favicon/autopilot-192.png +0 -0
  164. data/public/favicon/autopilot-512.png +0 -0
  165. data/public/favicon/autopilot-96.png +0 -0
  166. data/public/favicon/autopilot-dev.svg +0 -9
  167. data/public/favicon/autopilot.ico +0 -0
  168. data/public/favicon/autopilot.svg +0 -9
  169. data/public/favicon/autopilot.webmanifest +0 -12
  170. data/public/favicon/fountain-180.png +0 -0
  171. data/public/favicon/fountain-192.png +0 -0
  172. data/public/favicon/fountain-512.png +0 -0
  173. data/public/favicon/fountain-96.png +0 -0
  174. data/public/favicon/fountain-dev.svg +0 -9
  175. data/public/favicon/fountain.ico +0 -0
  176. data/public/favicon/fountain.svg +0 -9
  177. data/public/favicon/fountain.webmanifest +0 -12
  178. data/public/favicon/goldrush-180.png +0 -0
  179. data/public/favicon/goldrush-192.png +0 -0
  180. data/public/favicon/goldrush-512.png +0 -0
  181. data/public/favicon/goldrush-96.png +0 -0
  182. data/public/favicon/goldrush-dev.svg +0 -7
  183. data/public/favicon/goldrush.ico +0 -0
  184. data/public/favicon/goldrush.svg +0 -7
  185. data/public/favicon/goldrush.webmanifest +0 -12
  186. data/public/favicon/houston-180.png +0 -0
  187. data/public/favicon/houston-192.png +0 -0
  188. data/public/favicon/houston-512.png +0 -0
  189. data/public/favicon/houston-96.png +0 -0
  190. data/public/favicon/houston-dev.svg +0 -8
  191. data/public/favicon/houston.ico +0 -0
  192. data/public/favicon/houston.svg +0 -8
  193. data/public/favicon/houston.webmanifest +0 -12
  194. data/public/logo/autopilot.png +0 -0
  195. data/public/logo/autopilot.svg +0 -9
  196. data/public/logo/fountain.png +0 -0
  197. data/public/logo/fountain.svg +0 -9
  198. data/public/logo/goldrush.png +0 -0
  199. data/public/logo/goldrush.svg +0 -7
  200. data/public/logo/houston.png +0 -0
  201. data/public/logo/houston.svg +0 -8
  202. data/public/v0.21.0/bh/css/bh.css +0 -1
  203. data/public/v0.21.0/bh/js/bh.js +0 -152
  204. data/public/v0.21.0/bh/theme/bootstrap.css +0 -10
  205. data/public/v0.21.0/bh/theme/dawn.css +0 -189
  206. data/public/v0.21.0/bh/theme/dracula.css +0 -189
  207. data/public/v0.21.0/bh/theme/gruvbox.css +0 -189
  208. data/public/v0.21.0/bh/theme/monokai.css +0 -190
  209. data/public/v0.21.0/bh/theme/nord.css +0 -189
  210. data/public/v0.21.0/bh/theme/one_dark.css +0 -189
  211. data/public/v0.21.0/bh/theme/solarized.css +0 -188
  212. data/public/v0.21.0/bh/theme/tokyo_night.css +0 -189
  213. data/public/v0.21.0/css/easyfaa.css +0 -1
  214. data/public/v0.21.0/font/bootstrap-icons-FRBPO3H7.woff2 +0 -0
  215. data/public/v0.21.0/font/ibm-plex-sans-500-latin-LA7QXWWL.woff2 +0 -0
  216. data/public/v0.21.0/font/ibm-plex-sans-500-latin-ext-X4QHZICY.woff2 +0 -0
  217. data/public/v0.21.0/font/ibm-plex-sans-500-latin-ext.woff2 +0 -0
  218. data/public/v0.21.0/font/ibm-plex-sans-500-latin.woff2 +0 -0
  219. data/public/v0.21.0/font/ibm-plex-sans-500-vietnamese-24B6BSND.woff2 +0 -0
  220. data/public/v0.21.0/font/ibm-plex-sans-500-vietnamese.woff2 +0 -0
  221. data/public/v0.21.0/js/easyfaa.js +0 -1
@@ -1,190 +0,0 @@
1
- /* Monokai, Wimer Hazenberg — https://monokai.pro/
2
- Monokai's own foreground is the light page and its background the dark
3
- one: it publishes no light variant, so the light arm is derived from
4
- it. its pink serves pink and red, its blue serves cyan, its orange
5
- brown. Monokai leads with pink rather than blue, which is its accent.
6
-
7
- Bootstrap builds a family by mixing one base toward `--bs-white` below
8
- the 500 step and toward `--bs-black` above it, and inlines that base
9
- into all thirteen — so a palette restates the thirteen rather than the
10
- one. Upstream's order and upstream's shapes with only the base swapped,
11
- so a later Bootstrap diffs against this file. */
12
- :root {
13
- /* The page, and the two colors every ramp below is mixed with.
14
- `--bs-bg-body` reads `--bs-white` in light mode and `--bs-gray-975` in
15
- dark, so repainting these two is what moves the page itself. */
16
- --bs-white: #f8f8f2;
17
- --bs-black: #272822;
18
-
19
- /* The neutrals, which every surface, border and text token Bootstrap ships
20
- derives from. */
21
- --bs-gray-025: color-mix(in lab, var(--bs-white) 94%, #75715e);
22
- --bs-gray-050: color-mix(in lab, var(--bs-white) 90%, #75715e);
23
- --bs-gray-100: color-mix(in lab, var(--bs-white) 80%, #75715e);
24
- --bs-gray-200: color-mix(in lab, var(--bs-white) 60%, #75715e);
25
- --bs-gray-300: color-mix(in lab, var(--bs-white) 40%, #75715e);
26
- --bs-gray-400: color-mix(in lab, var(--bs-white) 20%, #75715e);
27
- --bs-gray-500: #75715e;
28
- --bs-gray-600: color-mix(in lab, var(--bs-black) 16%, #75715e);
29
- --bs-gray-700: color-mix(in lab, var(--bs-black) 32%, #75715e);
30
- --bs-gray-800: color-mix(in lab, var(--bs-black) 48%, #75715e);
31
- --bs-gray-900: color-mix(in lab, var(--bs-black) 64%, #75715e);
32
- --bs-gray-950: color-mix(in lab, var(--bs-black) 76%, #75715e);
33
- --bs-gray-975: color-mix(in lab, var(--bs-black) 88%, #75715e);
34
-
35
- --bs-blue-025: color-mix(in lab, var(--bs-white) 94%, #66d9ef);
36
- --bs-blue-050: color-mix(in lab, var(--bs-white) 90%, #66d9ef);
37
- --bs-blue-100: color-mix(in lab, var(--bs-white) 80%, #66d9ef);
38
- --bs-blue-200: color-mix(in lab, var(--bs-white) 60%, #66d9ef);
39
- --bs-blue-300: color-mix(in lab, var(--bs-white) 40%, #66d9ef);
40
- --bs-blue-400: color-mix(in lab, var(--bs-white) 20%, #66d9ef);
41
- --bs-blue-500: #66d9ef;
42
- --bs-blue-600: color-mix(in lab, var(--bs-black) 16%, #66d9ef);
43
- --bs-blue-700: color-mix(in lab, var(--bs-black) 32%, #66d9ef);
44
- --bs-blue-800: color-mix(in lab, var(--bs-black) 48%, #66d9ef);
45
- --bs-blue-900: color-mix(in lab, var(--bs-black) 64%, #66d9ef);
46
- --bs-blue-950: color-mix(in lab, var(--bs-black) 76%, #66d9ef);
47
- --bs-blue-975: color-mix(in lab, var(--bs-black) 88%, #66d9ef);
48
-
49
- --bs-brown-025: color-mix(in lab, var(--bs-white) 94%, #fd971f);
50
- --bs-brown-050: color-mix(in lab, var(--bs-white) 90%, #fd971f);
51
- --bs-brown-100: color-mix(in lab, var(--bs-white) 80%, #fd971f);
52
- --bs-brown-200: color-mix(in lab, var(--bs-white) 60%, #fd971f);
53
- --bs-brown-300: color-mix(in lab, var(--bs-white) 40%, #fd971f);
54
- --bs-brown-400: color-mix(in lab, var(--bs-white) 20%, #fd971f);
55
- --bs-brown-500: #fd971f;
56
- --bs-brown-600: color-mix(in lab, var(--bs-black) 16%, #fd971f);
57
- --bs-brown-700: color-mix(in lab, var(--bs-black) 32%, #fd971f);
58
- --bs-brown-800: color-mix(in lab, var(--bs-black) 48%, #fd971f);
59
- --bs-brown-900: color-mix(in lab, var(--bs-black) 64%, #fd971f);
60
- --bs-brown-950: color-mix(in lab, var(--bs-black) 76%, #fd971f);
61
- --bs-brown-975: color-mix(in lab, var(--bs-black) 88%, #fd971f);
62
-
63
- --bs-cyan-025: color-mix(in lab, var(--bs-white) 94%, #66d9ef);
64
- --bs-cyan-050: color-mix(in lab, var(--bs-white) 90%, #66d9ef);
65
- --bs-cyan-100: color-mix(in lab, var(--bs-white) 80%, #66d9ef);
66
- --bs-cyan-200: color-mix(in lab, var(--bs-white) 60%, #66d9ef);
67
- --bs-cyan-300: color-mix(in lab, var(--bs-white) 40%, #66d9ef);
68
- --bs-cyan-400: color-mix(in lab, var(--bs-white) 20%, #66d9ef);
69
- --bs-cyan-500: #66d9ef;
70
- --bs-cyan-600: color-mix(in lab, var(--bs-black) 16%, #66d9ef);
71
- --bs-cyan-700: color-mix(in lab, var(--bs-black) 32%, #66d9ef);
72
- --bs-cyan-800: color-mix(in lab, var(--bs-black) 48%, #66d9ef);
73
- --bs-cyan-900: color-mix(in lab, var(--bs-black) 64%, #66d9ef);
74
- --bs-cyan-950: color-mix(in lab, var(--bs-black) 76%, #66d9ef);
75
- --bs-cyan-975: color-mix(in lab, var(--bs-black) 88%, #66d9ef);
76
-
77
- --bs-green-025: color-mix(in lab, var(--bs-white) 94%, #a6e22e);
78
- --bs-green-050: color-mix(in lab, var(--bs-white) 90%, #a6e22e);
79
- --bs-green-100: color-mix(in lab, var(--bs-white) 80%, #a6e22e);
80
- --bs-green-200: color-mix(in lab, var(--bs-white) 60%, #a6e22e);
81
- --bs-green-300: color-mix(in lab, var(--bs-white) 40%, #a6e22e);
82
- --bs-green-400: color-mix(in lab, var(--bs-white) 20%, #a6e22e);
83
- --bs-green-500: #a6e22e;
84
- --bs-green-600: color-mix(in lab, var(--bs-black) 16%, #a6e22e);
85
- --bs-green-700: color-mix(in lab, var(--bs-black) 32%, #a6e22e);
86
- --bs-green-800: color-mix(in lab, var(--bs-black) 48%, #a6e22e);
87
- --bs-green-900: color-mix(in lab, var(--bs-black) 64%, #a6e22e);
88
- --bs-green-950: color-mix(in lab, var(--bs-black) 76%, #a6e22e);
89
- --bs-green-975: color-mix(in lab, var(--bs-black) 88%, #a6e22e);
90
-
91
- --bs-orange-025: color-mix(in lab, var(--bs-white) 94%, #fd971f);
92
- --bs-orange-050: color-mix(in lab, var(--bs-white) 90%, #fd971f);
93
- --bs-orange-100: color-mix(in lab, var(--bs-white) 80%, #fd971f);
94
- --bs-orange-200: color-mix(in lab, var(--bs-white) 60%, #fd971f);
95
- --bs-orange-300: color-mix(in lab, var(--bs-white) 40%, #fd971f);
96
- --bs-orange-400: color-mix(in lab, var(--bs-white) 20%, #fd971f);
97
- --bs-orange-500: #fd971f;
98
- --bs-orange-600: color-mix(in lab, var(--bs-black) 16%, #fd971f);
99
- --bs-orange-700: color-mix(in lab, var(--bs-black) 32%, #fd971f);
100
- --bs-orange-800: color-mix(in lab, var(--bs-black) 48%, #fd971f);
101
- --bs-orange-900: color-mix(in lab, var(--bs-black) 64%, #fd971f);
102
- --bs-orange-950: color-mix(in lab, var(--bs-black) 76%, #fd971f);
103
- --bs-orange-975: color-mix(in lab, var(--bs-black) 88%, #fd971f);
104
-
105
- --bs-pink-025: color-mix(in lab, var(--bs-white) 94%, #f92672);
106
- --bs-pink-050: color-mix(in lab, var(--bs-white) 90%, #f92672);
107
- --bs-pink-100: color-mix(in lab, var(--bs-white) 80%, #f92672);
108
- --bs-pink-200: color-mix(in lab, var(--bs-white) 60%, #f92672);
109
- --bs-pink-300: color-mix(in lab, var(--bs-white) 40%, #f92672);
110
- --bs-pink-400: color-mix(in lab, var(--bs-white) 20%, #f92672);
111
- --bs-pink-500: #f92672;
112
- --bs-pink-600: color-mix(in lab, var(--bs-black) 16%, #f92672);
113
- --bs-pink-700: color-mix(in lab, var(--bs-black) 32%, #f92672);
114
- --bs-pink-800: color-mix(in lab, var(--bs-black) 48%, #f92672);
115
- --bs-pink-900: color-mix(in lab, var(--bs-black) 64%, #f92672);
116
- --bs-pink-950: color-mix(in lab, var(--bs-black) 76%, #f92672);
117
- --bs-pink-975: color-mix(in lab, var(--bs-black) 88%, #f92672);
118
-
119
- --bs-purple-025: color-mix(in lab, var(--bs-white) 94%, #ae81ff);
120
- --bs-purple-050: color-mix(in lab, var(--bs-white) 90%, #ae81ff);
121
- --bs-purple-100: color-mix(in lab, var(--bs-white) 80%, #ae81ff);
122
- --bs-purple-200: color-mix(in lab, var(--bs-white) 60%, #ae81ff);
123
- --bs-purple-300: color-mix(in lab, var(--bs-white) 40%, #ae81ff);
124
- --bs-purple-400: color-mix(in lab, var(--bs-white) 20%, #ae81ff);
125
- --bs-purple-500: #ae81ff;
126
- --bs-purple-600: color-mix(in lab, var(--bs-black) 16%, #ae81ff);
127
- --bs-purple-700: color-mix(in lab, var(--bs-black) 32%, #ae81ff);
128
- --bs-purple-800: color-mix(in lab, var(--bs-black) 48%, #ae81ff);
129
- --bs-purple-900: color-mix(in lab, var(--bs-black) 64%, #ae81ff);
130
- --bs-purple-950: color-mix(in lab, var(--bs-black) 76%, #ae81ff);
131
- --bs-purple-975: color-mix(in lab, var(--bs-black) 88%, #ae81ff);
132
-
133
- --bs-red-025: color-mix(in lab, var(--bs-white) 94%, #f92672);
134
- --bs-red-050: color-mix(in lab, var(--bs-white) 90%, #f92672);
135
- --bs-red-100: color-mix(in lab, var(--bs-white) 80%, #f92672);
136
- --bs-red-200: color-mix(in lab, var(--bs-white) 60%, #f92672);
137
- --bs-red-300: color-mix(in lab, var(--bs-white) 40%, #f92672);
138
- --bs-red-400: color-mix(in lab, var(--bs-white) 20%, #f92672);
139
- --bs-red-500: #f92672;
140
- --bs-red-600: color-mix(in lab, var(--bs-black) 16%, #f92672);
141
- --bs-red-700: color-mix(in lab, var(--bs-black) 32%, #f92672);
142
- --bs-red-800: color-mix(in lab, var(--bs-black) 48%, #f92672);
143
- --bs-red-900: color-mix(in lab, var(--bs-black) 64%, #f92672);
144
- --bs-red-950: color-mix(in lab, var(--bs-black) 76%, #f92672);
145
- --bs-red-975: color-mix(in lab, var(--bs-black) 88%, #f92672);
146
-
147
- --bs-yellow-025: color-mix(in lab, var(--bs-white) 94%, #e6db74);
148
- --bs-yellow-050: color-mix(in lab, var(--bs-white) 90%, #e6db74);
149
- --bs-yellow-100: color-mix(in lab, var(--bs-white) 80%, #e6db74);
150
- --bs-yellow-200: color-mix(in lab, var(--bs-white) 60%, #e6db74);
151
- --bs-yellow-300: color-mix(in lab, var(--bs-white) 40%, #e6db74);
152
- --bs-yellow-400: color-mix(in lab, var(--bs-white) 20%, #e6db74);
153
- --bs-yellow-500: #e6db74;
154
- --bs-yellow-600: color-mix(in lab, var(--bs-black) 16%, #e6db74);
155
- --bs-yellow-700: color-mix(in lab, var(--bs-black) 32%, #e6db74);
156
- --bs-yellow-800: color-mix(in lab, var(--bs-black) 48%, #e6db74);
157
- --bs-yellow-900: color-mix(in lab, var(--bs-black) 64%, #e6db74);
158
- --bs-yellow-950: color-mix(in lab, var(--bs-black) 76%, #e6db74);
159
- --bs-yellow-975: color-mix(in lab, var(--bs-black) 88%, #e6db74);
160
-
161
- /* Text, stated rather than left to the ramp. Bootstrap pairs a low step as
162
- a light surface with that same step as dark-mode text, which a palette
163
- built for its own contrast does not agree with. */
164
- --bs-fg-1: light-dark(#272822, #f8f8f2);
165
- --bs-fg-body: light-dark(#3b3a32, #e8e8e2);
166
- --bs-fg-2: light-dark(#5c5a4c, #b4b0a0);
167
-
168
- /* The label a solid fill carries, for the four families Bootstrap has
169
- spent on a meaning and this palette has repainted. Upstream's own shape:
170
- it gives warning and info a dark label for the same reason. */
171
- --bs-danger-contrast: var(--bs-white);
172
- --bs-success-contrast: var(--bs-gray-975);
173
- --bs-warning-contrast: var(--bs-gray-975);
174
- --bs-info-contrast: var(--bs-gray-975);
175
-
176
- /* The accent this palette leads with, as the primary color: the same nine
177
- `_color.html.erb` writes, from pink and the label that reads on it. Here
178
- rather than only in the page because a reader may swap this file for
179
- another one, and the primary has to travel with it. A host naming its
180
- own color still wins, its block coming after this file. */
181
- --bs-primary-base: var(--bs-pink-500);
182
- --bs-primary-fg: light-dark(var(--bs-pink-600), var(--bs-pink-400));
183
- --bs-primary-fg-emphasis: light-dark(var(--bs-pink-800), var(--bs-pink-200));
184
- --bs-primary-bg: var(--bs-pink-500);
185
- --bs-primary-bg-subtle: light-dark(var(--bs-pink-100), var(--bs-pink-900));
186
- --bs-primary-bg-muted: light-dark(var(--bs-pink-200), var(--bs-pink-800));
187
- --bs-primary-border: light-dark(var(--bs-pink-300), var(--bs-pink-600));
188
- --bs-primary-focus-ring: light-dark(color-mix(in oklch, var(--bs-pink-500) 50%, var(--bs-bg-body)), color-mix(in oklch, var(--bs-pink-500) 75%, var(--bs-bg-body)));
189
- --bs-primary-contrast: var(--bs-white);
190
- }
@@ -1,189 +0,0 @@
1
- /* Nord, Arctic Ice Studio — https://www.nordtheme.com/
2
- Snow Storm is the light page and Polar Night the dark one. nord15
3
- serves purple and pink; nord12 serves orange and brown. The mid neutral
4
- is derived: Nord publishes none between nord3 and nord4.
5
-
6
- Bootstrap builds a family by mixing one base toward `--bs-white` below
7
- the 500 step and toward `--bs-black` above it, and inlines that base
8
- into all thirteen — so a palette restates the thirteen rather than the
9
- one. Upstream's order and upstream's shapes with only the base swapped,
10
- so a later Bootstrap diffs against this file. */
11
- :root {
12
- /* The page, and the two colors every ramp below is mixed with.
13
- `--bs-bg-body` reads `--bs-white` in light mode and `--bs-gray-975` in
14
- dark, so repainting these two is what moves the page itself. */
15
- --bs-white: #eceff4;
16
- --bs-black: #2e3440;
17
-
18
- /* The neutrals, which every surface, border and text token Bootstrap ships
19
- derives from. */
20
- --bs-gray-025: color-mix(in lab, var(--bs-white) 94%, #7b8794);
21
- --bs-gray-050: color-mix(in lab, var(--bs-white) 90%, #7b8794);
22
- --bs-gray-100: color-mix(in lab, var(--bs-white) 80%, #7b8794);
23
- --bs-gray-200: color-mix(in lab, var(--bs-white) 60%, #7b8794);
24
- --bs-gray-300: color-mix(in lab, var(--bs-white) 40%, #7b8794);
25
- --bs-gray-400: color-mix(in lab, var(--bs-white) 20%, #7b8794);
26
- --bs-gray-500: #7b8794;
27
- --bs-gray-600: color-mix(in lab, var(--bs-black) 16%, #7b8794);
28
- --bs-gray-700: color-mix(in lab, var(--bs-black) 32%, #7b8794);
29
- --bs-gray-800: color-mix(in lab, var(--bs-black) 48%, #7b8794);
30
- --bs-gray-900: color-mix(in lab, var(--bs-black) 64%, #7b8794);
31
- --bs-gray-950: color-mix(in lab, var(--bs-black) 76%, #7b8794);
32
- --bs-gray-975: color-mix(in lab, var(--bs-black) 88%, #7b8794);
33
-
34
- --bs-blue-025: color-mix(in lab, var(--bs-white) 94%, #5e81ac);
35
- --bs-blue-050: color-mix(in lab, var(--bs-white) 90%, #5e81ac);
36
- --bs-blue-100: color-mix(in lab, var(--bs-white) 80%, #5e81ac);
37
- --bs-blue-200: color-mix(in lab, var(--bs-white) 60%, #5e81ac);
38
- --bs-blue-300: color-mix(in lab, var(--bs-white) 40%, #5e81ac);
39
- --bs-blue-400: color-mix(in lab, var(--bs-white) 20%, #5e81ac);
40
- --bs-blue-500: #5e81ac;
41
- --bs-blue-600: color-mix(in lab, var(--bs-black) 16%, #5e81ac);
42
- --bs-blue-700: color-mix(in lab, var(--bs-black) 32%, #5e81ac);
43
- --bs-blue-800: color-mix(in lab, var(--bs-black) 48%, #5e81ac);
44
- --bs-blue-900: color-mix(in lab, var(--bs-black) 64%, #5e81ac);
45
- --bs-blue-950: color-mix(in lab, var(--bs-black) 76%, #5e81ac);
46
- --bs-blue-975: color-mix(in lab, var(--bs-black) 88%, #5e81ac);
47
-
48
- --bs-brown-025: color-mix(in lab, var(--bs-white) 94%, #d08770);
49
- --bs-brown-050: color-mix(in lab, var(--bs-white) 90%, #d08770);
50
- --bs-brown-100: color-mix(in lab, var(--bs-white) 80%, #d08770);
51
- --bs-brown-200: color-mix(in lab, var(--bs-white) 60%, #d08770);
52
- --bs-brown-300: color-mix(in lab, var(--bs-white) 40%, #d08770);
53
- --bs-brown-400: color-mix(in lab, var(--bs-white) 20%, #d08770);
54
- --bs-brown-500: #d08770;
55
- --bs-brown-600: color-mix(in lab, var(--bs-black) 16%, #d08770);
56
- --bs-brown-700: color-mix(in lab, var(--bs-black) 32%, #d08770);
57
- --bs-brown-800: color-mix(in lab, var(--bs-black) 48%, #d08770);
58
- --bs-brown-900: color-mix(in lab, var(--bs-black) 64%, #d08770);
59
- --bs-brown-950: color-mix(in lab, var(--bs-black) 76%, #d08770);
60
- --bs-brown-975: color-mix(in lab, var(--bs-black) 88%, #d08770);
61
-
62
- --bs-cyan-025: color-mix(in lab, var(--bs-white) 94%, #88c0d0);
63
- --bs-cyan-050: color-mix(in lab, var(--bs-white) 90%, #88c0d0);
64
- --bs-cyan-100: color-mix(in lab, var(--bs-white) 80%, #88c0d0);
65
- --bs-cyan-200: color-mix(in lab, var(--bs-white) 60%, #88c0d0);
66
- --bs-cyan-300: color-mix(in lab, var(--bs-white) 40%, #88c0d0);
67
- --bs-cyan-400: color-mix(in lab, var(--bs-white) 20%, #88c0d0);
68
- --bs-cyan-500: #88c0d0;
69
- --bs-cyan-600: color-mix(in lab, var(--bs-black) 16%, #88c0d0);
70
- --bs-cyan-700: color-mix(in lab, var(--bs-black) 32%, #88c0d0);
71
- --bs-cyan-800: color-mix(in lab, var(--bs-black) 48%, #88c0d0);
72
- --bs-cyan-900: color-mix(in lab, var(--bs-black) 64%, #88c0d0);
73
- --bs-cyan-950: color-mix(in lab, var(--bs-black) 76%, #88c0d0);
74
- --bs-cyan-975: color-mix(in lab, var(--bs-black) 88%, #88c0d0);
75
-
76
- --bs-green-025: color-mix(in lab, var(--bs-white) 94%, #a3be8c);
77
- --bs-green-050: color-mix(in lab, var(--bs-white) 90%, #a3be8c);
78
- --bs-green-100: color-mix(in lab, var(--bs-white) 80%, #a3be8c);
79
- --bs-green-200: color-mix(in lab, var(--bs-white) 60%, #a3be8c);
80
- --bs-green-300: color-mix(in lab, var(--bs-white) 40%, #a3be8c);
81
- --bs-green-400: color-mix(in lab, var(--bs-white) 20%, #a3be8c);
82
- --bs-green-500: #a3be8c;
83
- --bs-green-600: color-mix(in lab, var(--bs-black) 16%, #a3be8c);
84
- --bs-green-700: color-mix(in lab, var(--bs-black) 32%, #a3be8c);
85
- --bs-green-800: color-mix(in lab, var(--bs-black) 48%, #a3be8c);
86
- --bs-green-900: color-mix(in lab, var(--bs-black) 64%, #a3be8c);
87
- --bs-green-950: color-mix(in lab, var(--bs-black) 76%, #a3be8c);
88
- --bs-green-975: color-mix(in lab, var(--bs-black) 88%, #a3be8c);
89
-
90
- --bs-orange-025: color-mix(in lab, var(--bs-white) 94%, #d08770);
91
- --bs-orange-050: color-mix(in lab, var(--bs-white) 90%, #d08770);
92
- --bs-orange-100: color-mix(in lab, var(--bs-white) 80%, #d08770);
93
- --bs-orange-200: color-mix(in lab, var(--bs-white) 60%, #d08770);
94
- --bs-orange-300: color-mix(in lab, var(--bs-white) 40%, #d08770);
95
- --bs-orange-400: color-mix(in lab, var(--bs-white) 20%, #d08770);
96
- --bs-orange-500: #d08770;
97
- --bs-orange-600: color-mix(in lab, var(--bs-black) 16%, #d08770);
98
- --bs-orange-700: color-mix(in lab, var(--bs-black) 32%, #d08770);
99
- --bs-orange-800: color-mix(in lab, var(--bs-black) 48%, #d08770);
100
- --bs-orange-900: color-mix(in lab, var(--bs-black) 64%, #d08770);
101
- --bs-orange-950: color-mix(in lab, var(--bs-black) 76%, #d08770);
102
- --bs-orange-975: color-mix(in lab, var(--bs-black) 88%, #d08770);
103
-
104
- --bs-pink-025: color-mix(in lab, var(--bs-white) 94%, #b48ead);
105
- --bs-pink-050: color-mix(in lab, var(--bs-white) 90%, #b48ead);
106
- --bs-pink-100: color-mix(in lab, var(--bs-white) 80%, #b48ead);
107
- --bs-pink-200: color-mix(in lab, var(--bs-white) 60%, #b48ead);
108
- --bs-pink-300: color-mix(in lab, var(--bs-white) 40%, #b48ead);
109
- --bs-pink-400: color-mix(in lab, var(--bs-white) 20%, #b48ead);
110
- --bs-pink-500: #b48ead;
111
- --bs-pink-600: color-mix(in lab, var(--bs-black) 16%, #b48ead);
112
- --bs-pink-700: color-mix(in lab, var(--bs-black) 32%, #b48ead);
113
- --bs-pink-800: color-mix(in lab, var(--bs-black) 48%, #b48ead);
114
- --bs-pink-900: color-mix(in lab, var(--bs-black) 64%, #b48ead);
115
- --bs-pink-950: color-mix(in lab, var(--bs-black) 76%, #b48ead);
116
- --bs-pink-975: color-mix(in lab, var(--bs-black) 88%, #b48ead);
117
-
118
- --bs-purple-025: color-mix(in lab, var(--bs-white) 94%, #b48ead);
119
- --bs-purple-050: color-mix(in lab, var(--bs-white) 90%, #b48ead);
120
- --bs-purple-100: color-mix(in lab, var(--bs-white) 80%, #b48ead);
121
- --bs-purple-200: color-mix(in lab, var(--bs-white) 60%, #b48ead);
122
- --bs-purple-300: color-mix(in lab, var(--bs-white) 40%, #b48ead);
123
- --bs-purple-400: color-mix(in lab, var(--bs-white) 20%, #b48ead);
124
- --bs-purple-500: #b48ead;
125
- --bs-purple-600: color-mix(in lab, var(--bs-black) 16%, #b48ead);
126
- --bs-purple-700: color-mix(in lab, var(--bs-black) 32%, #b48ead);
127
- --bs-purple-800: color-mix(in lab, var(--bs-black) 48%, #b48ead);
128
- --bs-purple-900: color-mix(in lab, var(--bs-black) 64%, #b48ead);
129
- --bs-purple-950: color-mix(in lab, var(--bs-black) 76%, #b48ead);
130
- --bs-purple-975: color-mix(in lab, var(--bs-black) 88%, #b48ead);
131
-
132
- --bs-red-025: color-mix(in lab, var(--bs-white) 94%, #bf616a);
133
- --bs-red-050: color-mix(in lab, var(--bs-white) 90%, #bf616a);
134
- --bs-red-100: color-mix(in lab, var(--bs-white) 80%, #bf616a);
135
- --bs-red-200: color-mix(in lab, var(--bs-white) 60%, #bf616a);
136
- --bs-red-300: color-mix(in lab, var(--bs-white) 40%, #bf616a);
137
- --bs-red-400: color-mix(in lab, var(--bs-white) 20%, #bf616a);
138
- --bs-red-500: #bf616a;
139
- --bs-red-600: color-mix(in lab, var(--bs-black) 16%, #bf616a);
140
- --bs-red-700: color-mix(in lab, var(--bs-black) 32%, #bf616a);
141
- --bs-red-800: color-mix(in lab, var(--bs-black) 48%, #bf616a);
142
- --bs-red-900: color-mix(in lab, var(--bs-black) 64%, #bf616a);
143
- --bs-red-950: color-mix(in lab, var(--bs-black) 76%, #bf616a);
144
- --bs-red-975: color-mix(in lab, var(--bs-black) 88%, #bf616a);
145
-
146
- --bs-yellow-025: color-mix(in lab, var(--bs-white) 94%, #ebcb8b);
147
- --bs-yellow-050: color-mix(in lab, var(--bs-white) 90%, #ebcb8b);
148
- --bs-yellow-100: color-mix(in lab, var(--bs-white) 80%, #ebcb8b);
149
- --bs-yellow-200: color-mix(in lab, var(--bs-white) 60%, #ebcb8b);
150
- --bs-yellow-300: color-mix(in lab, var(--bs-white) 40%, #ebcb8b);
151
- --bs-yellow-400: color-mix(in lab, var(--bs-white) 20%, #ebcb8b);
152
- --bs-yellow-500: #ebcb8b;
153
- --bs-yellow-600: color-mix(in lab, var(--bs-black) 16%, #ebcb8b);
154
- --bs-yellow-700: color-mix(in lab, var(--bs-black) 32%, #ebcb8b);
155
- --bs-yellow-800: color-mix(in lab, var(--bs-black) 48%, #ebcb8b);
156
- --bs-yellow-900: color-mix(in lab, var(--bs-black) 64%, #ebcb8b);
157
- --bs-yellow-950: color-mix(in lab, var(--bs-black) 76%, #ebcb8b);
158
- --bs-yellow-975: color-mix(in lab, var(--bs-black) 88%, #ebcb8b);
159
-
160
- /* Text, stated rather than left to the ramp. Bootstrap pairs a low step as
161
- a light surface with that same step as dark-mode text, which a palette
162
- built for its own contrast does not agree with. */
163
- --bs-fg-1: light-dark(#2e3440, #eceff4);
164
- --bs-fg-body: light-dark(#3b4252, #d8dee9);
165
- --bs-fg-2: light-dark(#4c566a, #a7b0c0);
166
-
167
- /* The label a solid fill carries, for the four families Bootstrap has
168
- spent on a meaning and this palette has repainted. Upstream's own shape:
169
- it gives warning and info a dark label for the same reason. */
170
- --bs-danger-contrast: var(--bs-white);
171
- --bs-success-contrast: var(--bs-gray-975);
172
- --bs-warning-contrast: var(--bs-gray-975);
173
- --bs-info-contrast: var(--bs-gray-975);
174
-
175
- /* The accent this palette leads with, as the primary color: the same nine
176
- `_color.html.erb` writes, from blue and the label that reads on it. Here
177
- rather than only in the page because a reader may swap this file for
178
- another one, and the primary has to travel with it. A host naming its
179
- own color still wins, its block coming after this file. */
180
- --bs-primary-base: var(--bs-blue-500);
181
- --bs-primary-fg: light-dark(var(--bs-blue-600), var(--bs-blue-400));
182
- --bs-primary-fg-emphasis: light-dark(var(--bs-blue-800), var(--bs-blue-200));
183
- --bs-primary-bg: var(--bs-blue-500);
184
- --bs-primary-bg-subtle: light-dark(var(--bs-blue-100), var(--bs-blue-900));
185
- --bs-primary-bg-muted: light-dark(var(--bs-blue-200), var(--bs-blue-800));
186
- --bs-primary-border: light-dark(var(--bs-blue-300), var(--bs-blue-600));
187
- --bs-primary-focus-ring: light-dark(color-mix(in oklch, var(--bs-blue-500) 50%, var(--bs-bg-body)), color-mix(in oklch, var(--bs-blue-500) 75%, var(--bs-bg-body)));
188
- --bs-primary-contrast: var(--bs-white);
189
- }
@@ -1,189 +0,0 @@
1
- /* One Dark, Atom — https://github.com/atom/atom/tree/master/packages/one-dark-ui
2
- One Light's page is the light one and One Dark's the dark one. One Dark
3
- carries no pink, so its purple serves both, and its orange serves
4
- brown. The mid neutral is derived.
5
-
6
- Bootstrap builds a family by mixing one base toward `--bs-white` below
7
- the 500 step and toward `--bs-black` above it, and inlines that base
8
- into all thirteen — so a palette restates the thirteen rather than the
9
- one. Upstream's order and upstream's shapes with only the base swapped,
10
- so a later Bootstrap diffs against this file. */
11
- :root {
12
- /* The page, and the two colors every ramp below is mixed with.
13
- `--bs-bg-body` reads `--bs-white` in light mode and `--bs-gray-975` in
14
- dark, so repainting these two is what moves the page itself. */
15
- --bs-white: #fafafa;
16
- --bs-black: #282c34;
17
-
18
- /* The neutrals, which every surface, border and text token Bootstrap ships
19
- derives from. */
20
- --bs-gray-025: color-mix(in lab, var(--bs-white) 94%, #8b91a0);
21
- --bs-gray-050: color-mix(in lab, var(--bs-white) 90%, #8b91a0);
22
- --bs-gray-100: color-mix(in lab, var(--bs-white) 80%, #8b91a0);
23
- --bs-gray-200: color-mix(in lab, var(--bs-white) 60%, #8b91a0);
24
- --bs-gray-300: color-mix(in lab, var(--bs-white) 40%, #8b91a0);
25
- --bs-gray-400: color-mix(in lab, var(--bs-white) 20%, #8b91a0);
26
- --bs-gray-500: #8b91a0;
27
- --bs-gray-600: color-mix(in lab, var(--bs-black) 16%, #8b91a0);
28
- --bs-gray-700: color-mix(in lab, var(--bs-black) 32%, #8b91a0);
29
- --bs-gray-800: color-mix(in lab, var(--bs-black) 48%, #8b91a0);
30
- --bs-gray-900: color-mix(in lab, var(--bs-black) 64%, #8b91a0);
31
- --bs-gray-950: color-mix(in lab, var(--bs-black) 76%, #8b91a0);
32
- --bs-gray-975: color-mix(in lab, var(--bs-black) 88%, #8b91a0);
33
-
34
- --bs-blue-025: color-mix(in lab, var(--bs-white) 94%, #61afef);
35
- --bs-blue-050: color-mix(in lab, var(--bs-white) 90%, #61afef);
36
- --bs-blue-100: color-mix(in lab, var(--bs-white) 80%, #61afef);
37
- --bs-blue-200: color-mix(in lab, var(--bs-white) 60%, #61afef);
38
- --bs-blue-300: color-mix(in lab, var(--bs-white) 40%, #61afef);
39
- --bs-blue-400: color-mix(in lab, var(--bs-white) 20%, #61afef);
40
- --bs-blue-500: #61afef;
41
- --bs-blue-600: color-mix(in lab, var(--bs-black) 16%, #61afef);
42
- --bs-blue-700: color-mix(in lab, var(--bs-black) 32%, #61afef);
43
- --bs-blue-800: color-mix(in lab, var(--bs-black) 48%, #61afef);
44
- --bs-blue-900: color-mix(in lab, var(--bs-black) 64%, #61afef);
45
- --bs-blue-950: color-mix(in lab, var(--bs-black) 76%, #61afef);
46
- --bs-blue-975: color-mix(in lab, var(--bs-black) 88%, #61afef);
47
-
48
- --bs-brown-025: color-mix(in lab, var(--bs-white) 94%, #d19a66);
49
- --bs-brown-050: color-mix(in lab, var(--bs-white) 90%, #d19a66);
50
- --bs-brown-100: color-mix(in lab, var(--bs-white) 80%, #d19a66);
51
- --bs-brown-200: color-mix(in lab, var(--bs-white) 60%, #d19a66);
52
- --bs-brown-300: color-mix(in lab, var(--bs-white) 40%, #d19a66);
53
- --bs-brown-400: color-mix(in lab, var(--bs-white) 20%, #d19a66);
54
- --bs-brown-500: #d19a66;
55
- --bs-brown-600: color-mix(in lab, var(--bs-black) 16%, #d19a66);
56
- --bs-brown-700: color-mix(in lab, var(--bs-black) 32%, #d19a66);
57
- --bs-brown-800: color-mix(in lab, var(--bs-black) 48%, #d19a66);
58
- --bs-brown-900: color-mix(in lab, var(--bs-black) 64%, #d19a66);
59
- --bs-brown-950: color-mix(in lab, var(--bs-black) 76%, #d19a66);
60
- --bs-brown-975: color-mix(in lab, var(--bs-black) 88%, #d19a66);
61
-
62
- --bs-cyan-025: color-mix(in lab, var(--bs-white) 94%, #56b6c2);
63
- --bs-cyan-050: color-mix(in lab, var(--bs-white) 90%, #56b6c2);
64
- --bs-cyan-100: color-mix(in lab, var(--bs-white) 80%, #56b6c2);
65
- --bs-cyan-200: color-mix(in lab, var(--bs-white) 60%, #56b6c2);
66
- --bs-cyan-300: color-mix(in lab, var(--bs-white) 40%, #56b6c2);
67
- --bs-cyan-400: color-mix(in lab, var(--bs-white) 20%, #56b6c2);
68
- --bs-cyan-500: #56b6c2;
69
- --bs-cyan-600: color-mix(in lab, var(--bs-black) 16%, #56b6c2);
70
- --bs-cyan-700: color-mix(in lab, var(--bs-black) 32%, #56b6c2);
71
- --bs-cyan-800: color-mix(in lab, var(--bs-black) 48%, #56b6c2);
72
- --bs-cyan-900: color-mix(in lab, var(--bs-black) 64%, #56b6c2);
73
- --bs-cyan-950: color-mix(in lab, var(--bs-black) 76%, #56b6c2);
74
- --bs-cyan-975: color-mix(in lab, var(--bs-black) 88%, #56b6c2);
75
-
76
- --bs-green-025: color-mix(in lab, var(--bs-white) 94%, #98c379);
77
- --bs-green-050: color-mix(in lab, var(--bs-white) 90%, #98c379);
78
- --bs-green-100: color-mix(in lab, var(--bs-white) 80%, #98c379);
79
- --bs-green-200: color-mix(in lab, var(--bs-white) 60%, #98c379);
80
- --bs-green-300: color-mix(in lab, var(--bs-white) 40%, #98c379);
81
- --bs-green-400: color-mix(in lab, var(--bs-white) 20%, #98c379);
82
- --bs-green-500: #98c379;
83
- --bs-green-600: color-mix(in lab, var(--bs-black) 16%, #98c379);
84
- --bs-green-700: color-mix(in lab, var(--bs-black) 32%, #98c379);
85
- --bs-green-800: color-mix(in lab, var(--bs-black) 48%, #98c379);
86
- --bs-green-900: color-mix(in lab, var(--bs-black) 64%, #98c379);
87
- --bs-green-950: color-mix(in lab, var(--bs-black) 76%, #98c379);
88
- --bs-green-975: color-mix(in lab, var(--bs-black) 88%, #98c379);
89
-
90
- --bs-orange-025: color-mix(in lab, var(--bs-white) 94%, #d19a66);
91
- --bs-orange-050: color-mix(in lab, var(--bs-white) 90%, #d19a66);
92
- --bs-orange-100: color-mix(in lab, var(--bs-white) 80%, #d19a66);
93
- --bs-orange-200: color-mix(in lab, var(--bs-white) 60%, #d19a66);
94
- --bs-orange-300: color-mix(in lab, var(--bs-white) 40%, #d19a66);
95
- --bs-orange-400: color-mix(in lab, var(--bs-white) 20%, #d19a66);
96
- --bs-orange-500: #d19a66;
97
- --bs-orange-600: color-mix(in lab, var(--bs-black) 16%, #d19a66);
98
- --bs-orange-700: color-mix(in lab, var(--bs-black) 32%, #d19a66);
99
- --bs-orange-800: color-mix(in lab, var(--bs-black) 48%, #d19a66);
100
- --bs-orange-900: color-mix(in lab, var(--bs-black) 64%, #d19a66);
101
- --bs-orange-950: color-mix(in lab, var(--bs-black) 76%, #d19a66);
102
- --bs-orange-975: color-mix(in lab, var(--bs-black) 88%, #d19a66);
103
-
104
- --bs-pink-025: color-mix(in lab, var(--bs-white) 94%, #c678dd);
105
- --bs-pink-050: color-mix(in lab, var(--bs-white) 90%, #c678dd);
106
- --bs-pink-100: color-mix(in lab, var(--bs-white) 80%, #c678dd);
107
- --bs-pink-200: color-mix(in lab, var(--bs-white) 60%, #c678dd);
108
- --bs-pink-300: color-mix(in lab, var(--bs-white) 40%, #c678dd);
109
- --bs-pink-400: color-mix(in lab, var(--bs-white) 20%, #c678dd);
110
- --bs-pink-500: #c678dd;
111
- --bs-pink-600: color-mix(in lab, var(--bs-black) 16%, #c678dd);
112
- --bs-pink-700: color-mix(in lab, var(--bs-black) 32%, #c678dd);
113
- --bs-pink-800: color-mix(in lab, var(--bs-black) 48%, #c678dd);
114
- --bs-pink-900: color-mix(in lab, var(--bs-black) 64%, #c678dd);
115
- --bs-pink-950: color-mix(in lab, var(--bs-black) 76%, #c678dd);
116
- --bs-pink-975: color-mix(in lab, var(--bs-black) 88%, #c678dd);
117
-
118
- --bs-purple-025: color-mix(in lab, var(--bs-white) 94%, #c678dd);
119
- --bs-purple-050: color-mix(in lab, var(--bs-white) 90%, #c678dd);
120
- --bs-purple-100: color-mix(in lab, var(--bs-white) 80%, #c678dd);
121
- --bs-purple-200: color-mix(in lab, var(--bs-white) 60%, #c678dd);
122
- --bs-purple-300: color-mix(in lab, var(--bs-white) 40%, #c678dd);
123
- --bs-purple-400: color-mix(in lab, var(--bs-white) 20%, #c678dd);
124
- --bs-purple-500: #c678dd;
125
- --bs-purple-600: color-mix(in lab, var(--bs-black) 16%, #c678dd);
126
- --bs-purple-700: color-mix(in lab, var(--bs-black) 32%, #c678dd);
127
- --bs-purple-800: color-mix(in lab, var(--bs-black) 48%, #c678dd);
128
- --bs-purple-900: color-mix(in lab, var(--bs-black) 64%, #c678dd);
129
- --bs-purple-950: color-mix(in lab, var(--bs-black) 76%, #c678dd);
130
- --bs-purple-975: color-mix(in lab, var(--bs-black) 88%, #c678dd);
131
-
132
- --bs-red-025: color-mix(in lab, var(--bs-white) 94%, #e06c75);
133
- --bs-red-050: color-mix(in lab, var(--bs-white) 90%, #e06c75);
134
- --bs-red-100: color-mix(in lab, var(--bs-white) 80%, #e06c75);
135
- --bs-red-200: color-mix(in lab, var(--bs-white) 60%, #e06c75);
136
- --bs-red-300: color-mix(in lab, var(--bs-white) 40%, #e06c75);
137
- --bs-red-400: color-mix(in lab, var(--bs-white) 20%, #e06c75);
138
- --bs-red-500: #e06c75;
139
- --bs-red-600: color-mix(in lab, var(--bs-black) 16%, #e06c75);
140
- --bs-red-700: color-mix(in lab, var(--bs-black) 32%, #e06c75);
141
- --bs-red-800: color-mix(in lab, var(--bs-black) 48%, #e06c75);
142
- --bs-red-900: color-mix(in lab, var(--bs-black) 64%, #e06c75);
143
- --bs-red-950: color-mix(in lab, var(--bs-black) 76%, #e06c75);
144
- --bs-red-975: color-mix(in lab, var(--bs-black) 88%, #e06c75);
145
-
146
- --bs-yellow-025: color-mix(in lab, var(--bs-white) 94%, #e5c07b);
147
- --bs-yellow-050: color-mix(in lab, var(--bs-white) 90%, #e5c07b);
148
- --bs-yellow-100: color-mix(in lab, var(--bs-white) 80%, #e5c07b);
149
- --bs-yellow-200: color-mix(in lab, var(--bs-white) 60%, #e5c07b);
150
- --bs-yellow-300: color-mix(in lab, var(--bs-white) 40%, #e5c07b);
151
- --bs-yellow-400: color-mix(in lab, var(--bs-white) 20%, #e5c07b);
152
- --bs-yellow-500: #e5c07b;
153
- --bs-yellow-600: color-mix(in lab, var(--bs-black) 16%, #e5c07b);
154
- --bs-yellow-700: color-mix(in lab, var(--bs-black) 32%, #e5c07b);
155
- --bs-yellow-800: color-mix(in lab, var(--bs-black) 48%, #e5c07b);
156
- --bs-yellow-900: color-mix(in lab, var(--bs-black) 64%, #e5c07b);
157
- --bs-yellow-950: color-mix(in lab, var(--bs-black) 76%, #e5c07b);
158
- --bs-yellow-975: color-mix(in lab, var(--bs-black) 88%, #e5c07b);
159
-
160
- /* Text, stated rather than left to the ramp. Bootstrap pairs a low step as
161
- a light surface with that same step as dark-mode text, which a palette
162
- built for its own contrast does not agree with. */
163
- --bs-fg-1: light-dark(#202126, #ffffff);
164
- --bs-fg-body: light-dark(#383a42, #abb2bf);
165
- --bs-fg-2: light-dark(#5c6370, #939aa8);
166
-
167
- /* The label a solid fill carries, for the four families Bootstrap has
168
- spent on a meaning and this palette has repainted. Upstream's own shape:
169
- it gives warning and info a dark label for the same reason. */
170
- --bs-danger-contrast: var(--bs-gray-975);
171
- --bs-success-contrast: var(--bs-gray-975);
172
- --bs-warning-contrast: var(--bs-gray-975);
173
- --bs-info-contrast: var(--bs-gray-975);
174
-
175
- /* The accent this palette leads with, as the primary color: the same nine
176
- `_color.html.erb` writes, from blue and the label that reads on it. Here
177
- rather than only in the page because a reader may swap this file for
178
- another one, and the primary has to travel with it. A host naming its
179
- own color still wins, its block coming after this file. */
180
- --bs-primary-base: var(--bs-blue-500);
181
- --bs-primary-fg: light-dark(var(--bs-blue-600), var(--bs-blue-400));
182
- --bs-primary-fg-emphasis: light-dark(var(--bs-blue-800), var(--bs-blue-200));
183
- --bs-primary-bg: var(--bs-blue-500);
184
- --bs-primary-bg-subtle: light-dark(var(--bs-blue-100), var(--bs-blue-900));
185
- --bs-primary-bg-muted: light-dark(var(--bs-blue-200), var(--bs-blue-800));
186
- --bs-primary-border: light-dark(var(--bs-blue-300), var(--bs-blue-600));
187
- --bs-primary-focus-ring: light-dark(color-mix(in oklch, var(--bs-blue-500) 50%, var(--bs-bg-body)), color-mix(in oklch, var(--bs-blue-500) 75%, var(--bs-bg-body)));
188
- --bs-primary-contrast: var(--bs-gray-975);
189
- }