@sanity/ui 2.0.0-alpha.7 → 2.0.0-alpha.8

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 (14) hide show
  1. package/dist/index.cjs.mjs +1 -0
  2. package/dist/index.d.ts +6 -0
  3. package/dist/index.esm.js +4075 -72
  4. package/dist/index.esm.js.map +1 -1
  5. package/dist/index.js +4075 -71
  6. package/dist/index.js.map +1 -1
  7. package/package.json +1 -1
  8. package/src/theme/lib/theme/color/_legacy/createColorTheme.ts +7 -0
  9. package/src/theme/lib/theme/color/_legacy/index.ts +1 -0
  10. package/src/theme/lib/theme/color/_legacy/legacyColor.ts +3997 -0
  11. package/src/theme/lib/theme/color/cssVariables/cardVariables.ts +4 -8
  12. package/src/theme/lib/theme/color/cssVariables/cssVars.test.ts +1 -1
  13. package/src/theme/lib/theme/color/index.ts +1 -0
  14. package/src/theme/themeProvider.tsx +2 -1
package/dist/index.js CHANGED
@@ -1380,10 +1380,11 @@ const cardVariables = {
1380
1380
  "--card-shadow-ambient-color": tonesCssVariables.default["base-shadow-ambient-color"],
1381
1381
  "--card-focus-ring-color": tonesCssVariables.positive["bg-accent"],
1382
1382
  "--card-icon-color": tonesCssVariables.default["icon-default"],
1383
- "--card-bg-image": "inherit",
1384
1383
  // Card
1385
1384
  "--card-bg-color": tonesCssVariables.default["bg-base"],
1385
+ "--card-bg-image": "inherit",
1386
1386
  "--card-fg-color": tonesCssVariables.default["text-primary"],
1387
+ "--card-border-color": tonesCssVariables.default["border-base"],
1387
1388
  "--card-muted-fg-color": tonesCssVariables.default["text-secondary"],
1388
1389
  "--card-accent-fg-color": tonesCssVariables.default["text-accent"],
1389
1390
  "--card-link-fg-color": tonesCssVariables.default["text-link"],
@@ -1394,9 +1395,7 @@ const cardVariables = {
1394
1395
  // @todo: deprecate
1395
1396
  "--card-link-color": tonesCssVariables.default["text-link"],
1396
1397
  "--card-hairline-soft-color": tonesCssVariables.default["border-base"],
1397
- "--card-hairline-hard-color": tonesCssVariables.default["border-base"],
1398
- // Card
1399
- "--card-bg2-color": tonesCssVariables.default["bg-tint"]
1398
+ "--card-hairline-hard-color": tonesCssVariables.default["border-base"]
1400
1399
  };
1401
1400
  const createCssVars = function (scheme, tones) {
1402
1401
  let defaultTone = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : "default";
@@ -1415,6 +1414,9 @@ const cssVars = {
1415
1414
  */
1416
1415
  mutable: mutableVariables
1417
1416
  };
1417
+ function createColorTheme() {
1418
+ return null;
1419
+ }
1418
1420
  const tones = {
1419
1421
  default: color.hues.gray,
1420
1422
  transparent: color.hues.gray,
@@ -1748,73 +1750,4074 @@ const DEFAULT_THEME_LAYER = {
1748
1750
  zOffset: 200
1749
1751
  }
1750
1752
  };
1751
- function cssObjectToCssString(rules) {
1752
- return Object.keys(rules).reduce((acc, key) => {
1753
- return "".concat(acc).concat(key, ": ").concat(rules[key], "; ");
1754
- }, "");
1755
- }
1756
- function getGlobalScope() {
1757
- if (typeof globalThis !== "undefined") return globalThis;
1758
- if (typeof window !== "undefined") return window;
1759
- if (typeof self !== "undefined") return self;
1760
- if (typeof global !== "undefined") return global;
1761
- throw new Error("@sanity/ui: could not locate global scope");
1762
- }
1763
- const globalScope = getGlobalScope();
1764
- const key$9 = Symbol.for("@sanity/ui/context/theme");
1765
- globalScope[key$9] = globalScope[key$9] || react.createContext(null);
1766
- const ThemeContext = globalScope[key$9];
1767
- const key$8 = Symbol.for("@sanity/ui/context/toneContext");
1768
- globalScope[key$8] = globalScope[key$8] || react.createContext(null);
1769
- const ToneContext = globalScope[key$8];
1770
- function ToneProvider(props) {
1771
- const {
1772
- children,
1773
- scheme,
1774
- tone
1775
- } = props;
1776
- const root = useRootTheme();
1777
- const value = react.useMemo(() => ({
1778
- version: 0,
1779
- scheme: scheme || root.scheme,
1780
- tone
1781
- }), [root.scheme, scheme, tone]);
1782
- return /* @__PURE__ */jsxRuntime.jsx(ToneContext.Provider, {
1783
- value,
1784
- children
1785
- });
1786
- }
1787
- var __freeze$E = Object.freeze;
1788
- var __defProp$F = Object.defineProperty;
1789
- var __template$E = (cooked, raw) => __freeze$E(__defProp$F(cooked, "raw", {
1790
- value: __freeze$E(raw || cooked.slice())
1791
- }));
1792
- var _a$E;
1793
- const GlobalVariables = styled.createGlobalStyle(_a$E || (_a$E = __template$E(["\n :root {\n ", "\n }\n"])), _ref4 => {
1794
- let {
1795
- $vars
1796
- } = _ref4;
1797
- return $vars;
1798
- });
1799
- function ThemeProvider(props) {
1800
- const parentTheme = react.useContext(ThemeContext);
1801
- const {
1802
- children,
1803
- scheme = (parentTheme == null ? void 0 : parentTheme.scheme) || "light",
1804
- theme: themeProp = (parentTheme == null ? void 0 : parentTheme.theme) || null,
1805
- tone = (parentTheme == null ? void 0 : parentTheme.tone) || "default"
1806
- } = props;
1807
- const theme = react.useMemo(() => {
1808
- if (!themeProp) return null;
1809
- const {
1810
- layer: rootLayer,
1811
- ...restTheme
1812
- } = themeProp;
1813
- const layer = rootLayer || DEFAULT_THEME_LAYER;
1814
- return {
1815
- sanity: {
1816
- ...restTheme,
1817
- layer
1753
+ const legacyColors = {
1754
+ base: {
1755
+ fg: "#111213",
1756
+ bg: "#ffffff",
1757
+ border: "#e2e6e9",
1758
+ focusRing: "#388bff",
1759
+ shadow: {
1760
+ outline: "rgba(120,129,145,0.4)",
1761
+ umbra: "rgba(120,129,145,0.2)",
1762
+ penumbra: "rgba(120,129,145,0.14)",
1763
+ ambient: "rgba(120,129,145,0.12)"
1764
+ },
1765
+ skeleton: {
1766
+ from: "#f3f4f6",
1767
+ to: "rgba(243,244,246,0.5)"
1768
+ }
1769
+ },
1770
+ button: {
1771
+ default: {
1772
+ default: {
1773
+ enabled: {
1774
+ bg: "#788191",
1775
+ bg2: "#848d9d",
1776
+ border: "#788191",
1777
+ fg: "#ffffff",
1778
+ muted: {
1779
+ fg: "#f3f4f6"
1780
+ },
1781
+ accent: {
1782
+ fg: "#fef4f5"
1783
+ },
1784
+ link: {
1785
+ fg: "#f1f8ff"
1786
+ },
1787
+ code: {
1788
+ bg: "#757e8e",
1789
+ fg: "#f3f4f6"
1790
+ },
1791
+ skeleton: {
1792
+ from: "#929bac",
1793
+ to: "rgba(146,155,172,0.5)"
1794
+ }
1795
+ },
1796
+ disabled: {
1797
+ bg: "#e2e6e9",
1798
+ bg2: "#e5e8eb",
1799
+ border: "#e2e6e9",
1800
+ fg: "#ffffff",
1801
+ muted: {
1802
+ fg: "#f9f9fa"
1803
+ },
1804
+ accent: {
1805
+ fg: "#f9f9fa"
1806
+ },
1807
+ link: {
1808
+ fg: "#f9f9fa"
1809
+ },
1810
+ code: {
1811
+ bg: "#e2e6e9",
1812
+ fg: "#f9f9fa"
1813
+ },
1814
+ skeleton: {
1815
+ from: "#e8ebee",
1816
+ to: "rgba(232,235,238,0.5)"
1817
+ }
1818
+ },
1819
+ hovered: {
1820
+ bg: "#5e6573",
1821
+ bg2: "#6d7482",
1822
+ border: "#5e6573",
1823
+ fg: "#ffffff",
1824
+ muted: {
1825
+ fg: "#e2e6e9"
1826
+ },
1827
+ accent: {
1828
+ fg: "#fce0e0"
1829
+ },
1830
+ link: {
1831
+ fg: "#dcedff"
1832
+ },
1833
+ code: {
1834
+ bg: "#5c6371",
1835
+ fg: "#e2e6e9"
1836
+ },
1837
+ skeleton: {
1838
+ from: "#7d8596",
1839
+ to: "rgba(125,133,150,0.5)"
1840
+ }
1841
+ },
1842
+ pressed: {
1843
+ bg: "#31353f",
1844
+ bg2: "#444954",
1845
+ border: "#31353f",
1846
+ fg: "#ffffff",
1847
+ muted: {
1848
+ fg: "#e2e6e9"
1849
+ },
1850
+ accent: {
1851
+ fg: "#fcd7d4"
1852
+ },
1853
+ link: {
1854
+ fg: "#d2e7ff"
1855
+ },
1856
+ code: {
1857
+ bg: "#30343e",
1858
+ fg: "#e2e6e9"
1859
+ },
1860
+ skeleton: {
1861
+ from: "#595f6e",
1862
+ to: "rgba(89,95,110,0.5)"
1863
+ }
1864
+ },
1865
+ selected: {
1866
+ bg: "#073392",
1867
+ bg2: "#1346a5",
1868
+ border: "#073392",
1869
+ fg: "#ffffff",
1870
+ muted: {
1871
+ fg: "#c7e1ff"
1872
+ },
1873
+ accent: {
1874
+ fg: "#fbd6e7"
1875
+ },
1876
+ link: {
1877
+ fg: "#c9e7ff"
1878
+ },
1879
+ code: {
1880
+ bg: "#073292",
1881
+ fg: "#c7e1ff"
1882
+ },
1883
+ skeleton: {
1884
+ from: "#0e5cd0",
1885
+ to: "rgba(14,92,208,0.5)"
1886
+ }
1887
+ }
1888
+ },
1889
+ primary: {
1890
+ enabled: {
1891
+ bg: "#388bff",
1892
+ bg2: "#4196ff",
1893
+ border: "#388bff",
1894
+ fg: "#ffffff",
1895
+ muted: {
1896
+ fg: "#e5f1ff"
1897
+ },
1898
+ accent: {
1899
+ fg: "#fef5ff"
1900
+ },
1901
+ link: {
1902
+ fg: "#ebf9ff"
1903
+ },
1904
+ code: {
1905
+ bg: "#3688ff",
1906
+ fg: "#e5f1ff"
1907
+ },
1908
+ skeleton: {
1909
+ from: "#3da2ff",
1910
+ to: "rgba(61,162,255,0.5)"
1911
+ }
1912
+ },
1913
+ disabled: {
1914
+ bg: "#e2e6e9",
1915
+ bg2: "#e5e8eb",
1916
+ border: "#e2e6e9",
1917
+ fg: "#ffffff",
1918
+ muted: {
1919
+ fg: "#f9f9fa"
1920
+ },
1921
+ accent: {
1922
+ fg: "#f9f9fa"
1923
+ },
1924
+ link: {
1925
+ fg: "#f9f9fa"
1926
+ },
1927
+ code: {
1928
+ bg: "#e2e6e9",
1929
+ fg: "#f9f9fa"
1930
+ },
1931
+ skeleton: {
1932
+ from: "#e8ebee",
1933
+ to: "rgba(232,235,238,0.5)"
1934
+ }
1935
+ },
1936
+ hovered: {
1937
+ bg: "#0661fe",
1938
+ bg2: "#1270fe",
1939
+ border: "#0661fe",
1940
+ fg: "#ffffff",
1941
+ muted: {
1942
+ fg: "#c7e1ff"
1943
+ },
1944
+ accent: {
1945
+ fg: "#fbdfff"
1946
+ },
1947
+ link: {
1948
+ fg: "#c8ecff"
1949
+ },
1950
+ code: {
1951
+ bg: "#065ffe",
1952
+ fg: "#c7e1ff"
1953
+ },
1954
+ skeleton: {
1955
+ from: "#0d81ff",
1956
+ to: "rgba(13,129,255,0.5)"
1957
+ }
1958
+ },
1959
+ pressed: {
1960
+ bg: "#073392",
1961
+ bg2: "#1346a5",
1962
+ border: "#073392",
1963
+ fg: "#ffffff",
1964
+ muted: {
1965
+ fg: "#c7e1ff"
1966
+ },
1967
+ accent: {
1968
+ fg: "#fbd6e7"
1969
+ },
1970
+ link: {
1971
+ fg: "#c9e7ff"
1972
+ },
1973
+ code: {
1974
+ bg: "#073292",
1975
+ fg: "#c7e1ff"
1976
+ },
1977
+ skeleton: {
1978
+ from: "#0e5cd0",
1979
+ to: "rgba(14,92,208,0.5)"
1980
+ }
1981
+ },
1982
+ selected: {
1983
+ bg: "#073392",
1984
+ bg2: "#1346a5",
1985
+ border: "#073392",
1986
+ fg: "#ffffff",
1987
+ muted: {
1988
+ fg: "#c7e1ff"
1989
+ },
1990
+ accent: {
1991
+ fg: "#fbd6e7"
1992
+ },
1993
+ link: {
1994
+ fg: "#c9e7ff"
1995
+ },
1996
+ code: {
1997
+ bg: "#073292",
1998
+ fg: "#c7e1ff"
1999
+ },
2000
+ skeleton: {
2001
+ from: "#0e5cd0",
2002
+ to: "rgba(14,92,208,0.5)"
2003
+ }
2004
+ }
2005
+ },
2006
+ positive: {
2007
+ enabled: {
2008
+ bg: "#21d46c",
2009
+ bg2: "#31da7b",
2010
+ border: "#21d46c",
2011
+ fg: "#ffffff",
2012
+ muted: {
2013
+ fg: "#dff6e9"
2014
+ },
2015
+ accent: {
2016
+ fg: "#fefbf1"
2017
+ },
2018
+ link: {
2019
+ fg: "#e8fdff"
2020
+ },
2021
+ code: {
2022
+ bg: "#1fd268",
2023
+ fg: "#dff6e9"
2024
+ },
2025
+ skeleton: {
2026
+ from: "#31e185",
2027
+ to: "rgba(49,225,133,0.5)"
2028
+ }
2029
+ },
2030
+ disabled: {
2031
+ bg: "#e2e6e9",
2032
+ bg2: "#e5e8eb",
2033
+ border: "#e2e6e9",
2034
+ fg: "#ffffff",
2035
+ muted: {
2036
+ fg: "#f9f9fa"
2037
+ },
2038
+ accent: {
2039
+ fg: "#f9f9fa"
2040
+ },
2041
+ link: {
2042
+ fg: "#f9f9fa"
2043
+ },
2044
+ code: {
2045
+ bg: "#e2e6e9",
2046
+ fg: "#f9f9fa"
2047
+ },
2048
+ skeleton: {
2049
+ from: "#e8ebee",
2050
+ to: "rgba(232,235,238,0.5)"
2051
+ }
2052
+ },
2053
+ hovered: {
2054
+ bg: "#1ba755",
2055
+ bg2: "#2bb266",
2056
+ border: "#1ba755",
2057
+ fg: "#ffffff",
2058
+ muted: {
2059
+ fg: "#b1eccb"
2060
+ },
2061
+ accent: {
2062
+ fg: "#fbedd9"
2063
+ },
2064
+ link: {
2065
+ fg: "#cdf5ff"
2066
+ },
2067
+ code: {
2068
+ bg: "#1aa552",
2069
+ fg: "#b1eccb"
2070
+ },
2071
+ skeleton: {
2072
+ from: "#2bc272",
2073
+ to: "rgba(43,194,114,0.5)"
2074
+ }
2075
+ },
2076
+ pressed: {
2077
+ bg: "#124e2b",
2078
+ bg2: "#236541",
2079
+ border: "#124e2b",
2080
+ fg: "#ffffff",
2081
+ muted: {
2082
+ fg: "#b1eccb"
2083
+ },
2084
+ accent: {
2085
+ fg: "#fbdcd0"
2086
+ },
2087
+ link: {
2088
+ fg: "#cbeaff"
2089
+ },
2090
+ code: {
2091
+ bg: "#114d29",
2092
+ fg: "#b1eccb"
2093
+ },
2094
+ skeleton: {
2095
+ from: "#23844f",
2096
+ to: "rgba(35,132,79,0.5)"
2097
+ }
2098
+ },
2099
+ selected: {
2100
+ bg: "#124e2b",
2101
+ bg2: "#236541",
2102
+ border: "#124e2b",
2103
+ fg: "#ffffff",
2104
+ muted: {
2105
+ fg: "#b1eccb"
2106
+ },
2107
+ accent: {
2108
+ fg: "#fbdcd0"
2109
+ },
2110
+ link: {
2111
+ fg: "#cbeaff"
2112
+ },
2113
+ code: {
2114
+ bg: "#114d29",
2115
+ fg: "#b1eccb"
2116
+ },
2117
+ skeleton: {
2118
+ from: "#23844f",
2119
+ to: "rgba(35,132,79,0.5)"
2120
+ }
2121
+ }
2122
+ },
2123
+ caution: {
2124
+ enabled: {
2125
+ bg: "#f3bc16",
2126
+ bg2: "#f5c227",
2127
+ border: "#f3bc16",
2128
+ fg: "#ffffff",
2129
+ muted: {
2130
+ fg: "#fef7cd"
2131
+ },
2132
+ accent: {
2133
+ fg: "#fff9e9"
2134
+ },
2135
+ link: {
2136
+ fg: "#fefbff"
2137
+ },
2138
+ code: {
2139
+ bg: "#f3bb15",
2140
+ fg: "#fef7cd"
2141
+ },
2142
+ skeleton: {
2143
+ from: "#f8cd20",
2144
+ to: "rgba(248,205,32,0.5)"
2145
+ }
2146
+ },
2147
+ disabled: {
2148
+ bg: "#e2e6e9",
2149
+ bg2: "#e5e8eb",
2150
+ border: "#e2e6e9",
2151
+ fg: "#ffffff",
2152
+ muted: {
2153
+ fg: "#f9f9fa"
2154
+ },
2155
+ accent: {
2156
+ fg: "#f9f9fa"
2157
+ },
2158
+ link: {
2159
+ fg: "#f9f9fa"
2160
+ },
2161
+ code: {
2162
+ bg: "#e2e6e9",
2163
+ fg: "#f9f9fa"
2164
+ },
2165
+ skeleton: {
2166
+ from: "#e8ebee",
2167
+ to: "rgba(232,235,238,0.5)"
2168
+ }
2169
+ },
2170
+ hovered: {
2171
+ bg: "#cb920b",
2172
+ bg2: "#d29c1d",
2173
+ border: "#cb920b",
2174
+ fg: "#ffffff",
2175
+ muted: {
2176
+ fg: "#fbf1a7"
2177
+ },
2178
+ accent: {
2179
+ fg: "#fee9c8"
2180
+ },
2181
+ link: {
2182
+ fg: "#f4f2ff"
2183
+ },
2184
+ code: {
2185
+ bg: "#cb910a",
2186
+ fg: "#fbf1a7"
2187
+ },
2188
+ skeleton: {
2189
+ from: "#e0ad16",
2190
+ to: "rgba(224,173,22,0.5)"
2191
+ }
2192
+ },
2193
+ pressed: {
2194
+ bg: "#65400b",
2195
+ bg2: "#78521d",
2196
+ border: "#65400b",
2197
+ fg: "#ffffff",
2198
+ muted: {
2199
+ fg: "#fbf1a7"
2200
+ },
2201
+ accent: {
2202
+ fg: "#fdd9c8"
2203
+ },
2204
+ link: {
2205
+ fg: "#dde9ff"
2206
+ },
2207
+ code: {
2208
+ bg: "#653f0a",
2209
+ fg: "#fbf1a7"
2210
+ },
2211
+ skeleton: {
2212
+ from: "#a27016",
2213
+ to: "rgba(162,112,22,0.5)"
2214
+ }
2215
+ },
2216
+ selected: {
2217
+ bg: "#65400b",
2218
+ bg2: "#78521d",
2219
+ border: "#65400b",
2220
+ fg: "#ffffff",
2221
+ muted: {
2222
+ fg: "#fbf1a7"
2223
+ },
2224
+ accent: {
2225
+ fg: "#fdd9c8"
2226
+ },
2227
+ link: {
2228
+ fg: "#dde9ff"
2229
+ },
2230
+ code: {
2231
+ bg: "#653f0a",
2232
+ fg: "#fbf1a7"
2233
+ },
2234
+ skeleton: {
2235
+ from: "#a27016",
2236
+ to: "rgba(162,112,22,0.5)"
2237
+ }
2238
+ }
2239
+ },
2240
+ critical: {
2241
+ enabled: {
2242
+ bg: "#ec4636",
2243
+ bg2: "#ef5545",
2244
+ border: "#ec4636",
2245
+ fg: "#ffffff",
2246
+ muted: {
2247
+ fg: "#fee8e7"
2248
+ },
2249
+ accent: {
2250
+ fg: "#ffeeec"
2251
+ },
2252
+ link: {
2253
+ fg: "#fdf5ff"
2254
+ },
2255
+ code: {
2256
+ bg: "#ec4334",
2257
+ fg: "#fee8e7"
2258
+ },
2259
+ skeleton: {
2260
+ from: "#f45943",
2261
+ to: "rgba(244,89,67,0.5)"
2262
+ }
2263
+ },
2264
+ disabled: {
2265
+ bg: "#e2e6e9",
2266
+ bg2: "#e5e8eb",
2267
+ border: "#e2e6e9",
2268
+ fg: "#ffffff",
2269
+ muted: {
2270
+ fg: "#f9f9fa"
2271
+ },
2272
+ accent: {
2273
+ fg: "#f9f9fa"
2274
+ },
2275
+ link: {
2276
+ fg: "#f9f9fa"
2277
+ },
2278
+ code: {
2279
+ bg: "#e2e6e9",
2280
+ fg: "#f9f9fa"
2281
+ },
2282
+ skeleton: {
2283
+ from: "#e8ebee",
2284
+ to: "rgba(232,235,238,0.5)"
2285
+ }
2286
+ },
2287
+ hovered: {
2288
+ bg: "#d72414",
2289
+ bg2: "#dd3526",
2290
+ border: "#d72414",
2291
+ fg: "#ffffff",
2292
+ muted: {
2293
+ fg: "#fbccc6"
2294
+ },
2295
+ accent: {
2296
+ fg: "#fed3ca"
2297
+ },
2298
+ link: {
2299
+ fg: "#f6e5ff"
2300
+ },
2301
+ code: {
2302
+ bg: "#d72313",
2303
+ fg: "#fbccc6"
2304
+ },
2305
+ skeleton: {
2306
+ from: "#e83a24",
2307
+ to: "rgba(232,58,36,0.5)"
2308
+ }
2309
+ },
2310
+ pressed: {
2311
+ bg: "#6f1a11",
2312
+ bg2: "#842c23",
2313
+ border: "#6f1a11",
2314
+ fg: "#ffffff",
2315
+ muted: {
2316
+ fg: "#fbccc6"
2317
+ },
2318
+ accent: {
2319
+ fg: "#fdd1ca"
2320
+ },
2321
+ link: {
2322
+ fg: "#dfe4ff"
2323
+ },
2324
+ code: {
2325
+ bg: "#6f1910",
2326
+ fg: "#fbccc6"
2327
+ },
2328
+ skeleton: {
2329
+ from: "#ae3121",
2330
+ to: "rgba(174,49,33,0.5)"
2331
+ }
2332
+ },
2333
+ selected: {
2334
+ bg: "#6f1a11",
2335
+ bg2: "#842c23",
2336
+ border: "#6f1a11",
2337
+ fg: "#ffffff",
2338
+ muted: {
2339
+ fg: "#fbccc6"
2340
+ },
2341
+ accent: {
2342
+ fg: "#fdd1ca"
2343
+ },
2344
+ link: {
2345
+ fg: "#dfe4ff"
2346
+ },
2347
+ code: {
2348
+ bg: "#6f1910",
2349
+ fg: "#fbccc6"
2350
+ },
2351
+ skeleton: {
2352
+ from: "#ae3121",
2353
+ to: "rgba(174,49,33,0.5)"
2354
+ }
2355
+ }
2356
+ }
2357
+ },
2358
+ ghost: {
2359
+ default: {
2360
+ enabled: {
2361
+ bg: "#ffffff",
2362
+ bg2: "#f9f9fa",
2363
+ border: "#e2e6e9",
2364
+ fg: "#464c58",
2365
+ muted: {
2366
+ fg: "#5e6573"
2367
+ },
2368
+ accent: {
2369
+ fg: "#ec4636"
2370
+ },
2371
+ link: {
2372
+ fg: "#0661fe"
2373
+ },
2374
+ code: {
2375
+ bg: "#f9f9fa",
2376
+ fg: "#5e6573"
2377
+ },
2378
+ skeleton: {
2379
+ from: "#f3f4f6",
2380
+ to: "rgba(243,244,246,0.5)"
2381
+ }
2382
+ },
2383
+ disabled: {
2384
+ bg: "#ffffff",
2385
+ bg2: "#f9f9fa",
2386
+ border: "#f9f9fa",
2387
+ fg: "#e2e6e9",
2388
+ muted: {
2389
+ fg: "#f3f4f6"
2390
+ },
2391
+ accent: {
2392
+ fg: "#f3f4f6"
2393
+ },
2394
+ link: {
2395
+ fg: "#f3f4f6"
2396
+ },
2397
+ code: {
2398
+ bg: "#ffffff",
2399
+ fg: "#f3f4f6"
2400
+ },
2401
+ skeleton: {
2402
+ from: "rgba(243,244,246,0.5)",
2403
+ to: "rgba(243,244,246,0.25)"
2404
+ }
2405
+ },
2406
+ hovered: {
2407
+ bg: "#5e6573",
2408
+ bg2: "#6d7482",
2409
+ border: "#5e6573",
2410
+ fg: "#ffffff",
2411
+ muted: {
2412
+ fg: "#e2e6e9"
2413
+ },
2414
+ accent: {
2415
+ fg: "#fce0e0"
2416
+ },
2417
+ link: {
2418
+ fg: "#dcedff"
2419
+ },
2420
+ code: {
2421
+ bg: "#5c6371",
2422
+ fg: "#e2e6e9"
2423
+ },
2424
+ skeleton: {
2425
+ from: "#7d8596",
2426
+ to: "rgba(125,133,150,0.5)"
2427
+ }
2428
+ },
2429
+ pressed: {
2430
+ bg: "#31353f",
2431
+ bg2: "#444954",
2432
+ border: "#31353f",
2433
+ fg: "#ffffff",
2434
+ muted: {
2435
+ fg: "#e2e6e9"
2436
+ },
2437
+ accent: {
2438
+ fg: "#fcd7d4"
2439
+ },
2440
+ link: {
2441
+ fg: "#d2e7ff"
2442
+ },
2443
+ code: {
2444
+ bg: "#30343e",
2445
+ fg: "#e2e6e9"
2446
+ },
2447
+ skeleton: {
2448
+ from: "#595f6e",
2449
+ to: "rgba(89,95,110,0.5)"
2450
+ }
2451
+ },
2452
+ selected: {
2453
+ bg: "#073392",
2454
+ bg2: "#1346a5",
2455
+ border: "#073392",
2456
+ fg: "#ffffff",
2457
+ muted: {
2458
+ fg: "#c7e1ff"
2459
+ },
2460
+ accent: {
2461
+ fg: "#fbd6e7"
2462
+ },
2463
+ link: {
2464
+ fg: "#c9e7ff"
2465
+ },
2466
+ code: {
2467
+ bg: "#073292",
2468
+ fg: "#c7e1ff"
2469
+ },
2470
+ skeleton: {
2471
+ from: "#0e5cd0",
2472
+ to: "rgba(14,92,208,0.5)"
2473
+ }
2474
+ }
2475
+ },
2476
+ primary: {
2477
+ enabled: {
2478
+ bg: "#ffffff",
2479
+ bg2: "#f5faff",
2480
+ border: "#e2e6e9",
2481
+ fg: "#0345c9",
2482
+ muted: {
2483
+ fg: "#0661fe"
2484
+ },
2485
+ accent: {
2486
+ fg: "#ec4636"
2487
+ },
2488
+ link: {
2489
+ fg: "#0661fe"
2490
+ },
2491
+ code: {
2492
+ bg: "#f5faff",
2493
+ fg: "#0661fe"
2494
+ },
2495
+ skeleton: {
2496
+ from: "#e5f1ff",
2497
+ to: "rgba(229,241,255,0.5)"
2498
+ }
2499
+ },
2500
+ disabled: {
2501
+ bg: "#ffffff",
2502
+ bg2: "#f9f9fa",
2503
+ border: "#f9f9fa",
2504
+ fg: "#e2e6e9",
2505
+ muted: {
2506
+ fg: "#f3f4f6"
2507
+ },
2508
+ accent: {
2509
+ fg: "#f3f4f6"
2510
+ },
2511
+ link: {
2512
+ fg: "#f3f4f6"
2513
+ },
2514
+ code: {
2515
+ bg: "#ffffff",
2516
+ fg: "#f3f4f6"
2517
+ },
2518
+ skeleton: {
2519
+ from: "rgba(243,244,246,0.5)",
2520
+ to: "rgba(243,244,246,0.25)"
2521
+ }
2522
+ },
2523
+ hovered: {
2524
+ bg: "#0661fe",
2525
+ bg2: "#1270fe",
2526
+ border: "#0661fe",
2527
+ fg: "#ffffff",
2528
+ muted: {
2529
+ fg: "#c7e1ff"
2530
+ },
2531
+ accent: {
2532
+ fg: "#fbdfff"
2533
+ },
2534
+ link: {
2535
+ fg: "#c8ecff"
2536
+ },
2537
+ code: {
2538
+ bg: "#065ffe",
2539
+ fg: "#c7e1ff"
2540
+ },
2541
+ skeleton: {
2542
+ from: "#0d81ff",
2543
+ to: "rgba(13,129,255,0.5)"
2544
+ }
2545
+ },
2546
+ pressed: {
2547
+ bg: "#073392",
2548
+ bg2: "#1346a5",
2549
+ border: "#073392",
2550
+ fg: "#ffffff",
2551
+ muted: {
2552
+ fg: "#c7e1ff"
2553
+ },
2554
+ accent: {
2555
+ fg: "#fbd6e7"
2556
+ },
2557
+ link: {
2558
+ fg: "#c9e7ff"
2559
+ },
2560
+ code: {
2561
+ bg: "#073292",
2562
+ fg: "#c7e1ff"
2563
+ },
2564
+ skeleton: {
2565
+ from: "#0e5cd0",
2566
+ to: "rgba(14,92,208,0.5)"
2567
+ }
2568
+ },
2569
+ selected: {
2570
+ bg: "#073392",
2571
+ bg2: "#1346a5",
2572
+ border: "#073392",
2573
+ fg: "#ffffff",
2574
+ muted: {
2575
+ fg: "#c7e1ff"
2576
+ },
2577
+ accent: {
2578
+ fg: "#fbd6e7"
2579
+ },
2580
+ link: {
2581
+ fg: "#c9e7ff"
2582
+ },
2583
+ code: {
2584
+ bg: "#073292",
2585
+ fg: "#c7e1ff"
2586
+ },
2587
+ skeleton: {
2588
+ from: "#0e5cd0",
2589
+ to: "rgba(14,92,208,0.5)"
2590
+ }
2591
+ }
2592
+ },
2593
+ positive: {
2594
+ enabled: {
2595
+ bg: "#ffffff",
2596
+ bg2: "#f3fcf6",
2597
+ border: "#e2e6e9",
2598
+ fg: "#167941",
2599
+ muted: {
2600
+ fg: "#1ba755"
2601
+ },
2602
+ accent: {
2603
+ fg: "#ec4636"
2604
+ },
2605
+ link: {
2606
+ fg: "#0661fe"
2607
+ },
2608
+ code: {
2609
+ bg: "#f3fcf6",
2610
+ fg: "#1ba755"
2611
+ },
2612
+ skeleton: {
2613
+ from: "#dff6e9",
2614
+ to: "rgba(223,246,233,0.5)"
2615
+ }
2616
+ },
2617
+ disabled: {
2618
+ bg: "#ffffff",
2619
+ bg2: "#f9f9fa",
2620
+ border: "#f9f9fa",
2621
+ fg: "#e2e6e9",
2622
+ muted: {
2623
+ fg: "#f3f4f6"
2624
+ },
2625
+ accent: {
2626
+ fg: "#f3f4f6"
2627
+ },
2628
+ link: {
2629
+ fg: "#f3f4f6"
2630
+ },
2631
+ code: {
2632
+ bg: "#ffffff",
2633
+ fg: "#f3f4f6"
2634
+ },
2635
+ skeleton: {
2636
+ from: "rgba(243,244,246,0.5)",
2637
+ to: "rgba(243,244,246,0.25)"
2638
+ }
2639
+ },
2640
+ hovered: {
2641
+ bg: "#1ba755",
2642
+ bg2: "#2bb266",
2643
+ border: "#1ba755",
2644
+ fg: "#ffffff",
2645
+ muted: {
2646
+ fg: "#b1eccb"
2647
+ },
2648
+ accent: {
2649
+ fg: "#fbedd9"
2650
+ },
2651
+ link: {
2652
+ fg: "#cdf5ff"
2653
+ },
2654
+ code: {
2655
+ bg: "#1aa552",
2656
+ fg: "#b1eccb"
2657
+ },
2658
+ skeleton: {
2659
+ from: "#2bc272",
2660
+ to: "rgba(43,194,114,0.5)"
2661
+ }
2662
+ },
2663
+ pressed: {
2664
+ bg: "#124e2b",
2665
+ bg2: "#236541",
2666
+ border: "#124e2b",
2667
+ fg: "#ffffff",
2668
+ muted: {
2669
+ fg: "#b1eccb"
2670
+ },
2671
+ accent: {
2672
+ fg: "#fbdcd0"
2673
+ },
2674
+ link: {
2675
+ fg: "#cbeaff"
2676
+ },
2677
+ code: {
2678
+ bg: "#114d29",
2679
+ fg: "#b1eccb"
2680
+ },
2681
+ skeleton: {
2682
+ from: "#23844f",
2683
+ to: "rgba(35,132,79,0.5)"
2684
+ }
2685
+ },
2686
+ selected: {
2687
+ bg: "#124e2b",
2688
+ bg2: "#236541",
2689
+ border: "#124e2b",
2690
+ fg: "#ffffff",
2691
+ muted: {
2692
+ fg: "#b1eccb"
2693
+ },
2694
+ accent: {
2695
+ fg: "#fbdcd0"
2696
+ },
2697
+ link: {
2698
+ fg: "#cbeaff"
2699
+ },
2700
+ code: {
2701
+ bg: "#114d29",
2702
+ fg: "#b1eccb"
2703
+ },
2704
+ skeleton: {
2705
+ from: "#23844f",
2706
+ to: "rgba(35,132,79,0.5)"
2707
+ }
2708
+ }
2709
+ },
2710
+ caution: {
2711
+ enabled: {
2712
+ bg: "#ffffff",
2713
+ bg2: "#fffdf0",
2714
+ border: "#e2e6e9",
2715
+ fg: "#98670b",
2716
+ muted: {
2717
+ fg: "#cb920b"
2718
+ },
2719
+ accent: {
2720
+ fg: "#ec4636"
2721
+ },
2722
+ link: {
2723
+ fg: "#0661fe"
2724
+ },
2725
+ code: {
2726
+ bg: "#fffdf0",
2727
+ fg: "#cb920b"
2728
+ },
2729
+ skeleton: {
2730
+ from: "#fef7cd",
2731
+ to: "rgba(254,247,205,0.5)"
2732
+ }
2733
+ },
2734
+ disabled: {
2735
+ bg: "#ffffff",
2736
+ bg2: "#f9f9fa",
2737
+ border: "#f9f9fa",
2738
+ fg: "#e2e6e9",
2739
+ muted: {
2740
+ fg: "#f3f4f6"
2741
+ },
2742
+ accent: {
2743
+ fg: "#f3f4f6"
2744
+ },
2745
+ link: {
2746
+ fg: "#f3f4f6"
2747
+ },
2748
+ code: {
2749
+ bg: "#ffffff",
2750
+ fg: "#f3f4f6"
2751
+ },
2752
+ skeleton: {
2753
+ from: "rgba(243,244,246,0.5)",
2754
+ to: "rgba(243,244,246,0.25)"
2755
+ }
2756
+ },
2757
+ hovered: {
2758
+ bg: "#cb920b",
2759
+ bg2: "#d29c1d",
2760
+ border: "#cb920b",
2761
+ fg: "#ffffff",
2762
+ muted: {
2763
+ fg: "#fbf1a7"
2764
+ },
2765
+ accent: {
2766
+ fg: "#fee9c8"
2767
+ },
2768
+ link: {
2769
+ fg: "#f4f2ff"
2770
+ },
2771
+ code: {
2772
+ bg: "#cb910a",
2773
+ fg: "#fbf1a7"
2774
+ },
2775
+ skeleton: {
2776
+ from: "#e0ad16",
2777
+ to: "rgba(224,173,22,0.5)"
2778
+ }
2779
+ },
2780
+ pressed: {
2781
+ bg: "#65400b",
2782
+ bg2: "#78521d",
2783
+ border: "#65400b",
2784
+ fg: "#ffffff",
2785
+ muted: {
2786
+ fg: "#fbf1a7"
2787
+ },
2788
+ accent: {
2789
+ fg: "#fdd9c8"
2790
+ },
2791
+ link: {
2792
+ fg: "#dde9ff"
2793
+ },
2794
+ code: {
2795
+ bg: "#653f0a",
2796
+ fg: "#fbf1a7"
2797
+ },
2798
+ skeleton: {
2799
+ from: "#a27016",
2800
+ to: "rgba(162,112,22,0.5)"
2801
+ }
2802
+ },
2803
+ selected: {
2804
+ bg: "#65400b",
2805
+ bg2: "#78521d",
2806
+ border: "#65400b",
2807
+ fg: "#ffffff",
2808
+ muted: {
2809
+ fg: "#fbf1a7"
2810
+ },
2811
+ accent: {
2812
+ fg: "#fdd9c8"
2813
+ },
2814
+ link: {
2815
+ fg: "#dde9ff"
2816
+ },
2817
+ code: {
2818
+ bg: "#653f0a",
2819
+ fg: "#fbf1a7"
2820
+ },
2821
+ skeleton: {
2822
+ from: "#a27016",
2823
+ to: "rgba(162,112,22,0.5)"
2824
+ }
2825
+ }
2826
+ },
2827
+ critical: {
2828
+ enabled: {
2829
+ bg: "#ffffff",
2830
+ bg2: "#fff5f5",
2831
+ border: "#e2e6e9",
2832
+ fg: "#a52112",
2833
+ muted: {
2834
+ fg: "#d72414"
2835
+ },
2836
+ accent: {
2837
+ fg: "#ec4636"
2838
+ },
2839
+ link: {
2840
+ fg: "#0661fe"
2841
+ },
2842
+ code: {
2843
+ bg: "#fff5f5",
2844
+ fg: "#d72414"
2845
+ },
2846
+ skeleton: {
2847
+ from: "#fee8e7",
2848
+ to: "rgba(254,232,231,0.5)"
2849
+ }
2850
+ },
2851
+ disabled: {
2852
+ bg: "#ffffff",
2853
+ bg2: "#f9f9fa",
2854
+ border: "#f9f9fa",
2855
+ fg: "#e2e6e9",
2856
+ muted: {
2857
+ fg: "#f3f4f6"
2858
+ },
2859
+ accent: {
2860
+ fg: "#f3f4f6"
2861
+ },
2862
+ link: {
2863
+ fg: "#f3f4f6"
2864
+ },
2865
+ code: {
2866
+ bg: "#ffffff",
2867
+ fg: "#f3f4f6"
2868
+ },
2869
+ skeleton: {
2870
+ from: "rgba(243,244,246,0.5)",
2871
+ to: "rgba(243,244,246,0.25)"
2872
+ }
2873
+ },
2874
+ hovered: {
2875
+ bg: "#d72414",
2876
+ bg2: "#dd3526",
2877
+ border: "#d72414",
2878
+ fg: "#ffffff",
2879
+ muted: {
2880
+ fg: "#fbccc6"
2881
+ },
2882
+ accent: {
2883
+ fg: "#fed3ca"
2884
+ },
2885
+ link: {
2886
+ fg: "#f6e5ff"
2887
+ },
2888
+ code: {
2889
+ bg: "#d72313",
2890
+ fg: "#fbccc6"
2891
+ },
2892
+ skeleton: {
2893
+ from: "#e83a24",
2894
+ to: "rgba(232,58,36,0.5)"
2895
+ }
2896
+ },
2897
+ pressed: {
2898
+ bg: "#6f1a11",
2899
+ bg2: "#842c23",
2900
+ border: "#6f1a11",
2901
+ fg: "#ffffff",
2902
+ muted: {
2903
+ fg: "#fbccc6"
2904
+ },
2905
+ accent: {
2906
+ fg: "#fdd1ca"
2907
+ },
2908
+ link: {
2909
+ fg: "#dfe4ff"
2910
+ },
2911
+ code: {
2912
+ bg: "#6f1910",
2913
+ fg: "#fbccc6"
2914
+ },
2915
+ skeleton: {
2916
+ from: "#ae3121",
2917
+ to: "rgba(174,49,33,0.5)"
2918
+ }
2919
+ },
2920
+ selected: {
2921
+ bg: "#6f1a11",
2922
+ bg2: "#842c23",
2923
+ border: "#6f1a11",
2924
+ fg: "#ffffff",
2925
+ muted: {
2926
+ fg: "#fbccc6"
2927
+ },
2928
+ accent: {
2929
+ fg: "#fdd1ca"
2930
+ },
2931
+ link: {
2932
+ fg: "#dfe4ff"
2933
+ },
2934
+ code: {
2935
+ bg: "#6f1910",
2936
+ fg: "#fbccc6"
2937
+ },
2938
+ skeleton: {
2939
+ from: "#ae3121",
2940
+ to: "rgba(174,49,33,0.5)"
2941
+ }
2942
+ }
2943
+ }
2944
+ },
2945
+ bleed: {
2946
+ default: {
2947
+ enabled: {
2948
+ bg: "#ffffff",
2949
+ bg2: "#f9f9fa",
2950
+ border: "#ffffff",
2951
+ fg: "#464c58",
2952
+ muted: {
2953
+ fg: "#5e6573"
2954
+ },
2955
+ accent: {
2956
+ fg: "#ec4636"
2957
+ },
2958
+ link: {
2959
+ fg: "#0661fe"
2960
+ },
2961
+ code: {
2962
+ bg: "#f9f9fa",
2963
+ fg: "#5e6573"
2964
+ },
2965
+ skeleton: {
2966
+ from: "#f3f4f6",
2967
+ to: "rgba(243,244,246,0.5)"
2968
+ }
2969
+ },
2970
+ hovered: {
2971
+ bg: "#f9f9fa",
2972
+ bg2: "#f3f3f5",
2973
+ border: "#f9f9fa",
2974
+ fg: "#31353f",
2975
+ muted: {
2976
+ fg: "#5e6573"
2977
+ },
2978
+ accent: {
2979
+ fg: "#ec4636"
2980
+ },
2981
+ link: {
2982
+ fg: "#0661fe"
2983
+ },
2984
+ code: {
2985
+ bg: "#f3f3f5",
2986
+ fg: "#5e6573"
2987
+ },
2988
+ skeleton: {
2989
+ from: "#edeef1",
2990
+ to: "rgba(237,238,241,0.5)"
2991
+ }
2992
+ },
2993
+ pressed: {
2994
+ bg: "#e5f1ff",
2995
+ bg2: "#dcecff",
2996
+ border: "#e5f1ff",
2997
+ fg: "#073392",
2998
+ muted: {
2999
+ fg: "#0661fe"
3000
+ },
3001
+ accent: {
3002
+ fg: "#d44236"
3003
+ },
3004
+ link: {
3005
+ fg: "#055cfe"
3006
+ },
3007
+ code: {
3008
+ bg: "#dcecff",
3009
+ fg: "#0661fe"
3010
+ },
3011
+ skeleton: {
3012
+ from: "#cee4ff",
3013
+ to: "rgba(206,228,255,0.5)"
3014
+ }
3015
+ },
3016
+ selected: {
3017
+ bg: "#e5f1ff",
3018
+ bg2: "#dcecff",
3019
+ border: "#e5f1ff",
3020
+ fg: "#073392",
3021
+ muted: {
3022
+ fg: "#0661fe"
3023
+ },
3024
+ accent: {
3025
+ fg: "#d44236"
3026
+ },
3027
+ link: {
3028
+ fg: "#055cfe"
3029
+ },
3030
+ code: {
3031
+ bg: "#dcecff",
3032
+ fg: "#0661fe"
3033
+ },
3034
+ skeleton: {
3035
+ from: "#cee4ff",
3036
+ to: "rgba(206,228,255,0.5)"
3037
+ }
3038
+ },
3039
+ disabled: {
3040
+ bg: "#ffffff",
3041
+ bg2: "#f9f9fa",
3042
+ border: "#ffffff",
3043
+ fg: "#e2e6e9",
3044
+ muted: {
3045
+ fg: "#f3f4f6"
3046
+ },
3047
+ accent: {
3048
+ fg: "#f3f4f6"
3049
+ },
3050
+ link: {
3051
+ fg: "#f3f4f6"
3052
+ },
3053
+ code: {
3054
+ bg: "#ffffff",
3055
+ fg: "#f3f4f6"
3056
+ },
3057
+ skeleton: {
3058
+ from: "rgba(243,244,246,0.5)",
3059
+ to: "rgba(243,244,246,0.25)"
3060
+ }
3061
+ }
3062
+ },
3063
+ primary: {
3064
+ enabled: {
3065
+ bg: "#ffffff",
3066
+ bg2: "#f5faff",
3067
+ border: "#ffffff",
3068
+ fg: "#0345c9",
3069
+ muted: {
3070
+ fg: "#0661fe"
3071
+ },
3072
+ accent: {
3073
+ fg: "#ec4636"
3074
+ },
3075
+ link: {
3076
+ fg: "#0661fe"
3077
+ },
3078
+ code: {
3079
+ bg: "#f5faff",
3080
+ fg: "#0661fe"
3081
+ },
3082
+ skeleton: {
3083
+ from: "#e5f1ff",
3084
+ to: "rgba(229,241,255,0.5)"
3085
+ }
3086
+ },
3087
+ hovered: {
3088
+ bg: "#f5faff",
3089
+ bg2: "#ebf5ff",
3090
+ border: "#f5faff",
3091
+ fg: "#073392",
3092
+ muted: {
3093
+ fg: "#0661fe"
3094
+ },
3095
+ accent: {
3096
+ fg: "#ec4636"
3097
+ },
3098
+ link: {
3099
+ fg: "#0661fe"
3100
+ },
3101
+ code: {
3102
+ bg: "#ebf5ff",
3103
+ fg: "#0661fe"
3104
+ },
3105
+ skeleton: {
3106
+ from: "#dcecff",
3107
+ to: "rgba(220,236,255,0.5)"
3108
+ }
3109
+ },
3110
+ pressed: {
3111
+ bg: "#e5f1ff",
3112
+ bg2: "#dcecff",
3113
+ border: "#e5f1ff",
3114
+ fg: "#073392",
3115
+ muted: {
3116
+ fg: "#0661fe"
3117
+ },
3118
+ accent: {
3119
+ fg: "#d44236"
3120
+ },
3121
+ link: {
3122
+ fg: "#055cfe"
3123
+ },
3124
+ code: {
3125
+ bg: "#dcecff",
3126
+ fg: "#0661fe"
3127
+ },
3128
+ skeleton: {
3129
+ from: "#cee4ff",
3130
+ to: "rgba(206,228,255,0.5)"
3131
+ }
3132
+ },
3133
+ selected: {
3134
+ bg: "#e5f1ff",
3135
+ bg2: "#dcecff",
3136
+ border: "#e5f1ff",
3137
+ fg: "#073392",
3138
+ muted: {
3139
+ fg: "#0661fe"
3140
+ },
3141
+ accent: {
3142
+ fg: "#d44236"
3143
+ },
3144
+ link: {
3145
+ fg: "#055cfe"
3146
+ },
3147
+ code: {
3148
+ bg: "#dcecff",
3149
+ fg: "#0661fe"
3150
+ },
3151
+ skeleton: {
3152
+ from: "#cee4ff",
3153
+ to: "rgba(206,228,255,0.5)"
3154
+ }
3155
+ },
3156
+ disabled: {
3157
+ bg: "#ffffff",
3158
+ bg2: "#f9f9fa",
3159
+ border: "#ffffff",
3160
+ fg: "#e2e6e9",
3161
+ muted: {
3162
+ fg: "#f3f4f6"
3163
+ },
3164
+ accent: {
3165
+ fg: "#f3f4f6"
3166
+ },
3167
+ link: {
3168
+ fg: "#f3f4f6"
3169
+ },
3170
+ code: {
3171
+ bg: "#ffffff",
3172
+ fg: "#f3f4f6"
3173
+ },
3174
+ skeleton: {
3175
+ from: "rgba(243,244,246,0.5)",
3176
+ to: "rgba(243,244,246,0.25)"
3177
+ }
3178
+ }
3179
+ },
3180
+ positive: {
3181
+ enabled: {
3182
+ bg: "#ffffff",
3183
+ bg2: "#f3fcf6",
3184
+ border: "#ffffff",
3185
+ fg: "#167941",
3186
+ muted: {
3187
+ fg: "#1ba755"
3188
+ },
3189
+ accent: {
3190
+ fg: "#ec4636"
3191
+ },
3192
+ link: {
3193
+ fg: "#0661fe"
3194
+ },
3195
+ code: {
3196
+ bg: "#f3fcf6",
3197
+ fg: "#1ba755"
3198
+ },
3199
+ skeleton: {
3200
+ from: "#dff6e9",
3201
+ to: "rgba(223,246,233,0.5)"
3202
+ }
3203
+ },
3204
+ hovered: {
3205
+ bg: "#f3fcf6",
3206
+ bg2: "#e8f9ed",
3207
+ border: "#f3fcf6",
3208
+ fg: "#124e2b",
3209
+ muted: {
3210
+ fg: "#1ba755"
3211
+ },
3212
+ accent: {
3213
+ fg: "#ec4636"
3214
+ },
3215
+ link: {
3216
+ fg: "#0661fe"
3217
+ },
3218
+ code: {
3219
+ bg: "#e8f9ed",
3220
+ fg: "#1ba755"
3221
+ },
3222
+ skeleton: {
3223
+ from: "#d5f3e1",
3224
+ to: "rgba(213,243,225,0.5)"
3225
+ }
3226
+ },
3227
+ pressed: {
3228
+ bg: "#dff6e9",
3229
+ bg2: "#d5f3e1",
3230
+ border: "#dff6e9",
3231
+ fg: "#124e2b",
3232
+ muted: {
3233
+ fg: "#1ba755"
3234
+ },
3235
+ accent: {
3236
+ fg: "#ce4431"
3237
+ },
3238
+ link: {
3239
+ fg: "#055ee8"
3240
+ },
3241
+ code: {
3242
+ bg: "#d5f3e1",
3243
+ fg: "#1ba755"
3244
+ },
3245
+ skeleton: {
3246
+ from: "#c3edd5",
3247
+ to: "rgba(195,237,213,0.5)"
3248
+ }
3249
+ },
3250
+ selected: {
3251
+ bg: "#dff6e9",
3252
+ bg2: "#d5f3e1",
3253
+ border: "#dff6e9",
3254
+ fg: "#124e2b",
3255
+ muted: {
3256
+ fg: "#1ba755"
3257
+ },
3258
+ accent: {
3259
+ fg: "#ce4431"
3260
+ },
3261
+ link: {
3262
+ fg: "#055ee8"
3263
+ },
3264
+ code: {
3265
+ bg: "#d5f3e1",
3266
+ fg: "#1ba755"
3267
+ },
3268
+ skeleton: {
3269
+ from: "#c3edd5",
3270
+ to: "rgba(195,237,213,0.5)"
3271
+ }
3272
+ },
3273
+ disabled: {
3274
+ bg: "#ffffff",
3275
+ bg2: "#f9f9fa",
3276
+ border: "#ffffff",
3277
+ fg: "#e2e6e9",
3278
+ muted: {
3279
+ fg: "#f3f4f6"
3280
+ },
3281
+ accent: {
3282
+ fg: "#f3f4f6"
3283
+ },
3284
+ link: {
3285
+ fg: "#f3f4f6"
3286
+ },
3287
+ code: {
3288
+ bg: "#ffffff",
3289
+ fg: "#f3f4f6"
3290
+ },
3291
+ skeleton: {
3292
+ from: "rgba(243,244,246,0.5)",
3293
+ to: "rgba(243,244,246,0.25)"
3294
+ }
3295
+ }
3296
+ },
3297
+ caution: {
3298
+ enabled: {
3299
+ bg: "#ffffff",
3300
+ bg2: "#fffdf0",
3301
+ border: "#ffffff",
3302
+ fg: "#98670b",
3303
+ muted: {
3304
+ fg: "#cb920b"
3305
+ },
3306
+ accent: {
3307
+ fg: "#ec4636"
3308
+ },
3309
+ link: {
3310
+ fg: "#0661fe"
3311
+ },
3312
+ code: {
3313
+ bg: "#fffdf0",
3314
+ fg: "#cb920b"
3315
+ },
3316
+ skeleton: {
3317
+ from: "#fef7cd",
3318
+ to: "rgba(254,247,205,0.5)"
3319
+ }
3320
+ },
3321
+ hovered: {
3322
+ bg: "#fffdf0",
3323
+ bg2: "#fffbe2",
3324
+ border: "#fffdf0",
3325
+ fg: "#65400b",
3326
+ muted: {
3327
+ fg: "#cb920b"
3328
+ },
3329
+ accent: {
3330
+ fg: "#ec4636"
3331
+ },
3332
+ link: {
3333
+ fg: "#0661fe"
3334
+ },
3335
+ code: {
3336
+ bg: "#fffbe2",
3337
+ fg: "#cb920b"
3338
+ },
3339
+ skeleton: {
3340
+ from: "#fef5c1",
3341
+ to: "rgba(254,245,193,0.5)"
3342
+ }
3343
+ },
3344
+ pressed: {
3345
+ bg: "#fef7cd",
3346
+ bg2: "#fef5c1",
3347
+ border: "#fef7cd",
3348
+ fg: "#65400b",
3349
+ muted: {
3350
+ fg: "#cb920b"
3351
+ },
3352
+ accent: {
3353
+ fg: "#eb442b"
3354
+ },
3355
+ link: {
3356
+ fg: "#065ecc"
3357
+ },
3358
+ code: {
3359
+ bg: "#fef5c1",
3360
+ fg: "#cb920b"
3361
+ },
3362
+ skeleton: {
3363
+ from: "#fdefa5",
3364
+ to: "rgba(253,239,165,0.5)"
3365
+ }
3366
+ },
3367
+ selected: {
3368
+ bg: "#fef7cd",
3369
+ bg2: "#fef5c1",
3370
+ border: "#fef7cd",
3371
+ fg: "#65400b",
3372
+ muted: {
3373
+ fg: "#cb920b"
3374
+ },
3375
+ accent: {
3376
+ fg: "#eb442b"
3377
+ },
3378
+ link: {
3379
+ fg: "#065ecc"
3380
+ },
3381
+ code: {
3382
+ bg: "#fef5c1",
3383
+ fg: "#cb920b"
3384
+ },
3385
+ skeleton: {
3386
+ from: "#fdefa5",
3387
+ to: "rgba(253,239,165,0.5)"
3388
+ }
3389
+ },
3390
+ disabled: {
3391
+ bg: "#ffffff",
3392
+ bg2: "#f9f9fa",
3393
+ border: "#ffffff",
3394
+ fg: "#e2e6e9",
3395
+ muted: {
3396
+ fg: "#f3f4f6"
3397
+ },
3398
+ accent: {
3399
+ fg: "#f3f4f6"
3400
+ },
3401
+ link: {
3402
+ fg: "#f3f4f6"
3403
+ },
3404
+ code: {
3405
+ bg: "#ffffff",
3406
+ fg: "#f3f4f6"
3407
+ },
3408
+ skeleton: {
3409
+ from: "rgba(243,244,246,0.5)",
3410
+ to: "rgba(243,244,246,0.25)"
3411
+ }
3412
+ }
3413
+ },
3414
+ critical: {
3415
+ enabled: {
3416
+ bg: "#ffffff",
3417
+ bg2: "#fff5f5",
3418
+ border: "#ffffff",
3419
+ fg: "#a52112",
3420
+ muted: {
3421
+ fg: "#d72414"
3422
+ },
3423
+ accent: {
3424
+ fg: "#ec4636"
3425
+ },
3426
+ link: {
3427
+ fg: "#0661fe"
3428
+ },
3429
+ code: {
3430
+ bg: "#fff5f5",
3431
+ fg: "#d72414"
3432
+ },
3433
+ skeleton: {
3434
+ from: "#fee8e7",
3435
+ to: "rgba(254,232,231,0.5)"
3436
+ }
3437
+ },
3438
+ hovered: {
3439
+ bg: "#fff5f5",
3440
+ bg2: "#ffebeb",
3441
+ border: "#fff5f5",
3442
+ fg: "#6f1a11",
3443
+ muted: {
3444
+ fg: "#d72414"
3445
+ },
3446
+ accent: {
3447
+ fg: "#ec4636"
3448
+ },
3449
+ link: {
3450
+ fg: "#0661fe"
3451
+ },
3452
+ code: {
3453
+ bg: "#ffebeb",
3454
+ fg: "#d72414"
3455
+ },
3456
+ skeleton: {
3457
+ from: "#fedfde",
3458
+ to: "rgba(254,223,222,0.5)"
3459
+ }
3460
+ },
3461
+ pressed: {
3462
+ bg: "#fee8e7",
3463
+ bg2: "#fedfde",
3464
+ border: "#fee8e7",
3465
+ fg: "#6f1a11",
3466
+ muted: {
3467
+ fg: "#d72414"
3468
+ },
3469
+ accent: {
3470
+ fg: "#eb4031"
3471
+ },
3472
+ link: {
3473
+ fg: "#0658e6"
3474
+ },
3475
+ code: {
3476
+ bg: "#fedfde",
3477
+ fg: "#d72414"
3478
+ },
3479
+ skeleton: {
3480
+ from: "#fdd3d1",
3481
+ to: "rgba(253,211,209,0.5)"
3482
+ }
3483
+ },
3484
+ selected: {
3485
+ bg: "#fee8e7",
3486
+ bg2: "#fedfde",
3487
+ border: "#fee8e7",
3488
+ fg: "#6f1a11",
3489
+ muted: {
3490
+ fg: "#d72414"
3491
+ },
3492
+ accent: {
3493
+ fg: "#eb4031"
3494
+ },
3495
+ link: {
3496
+ fg: "#0658e6"
3497
+ },
3498
+ code: {
3499
+ bg: "#fedfde",
3500
+ fg: "#d72414"
3501
+ },
3502
+ skeleton: {
3503
+ from: "#fdd3d1",
3504
+ to: "rgba(253,211,209,0.5)"
3505
+ }
3506
+ },
3507
+ disabled: {
3508
+ bg: "#ffffff",
3509
+ bg2: "#f9f9fa",
3510
+ border: "#ffffff",
3511
+ fg: "#e2e6e9",
3512
+ muted: {
3513
+ fg: "#f3f4f6"
3514
+ },
3515
+ accent: {
3516
+ fg: "#f3f4f6"
3517
+ },
3518
+ link: {
3519
+ fg: "#f3f4f6"
3520
+ },
3521
+ code: {
3522
+ bg: "#ffffff",
3523
+ fg: "#f3f4f6"
3524
+ },
3525
+ skeleton: {
3526
+ from: "rgba(243,244,246,0.5)",
3527
+ to: "rgba(243,244,246,0.25)"
3528
+ }
3529
+ }
3530
+ }
3531
+ }
3532
+ },
3533
+ card: {
3534
+ enabled: {
3535
+ bg: "#ffffff",
3536
+ bg2: "#f9f9fa",
3537
+ fg: "#111213",
3538
+ border: "#e2e6e9",
3539
+ muted: {
3540
+ fg: "#5e6573"
3541
+ },
3542
+ accent: {
3543
+ fg: "#ec4636"
3544
+ },
3545
+ link: {
3546
+ fg: "#0661fe"
3547
+ },
3548
+ code: {
3549
+ bg: "#f9f9fa",
3550
+ fg: "#5e6573"
3551
+ },
3552
+ skeleton: {
3553
+ from: "#f3f4f6",
3554
+ to: "rgba(243,244,246,0.5)"
3555
+ }
3556
+ },
3557
+ disabled: {
3558
+ bg: "#ffffff",
3559
+ bg2: "#f9f9fa",
3560
+ border: "#f9f9fa",
3561
+ fg: "#e2e6e9",
3562
+ muted: {
3563
+ fg: "#f3f4f6"
3564
+ },
3565
+ accent: {
3566
+ fg: "#f3f4f6"
3567
+ },
3568
+ link: {
3569
+ fg: "#f3f4f6"
3570
+ },
3571
+ code: {
3572
+ bg: "#ffffff",
3573
+ fg: "#f3f4f6"
3574
+ },
3575
+ skeleton: {
3576
+ from: "rgba(243,244,246,0.5)",
3577
+ to: "rgba(243,244,246,0.25)"
3578
+ }
3579
+ },
3580
+ hovered: {
3581
+ bg: "#f9f9fa",
3582
+ bg2: "#f3f3f5",
3583
+ border: "#edeef1",
3584
+ fg: "#31353f",
3585
+ muted: {
3586
+ fg: "#5e6573"
3587
+ },
3588
+ accent: {
3589
+ fg: "#ec4636"
3590
+ },
3591
+ link: {
3592
+ fg: "#0661fe"
3593
+ },
3594
+ code: {
3595
+ bg: "#f3f3f5",
3596
+ fg: "#5e6573"
3597
+ },
3598
+ skeleton: {
3599
+ from: "#edeef1",
3600
+ to: "rgba(237,238,241,0.5)"
3601
+ }
3602
+ },
3603
+ pressed: {
3604
+ bg: "#e5f1ff",
3605
+ bg2: "#dcecff",
3606
+ border: "#cee4ff",
3607
+ fg: "#073392",
3608
+ muted: {
3609
+ fg: "#0661fe"
3610
+ },
3611
+ accent: {
3612
+ fg: "#d44236"
3613
+ },
3614
+ link: {
3615
+ fg: "#055cfe"
3616
+ },
3617
+ code: {
3618
+ bg: "#dcecff",
3619
+ fg: "#0661fe"
3620
+ },
3621
+ skeleton: {
3622
+ from: "#cee4ff",
3623
+ to: "rgba(206,228,255,0.5)"
3624
+ }
3625
+ },
3626
+ selected: {
3627
+ bg: "#388bff",
3628
+ bg2: "#4196ff",
3629
+ border: "#388bff",
3630
+ fg: "#ffffff",
3631
+ muted: {
3632
+ fg: "#e5f1ff"
3633
+ },
3634
+ accent: {
3635
+ fg: "#fef5ff"
3636
+ },
3637
+ link: {
3638
+ fg: "#ebf9ff"
3639
+ },
3640
+ code: {
3641
+ bg: "#3688ff",
3642
+ fg: "#e5f1ff"
3643
+ },
3644
+ skeleton: {
3645
+ from: "#3da2ff",
3646
+ to: "rgba(61,162,255,0.5)"
3647
+ }
3648
+ }
3649
+ },
3650
+ dark: false,
3651
+ input: {
3652
+ default: {
3653
+ enabled: {
3654
+ bg: "#ffffff",
3655
+ fg: "#111213",
3656
+ border: "#e2e6e9",
3657
+ placeholder: "#9aa1ac"
3658
+ },
3659
+ disabled: {
3660
+ bg: "#f9f9fa",
3661
+ fg: "#bec3cb",
3662
+ border: "#f3f4f6",
3663
+ placeholder: "#e2e6e9"
3664
+ },
3665
+ hovered: {
3666
+ bg: "#ffffff",
3667
+ fg: "#111213",
3668
+ border: "#bec3cb",
3669
+ placeholder: "#9aa1ac"
3670
+ },
3671
+ readOnly: {
3672
+ bg: "#f9f9fa",
3673
+ fg: "#31353f",
3674
+ border: "#e2e6e9",
3675
+ placeholder: "#9aa1ac"
3676
+ }
3677
+ },
3678
+ invalid: {
3679
+ enabled: {
3680
+ bg: "#fff5f5",
3681
+ fg: "#d72414",
3682
+ border: "#fbccc6",
3683
+ placeholder: "#f17165"
3684
+ },
3685
+ disabled: {
3686
+ bg: "#fff5f5",
3687
+ fg: "#d72414",
3688
+ border: "#fbccc6",
3689
+ placeholder: "#f17165"
3690
+ },
3691
+ hovered: {
3692
+ bg: "#fff5f5",
3693
+ fg: "#d72414",
3694
+ border: "#fbccc6",
3695
+ placeholder: "#f17165"
3696
+ },
3697
+ readOnly: {
3698
+ bg: "#fff5f5",
3699
+ fg: "#d72414",
3700
+ border: "#fbccc6",
3701
+ placeholder: "#f17165"
3702
+ }
3703
+ }
3704
+ },
3705
+ selectable: {
3706
+ default: {
3707
+ enabled: {
3708
+ bg: "#ffffff",
3709
+ bg2: "#f9f9fa",
3710
+ border: "#f3f4f6",
3711
+ fg: "#464c58",
3712
+ muted: {
3713
+ fg: "#5e6573"
3714
+ },
3715
+ accent: {
3716
+ fg: "#ec4636"
3717
+ },
3718
+ link: {
3719
+ fg: "#0661fe"
3720
+ },
3721
+ code: {
3722
+ bg: "#f9f9fa",
3723
+ fg: "#5e6573"
3724
+ },
3725
+ skeleton: {
3726
+ from: "#f3f4f6",
3727
+ to: "rgba(243,244,246,0.5)"
3728
+ }
3729
+ },
3730
+ hovered: {
3731
+ bg: "#f9f9fa",
3732
+ bg2: "#f3f3f5",
3733
+ border: "#edeef1",
3734
+ fg: "#31353f",
3735
+ muted: {
3736
+ fg: "#5e6573"
3737
+ },
3738
+ accent: {
3739
+ fg: "#ec4636"
3740
+ },
3741
+ link: {
3742
+ fg: "#0661fe"
3743
+ },
3744
+ code: {
3745
+ bg: "#f3f3f5",
3746
+ fg: "#5e6573"
3747
+ },
3748
+ skeleton: {
3749
+ from: "#edeef1",
3750
+ to: "rgba(237,238,241,0.5)"
3751
+ }
3752
+ },
3753
+ pressed: {
3754
+ bg: "#e5f1ff",
3755
+ bg2: "#dcecff",
3756
+ border: "#cee4ff",
3757
+ fg: "#073392",
3758
+ muted: {
3759
+ fg: "#0661fe"
3760
+ },
3761
+ accent: {
3762
+ fg: "#d44236"
3763
+ },
3764
+ link: {
3765
+ fg: "#055cfe"
3766
+ },
3767
+ code: {
3768
+ bg: "#dcecff",
3769
+ fg: "#0661fe"
3770
+ },
3771
+ skeleton: {
3772
+ from: "#cee4ff",
3773
+ to: "rgba(206,228,255,0.5)"
3774
+ }
3775
+ },
3776
+ selected: {
3777
+ bg: "#388bff",
3778
+ bg2: "#4196ff",
3779
+ border: "#388bff",
3780
+ fg: "#ffffff",
3781
+ muted: {
3782
+ fg: "#e5f1ff"
3783
+ },
3784
+ accent: {
3785
+ fg: "#fef5ff"
3786
+ },
3787
+ link: {
3788
+ fg: "#ebf9ff"
3789
+ },
3790
+ code: {
3791
+ bg: "#3688ff",
3792
+ fg: "#e5f1ff"
3793
+ },
3794
+ skeleton: {
3795
+ from: "#3da2ff",
3796
+ to: "rgba(61,162,255,0.5)"
3797
+ }
3798
+ },
3799
+ disabled: {
3800
+ bg: "#ffffff",
3801
+ bg2: "#f9f9fa",
3802
+ border: "#f9f9fa",
3803
+ fg: "#e2e6e9",
3804
+ muted: {
3805
+ fg: "#f3f4f6"
3806
+ },
3807
+ accent: {
3808
+ fg: "#f3f4f6"
3809
+ },
3810
+ link: {
3811
+ fg: "#f3f4f6"
3812
+ },
3813
+ code: {
3814
+ bg: "#ffffff",
3815
+ fg: "#f3f4f6"
3816
+ },
3817
+ skeleton: {
3818
+ from: "rgba(243,244,246,0.5)",
3819
+ to: "rgba(243,244,246,0.25)"
3820
+ }
3821
+ }
3822
+ },
3823
+ primary: {
3824
+ enabled: {
3825
+ bg: "#ffffff",
3826
+ bg2: "#f5faff",
3827
+ border: "#e5f1ff",
3828
+ fg: "#0345c9",
3829
+ muted: {
3830
+ fg: "#0661fe"
3831
+ },
3832
+ accent: {
3833
+ fg: "#ec4636"
3834
+ },
3835
+ link: {
3836
+ fg: "#0661fe"
3837
+ },
3838
+ code: {
3839
+ bg: "#f5faff",
3840
+ fg: "#0661fe"
3841
+ },
3842
+ skeleton: {
3843
+ from: "#e5f1ff",
3844
+ to: "rgba(229,241,255,0.5)"
3845
+ }
3846
+ },
3847
+ hovered: {
3848
+ bg: "#f5faff",
3849
+ bg2: "#ebf5ff",
3850
+ border: "#dcecff",
3851
+ fg: "#073392",
3852
+ muted: {
3853
+ fg: "#0661fe"
3854
+ },
3855
+ accent: {
3856
+ fg: "#ec4636"
3857
+ },
3858
+ link: {
3859
+ fg: "#0661fe"
3860
+ },
3861
+ code: {
3862
+ bg: "#ebf5ff",
3863
+ fg: "#0661fe"
3864
+ },
3865
+ skeleton: {
3866
+ from: "#dcecff",
3867
+ to: "rgba(220,236,255,0.5)"
3868
+ }
3869
+ },
3870
+ pressed: {
3871
+ bg: "#e5f1ff",
3872
+ bg2: "#dcecff",
3873
+ border: "#cee4ff",
3874
+ fg: "#073392",
3875
+ muted: {
3876
+ fg: "#0661fe"
3877
+ },
3878
+ accent: {
3879
+ fg: "#d44236"
3880
+ },
3881
+ link: {
3882
+ fg: "#055cfe"
3883
+ },
3884
+ code: {
3885
+ bg: "#dcecff",
3886
+ fg: "#0661fe"
3887
+ },
3888
+ skeleton: {
3889
+ from: "#cee4ff",
3890
+ to: "rgba(206,228,255,0.5)"
3891
+ }
3892
+ },
3893
+ selected: {
3894
+ bg: "#388bff",
3895
+ bg2: "#4196ff",
3896
+ border: "#388bff",
3897
+ fg: "#ffffff",
3898
+ muted: {
3899
+ fg: "#e5f1ff"
3900
+ },
3901
+ accent: {
3902
+ fg: "#fef5ff"
3903
+ },
3904
+ link: {
3905
+ fg: "#ebf9ff"
3906
+ },
3907
+ code: {
3908
+ bg: "#3688ff",
3909
+ fg: "#e5f1ff"
3910
+ },
3911
+ skeleton: {
3912
+ from: "#3da2ff",
3913
+ to: "rgba(61,162,255,0.5)"
3914
+ }
3915
+ },
3916
+ disabled: {
3917
+ bg: "#ffffff",
3918
+ bg2: "#f9f9fa",
3919
+ border: "#f9f9fa",
3920
+ fg: "#e2e6e9",
3921
+ muted: {
3922
+ fg: "#f3f4f6"
3923
+ },
3924
+ accent: {
3925
+ fg: "#f3f4f6"
3926
+ },
3927
+ link: {
3928
+ fg: "#f3f4f6"
3929
+ },
3930
+ code: {
3931
+ bg: "#ffffff",
3932
+ fg: "#f3f4f6"
3933
+ },
3934
+ skeleton: {
3935
+ from: "rgba(243,244,246,0.5)",
3936
+ to: "rgba(243,244,246,0.25)"
3937
+ }
3938
+ }
3939
+ },
3940
+ positive: {
3941
+ enabled: {
3942
+ bg: "#ffffff",
3943
+ bg2: "#f3fcf6",
3944
+ border: "#dff6e9",
3945
+ fg: "#167941",
3946
+ muted: {
3947
+ fg: "#1ba755"
3948
+ },
3949
+ accent: {
3950
+ fg: "#ec4636"
3951
+ },
3952
+ link: {
3953
+ fg: "#0661fe"
3954
+ },
3955
+ code: {
3956
+ bg: "#f3fcf6",
3957
+ fg: "#1ba755"
3958
+ },
3959
+ skeleton: {
3960
+ from: "#dff6e9",
3961
+ to: "rgba(223,246,233,0.5)"
3962
+ }
3963
+ },
3964
+ hovered: {
3965
+ bg: "#f3fcf6",
3966
+ bg2: "#e8f9ed",
3967
+ border: "#d5f3e1",
3968
+ fg: "#124e2b",
3969
+ muted: {
3970
+ fg: "#1ba755"
3971
+ },
3972
+ accent: {
3973
+ fg: "#ec4636"
3974
+ },
3975
+ link: {
3976
+ fg: "#0661fe"
3977
+ },
3978
+ code: {
3979
+ bg: "#e8f9ed",
3980
+ fg: "#1ba755"
3981
+ },
3982
+ skeleton: {
3983
+ from: "#d5f3e1",
3984
+ to: "rgba(213,243,225,0.5)"
3985
+ }
3986
+ },
3987
+ pressed: {
3988
+ bg: "#dff6e9",
3989
+ bg2: "#d5f3e1",
3990
+ border: "#c3edd5",
3991
+ fg: "#124e2b",
3992
+ muted: {
3993
+ fg: "#1ba755"
3994
+ },
3995
+ accent: {
3996
+ fg: "#ce4431"
3997
+ },
3998
+ link: {
3999
+ fg: "#055ee8"
4000
+ },
4001
+ code: {
4002
+ bg: "#d5f3e1",
4003
+ fg: "#1ba755"
4004
+ },
4005
+ skeleton: {
4006
+ from: "#c3edd5",
4007
+ to: "rgba(195,237,213,0.5)"
4008
+ }
4009
+ },
4010
+ selected: {
4011
+ bg: "#21d46c",
4012
+ bg2: "#31da7b",
4013
+ border: "#21d46c",
4014
+ fg: "#ffffff",
4015
+ muted: {
4016
+ fg: "#dff6e9"
4017
+ },
4018
+ accent: {
4019
+ fg: "#fefbf1"
4020
+ },
4021
+ link: {
4022
+ fg: "#e8fdff"
4023
+ },
4024
+ code: {
4025
+ bg: "#1fd268",
4026
+ fg: "#dff6e9"
4027
+ },
4028
+ skeleton: {
4029
+ from: "#31e185",
4030
+ to: "rgba(49,225,133,0.5)"
4031
+ }
4032
+ },
4033
+ disabled: {
4034
+ bg: "#ffffff",
4035
+ bg2: "#f9f9fa",
4036
+ border: "#f9f9fa",
4037
+ fg: "#e2e6e9",
4038
+ muted: {
4039
+ fg: "#f3f4f6"
4040
+ },
4041
+ accent: {
4042
+ fg: "#f3f4f6"
4043
+ },
4044
+ link: {
4045
+ fg: "#f3f4f6"
4046
+ },
4047
+ code: {
4048
+ bg: "#ffffff",
4049
+ fg: "#f3f4f6"
4050
+ },
4051
+ skeleton: {
4052
+ from: "rgba(243,244,246,0.5)",
4053
+ to: "rgba(243,244,246,0.25)"
4054
+ }
4055
+ }
4056
+ },
4057
+ caution: {
4058
+ enabled: {
4059
+ bg: "#ffffff",
4060
+ bg2: "#fffdf0",
4061
+ border: "#fef7cd",
4062
+ fg: "#98670b",
4063
+ muted: {
4064
+ fg: "#cb920b"
4065
+ },
4066
+ accent: {
4067
+ fg: "#ec4636"
4068
+ },
4069
+ link: {
4070
+ fg: "#0661fe"
4071
+ },
4072
+ code: {
4073
+ bg: "#fffdf0",
4074
+ fg: "#cb920b"
4075
+ },
4076
+ skeleton: {
4077
+ from: "#fef7cd",
4078
+ to: "rgba(254,247,205,0.5)"
4079
+ }
4080
+ },
4081
+ hovered: {
4082
+ bg: "#fffdf0",
4083
+ bg2: "#fffbe2",
4084
+ border: "#fef5c1",
4085
+ fg: "#65400b",
4086
+ muted: {
4087
+ fg: "#cb920b"
4088
+ },
4089
+ accent: {
4090
+ fg: "#ec4636"
4091
+ },
4092
+ link: {
4093
+ fg: "#0661fe"
4094
+ },
4095
+ code: {
4096
+ bg: "#fffbe2",
4097
+ fg: "#cb920b"
4098
+ },
4099
+ skeleton: {
4100
+ from: "#fef5c1",
4101
+ to: "rgba(254,245,193,0.5)"
4102
+ }
4103
+ },
4104
+ pressed: {
4105
+ bg: "#fef7cd",
4106
+ bg2: "#fef5c1",
4107
+ border: "#fdefa5",
4108
+ fg: "#65400b",
4109
+ muted: {
4110
+ fg: "#cb920b"
4111
+ },
4112
+ accent: {
4113
+ fg: "#eb442b"
4114
+ },
4115
+ link: {
4116
+ fg: "#065ecc"
4117
+ },
4118
+ code: {
4119
+ bg: "#fef5c1",
4120
+ fg: "#cb920b"
4121
+ },
4122
+ skeleton: {
4123
+ from: "#fdefa5",
4124
+ to: "rgba(253,239,165,0.5)"
4125
+ }
4126
+ },
4127
+ selected: {
4128
+ bg: "#f3bc16",
4129
+ bg2: "#f5c227",
4130
+ border: "#f3bc16",
4131
+ fg: "#ffffff",
4132
+ muted: {
4133
+ fg: "#fef7cd"
4134
+ },
4135
+ accent: {
4136
+ fg: "#fff9e9"
4137
+ },
4138
+ link: {
4139
+ fg: "#fefbff"
4140
+ },
4141
+ code: {
4142
+ bg: "#f3bb15",
4143
+ fg: "#fef7cd"
4144
+ },
4145
+ skeleton: {
4146
+ from: "#f8cd20",
4147
+ to: "rgba(248,205,32,0.5)"
4148
+ }
4149
+ },
4150
+ disabled: {
4151
+ bg: "#ffffff",
4152
+ bg2: "#f9f9fa",
4153
+ border: "#f9f9fa",
4154
+ fg: "#e2e6e9",
4155
+ muted: {
4156
+ fg: "#f3f4f6"
4157
+ },
4158
+ accent: {
4159
+ fg: "#f3f4f6"
4160
+ },
4161
+ link: {
4162
+ fg: "#f3f4f6"
4163
+ },
4164
+ code: {
4165
+ bg: "#ffffff",
4166
+ fg: "#f3f4f6"
4167
+ },
4168
+ skeleton: {
4169
+ from: "rgba(243,244,246,0.5)",
4170
+ to: "rgba(243,244,246,0.25)"
4171
+ }
4172
+ }
4173
+ },
4174
+ critical: {
4175
+ enabled: {
4176
+ bg: "#ffffff",
4177
+ bg2: "#fff5f5",
4178
+ border: "#fee8e7",
4179
+ fg: "#a52112",
4180
+ muted: {
4181
+ fg: "#d72414"
4182
+ },
4183
+ accent: {
4184
+ fg: "#ec4636"
4185
+ },
4186
+ link: {
4187
+ fg: "#0661fe"
4188
+ },
4189
+ code: {
4190
+ bg: "#fff5f5",
4191
+ fg: "#d72414"
4192
+ },
4193
+ skeleton: {
4194
+ from: "#fee8e7",
4195
+ to: "rgba(254,232,231,0.5)"
4196
+ }
4197
+ },
4198
+ hovered: {
4199
+ bg: "#fff5f5",
4200
+ bg2: "#ffebeb",
4201
+ border: "#fedfde",
4202
+ fg: "#6f1a11",
4203
+ muted: {
4204
+ fg: "#d72414"
4205
+ },
4206
+ accent: {
4207
+ fg: "#ec4636"
4208
+ },
4209
+ link: {
4210
+ fg: "#0661fe"
4211
+ },
4212
+ code: {
4213
+ bg: "#ffebeb",
4214
+ fg: "#d72414"
4215
+ },
4216
+ skeleton: {
4217
+ from: "#fedfde",
4218
+ to: "rgba(254,223,222,0.5)"
4219
+ }
4220
+ },
4221
+ pressed: {
4222
+ bg: "#fee8e7",
4223
+ bg2: "#fedfde",
4224
+ border: "#fdd3d1",
4225
+ fg: "#6f1a11",
4226
+ muted: {
4227
+ fg: "#d72414"
4228
+ },
4229
+ accent: {
4230
+ fg: "#eb4031"
4231
+ },
4232
+ link: {
4233
+ fg: "#0658e6"
4234
+ },
4235
+ code: {
4236
+ bg: "#fedfde",
4237
+ fg: "#d72414"
4238
+ },
4239
+ skeleton: {
4240
+ from: "#fdd3d1",
4241
+ to: "rgba(253,211,209,0.5)"
4242
+ }
4243
+ },
4244
+ selected: {
4245
+ bg: "#ec4636",
4246
+ bg2: "#ef5545",
4247
+ border: "#ec4636",
4248
+ fg: "#ffffff",
4249
+ muted: {
4250
+ fg: "#fee8e7"
4251
+ },
4252
+ accent: {
4253
+ fg: "#ffeeec"
4254
+ },
4255
+ link: {
4256
+ fg: "#fdf5ff"
4257
+ },
4258
+ code: {
4259
+ bg: "#ec4334",
4260
+ fg: "#fee8e7"
4261
+ },
4262
+ skeleton: {
4263
+ from: "#f45943",
4264
+ to: "rgba(244,89,67,0.5)"
4265
+ }
4266
+ },
4267
+ disabled: {
4268
+ bg: "#ffffff",
4269
+ bg2: "#f9f9fa",
4270
+ border: "#f9f9fa",
4271
+ fg: "#e2e6e9",
4272
+ muted: {
4273
+ fg: "#f3f4f6"
4274
+ },
4275
+ accent: {
4276
+ fg: "#f3f4f6"
4277
+ },
4278
+ link: {
4279
+ fg: "#f3f4f6"
4280
+ },
4281
+ code: {
4282
+ bg: "#ffffff",
4283
+ fg: "#f3f4f6"
4284
+ },
4285
+ skeleton: {
4286
+ from: "rgba(243,244,246,0.5)",
4287
+ to: "rgba(243,244,246,0.25)"
4288
+ }
4289
+ }
4290
+ }
4291
+ },
4292
+ spot: {
4293
+ gray: "#788191",
4294
+ blue: "#388bff",
4295
+ purple: "#a065d7",
4296
+ magenta: "#ea3e77",
4297
+ red: "#ec4636",
4298
+ orange: "#ef6115",
4299
+ yellow: "#f3bc16",
4300
+ green: "#21d46c",
4301
+ cyan: "#0ecff1"
4302
+ },
4303
+ syntax: {
4304
+ atrule: "#843dc7",
4305
+ attrName: "#1ba755",
4306
+ attrValue: "#cb920b",
4307
+ attribute: "#cb920b",
4308
+ boolean: "#843dc7",
4309
+ builtin: "#843dc7",
4310
+ cdata: "#cb920b",
4311
+ char: "#cb920b",
4312
+ class: "#c24e0f",
4313
+ className: "#0e9ebe",
4314
+ comment: "#9aa1ac",
4315
+ constant: "#843dc7",
4316
+ deleted: "#d72414",
4317
+ doctype: "#9aa1ac",
4318
+ entity: "#d72414",
4319
+ function: "#1ba755",
4320
+ hexcode: "#0661fe",
4321
+ id: "#843dc7",
4322
+ important: "#843dc7",
4323
+ inserted: "#cb920b",
4324
+ keyword: "#d11a60",
4325
+ number: "#843dc7",
4326
+ operator: "#d11a60",
4327
+ prolog: "#9aa1ac",
4328
+ property: "#0661fe",
4329
+ pseudoClass: "#cb920b",
4330
+ pseudoElement: "#cb920b",
4331
+ punctuation: "#5e6573",
4332
+ regex: "#0661fe",
4333
+ selector: "#d72414",
4334
+ string: "#cb920b",
4335
+ symbol: "#843dc7",
4336
+ tag: "#d72414",
4337
+ unit: "#c24e0f",
4338
+ url: "#d72414",
4339
+ variable: "#d72414"
4340
+ },
4341
+ solid: {
4342
+ default: {
4343
+ enabled: {
4344
+ bg: "#788191",
4345
+ bg2: "#848d9d",
4346
+ border: "#788191",
4347
+ fg: "#ffffff",
4348
+ muted: {
4349
+ fg: "#f3f4f6"
4350
+ },
4351
+ accent: {
4352
+ fg: "#fef4f5"
4353
+ },
4354
+ link: {
4355
+ fg: "#f1f8ff"
4356
+ },
4357
+ code: {
4358
+ bg: "#757e8e",
4359
+ fg: "#f3f4f6"
4360
+ },
4361
+ skeleton: {
4362
+ from: "#929bac",
4363
+ to: "rgba(146,155,172,0.5)"
4364
+ }
4365
+ },
4366
+ disabled: {
4367
+ bg: "#e2e6e9",
4368
+ bg2: "#e5e8eb",
4369
+ border: "#e2e6e9",
4370
+ fg: "#ffffff",
4371
+ muted: {
4372
+ fg: "#f9f9fa"
4373
+ },
4374
+ accent: {
4375
+ fg: "#f9f9fa"
4376
+ },
4377
+ link: {
4378
+ fg: "#f9f9fa"
4379
+ },
4380
+ code: {
4381
+ bg: "#e2e6e9",
4382
+ fg: "#f9f9fa"
4383
+ },
4384
+ skeleton: {
4385
+ from: "#e8ebee",
4386
+ to: "rgba(232,235,238,0.5)"
4387
+ }
4388
+ },
4389
+ hovered: {
4390
+ bg: "#5e6573",
4391
+ bg2: "#6d7482",
4392
+ border: "#5e6573",
4393
+ fg: "#ffffff",
4394
+ muted: {
4395
+ fg: "#e2e6e9"
4396
+ },
4397
+ accent: {
4398
+ fg: "#fce0e0"
4399
+ },
4400
+ link: {
4401
+ fg: "#dcedff"
4402
+ },
4403
+ code: {
4404
+ bg: "#5c6371",
4405
+ fg: "#e2e6e9"
4406
+ },
4407
+ skeleton: {
4408
+ from: "#7d8596",
4409
+ to: "rgba(125,133,150,0.5)"
4410
+ }
4411
+ },
4412
+ pressed: {
4413
+ bg: "#31353f",
4414
+ bg2: "#444954",
4415
+ border: "#31353f",
4416
+ fg: "#ffffff",
4417
+ muted: {
4418
+ fg: "#e2e6e9"
4419
+ },
4420
+ accent: {
4421
+ fg: "#fcd7d4"
4422
+ },
4423
+ link: {
4424
+ fg: "#d2e7ff"
4425
+ },
4426
+ code: {
4427
+ bg: "#30343e",
4428
+ fg: "#e2e6e9"
4429
+ },
4430
+ skeleton: {
4431
+ from: "#595f6e",
4432
+ to: "rgba(89,95,110,0.5)"
4433
+ }
4434
+ },
4435
+ selected: {
4436
+ bg: "#073392",
4437
+ bg2: "#1346a5",
4438
+ border: "#073392",
4439
+ fg: "#ffffff",
4440
+ muted: {
4441
+ fg: "#c7e1ff"
4442
+ },
4443
+ accent: {
4444
+ fg: "#fbd6e7"
4445
+ },
4446
+ link: {
4447
+ fg: "#c9e7ff"
4448
+ },
4449
+ code: {
4450
+ bg: "#073292",
4451
+ fg: "#c7e1ff"
4452
+ },
4453
+ skeleton: {
4454
+ from: "#0e5cd0",
4455
+ to: "rgba(14,92,208,0.5)"
4456
+ }
4457
+ }
4458
+ },
4459
+ transparent: {
4460
+ enabled: {
4461
+ bg: "#788191",
4462
+ bg2: "#848d9d",
4463
+ border: "#788191",
4464
+ fg: "#ffffff",
4465
+ muted: {
4466
+ fg: "#f3f4f6"
4467
+ },
4468
+ accent: {
4469
+ fg: "#fef4f5"
4470
+ },
4471
+ link: {
4472
+ fg: "#f1f8ff"
4473
+ },
4474
+ code: {
4475
+ bg: "#757e8e",
4476
+ fg: "#f3f4f6"
4477
+ },
4478
+ skeleton: {
4479
+ from: "#929bac",
4480
+ to: "rgba(146,155,172,0.5)"
4481
+ }
4482
+ },
4483
+ disabled: {
4484
+ bg: "#e2e6e9",
4485
+ bg2: "#e5e8eb",
4486
+ border: "#e2e6e9",
4487
+ fg: "#ffffff",
4488
+ muted: {
4489
+ fg: "#f9f9fa"
4490
+ },
4491
+ accent: {
4492
+ fg: "#f9f9fa"
4493
+ },
4494
+ link: {
4495
+ fg: "#f9f9fa"
4496
+ },
4497
+ code: {
4498
+ bg: "#e2e6e9",
4499
+ fg: "#f9f9fa"
4500
+ },
4501
+ skeleton: {
4502
+ from: "#e8ebee",
4503
+ to: "rgba(232,235,238,0.5)"
4504
+ }
4505
+ },
4506
+ hovered: {
4507
+ bg: "#5e6573",
4508
+ bg2: "#6d7482",
4509
+ border: "#5e6573",
4510
+ fg: "#ffffff",
4511
+ muted: {
4512
+ fg: "#e2e6e9"
4513
+ },
4514
+ accent: {
4515
+ fg: "#fce0e0"
4516
+ },
4517
+ link: {
4518
+ fg: "#dcedff"
4519
+ },
4520
+ code: {
4521
+ bg: "#5c6371",
4522
+ fg: "#e2e6e9"
4523
+ },
4524
+ skeleton: {
4525
+ from: "#7d8596",
4526
+ to: "rgba(125,133,150,0.5)"
4527
+ }
4528
+ },
4529
+ pressed: {
4530
+ bg: "#31353f",
4531
+ bg2: "#444954",
4532
+ border: "#31353f",
4533
+ fg: "#ffffff",
4534
+ muted: {
4535
+ fg: "#e2e6e9"
4536
+ },
4537
+ accent: {
4538
+ fg: "#fcd7d4"
4539
+ },
4540
+ link: {
4541
+ fg: "#d2e7ff"
4542
+ },
4543
+ code: {
4544
+ bg: "#30343e",
4545
+ fg: "#e2e6e9"
4546
+ },
4547
+ skeleton: {
4548
+ from: "#595f6e",
4549
+ to: "rgba(89,95,110,0.5)"
4550
+ }
4551
+ },
4552
+ selected: {
4553
+ bg: "#073392",
4554
+ bg2: "#1346a5",
4555
+ border: "#073392",
4556
+ fg: "#ffffff",
4557
+ muted: {
4558
+ fg: "#c7e1ff"
4559
+ },
4560
+ accent: {
4561
+ fg: "#fbd6e7"
4562
+ },
4563
+ link: {
4564
+ fg: "#c9e7ff"
4565
+ },
4566
+ code: {
4567
+ bg: "#073292",
4568
+ fg: "#c7e1ff"
4569
+ },
4570
+ skeleton: {
4571
+ from: "#0e5cd0",
4572
+ to: "rgba(14,92,208,0.5)"
4573
+ }
4574
+ }
4575
+ },
4576
+ primary: {
4577
+ enabled: {
4578
+ bg: "#388bff",
4579
+ bg2: "#4196ff",
4580
+ border: "#388bff",
4581
+ fg: "#ffffff",
4582
+ muted: {
4583
+ fg: "#e5f1ff"
4584
+ },
4585
+ accent: {
4586
+ fg: "#fef5ff"
4587
+ },
4588
+ link: {
4589
+ fg: "#ebf9ff"
4590
+ },
4591
+ code: {
4592
+ bg: "#3688ff",
4593
+ fg: "#e5f1ff"
4594
+ },
4595
+ skeleton: {
4596
+ from: "#3da2ff",
4597
+ to: "rgba(61,162,255,0.5)"
4598
+ }
4599
+ },
4600
+ disabled: {
4601
+ bg: "#e2e6e9",
4602
+ bg2: "#e5e8eb",
4603
+ border: "#e2e6e9",
4604
+ fg: "#ffffff",
4605
+ muted: {
4606
+ fg: "#f9f9fa"
4607
+ },
4608
+ accent: {
4609
+ fg: "#f9f9fa"
4610
+ },
4611
+ link: {
4612
+ fg: "#f9f9fa"
4613
+ },
4614
+ code: {
4615
+ bg: "#e2e6e9",
4616
+ fg: "#f9f9fa"
4617
+ },
4618
+ skeleton: {
4619
+ from: "#e8ebee",
4620
+ to: "rgba(232,235,238,0.5)"
4621
+ }
4622
+ },
4623
+ hovered: {
4624
+ bg: "#0661fe",
4625
+ bg2: "#1270fe",
4626
+ border: "#0661fe",
4627
+ fg: "#ffffff",
4628
+ muted: {
4629
+ fg: "#c7e1ff"
4630
+ },
4631
+ accent: {
4632
+ fg: "#fbdfff"
4633
+ },
4634
+ link: {
4635
+ fg: "#c8ecff"
4636
+ },
4637
+ code: {
4638
+ bg: "#065ffe",
4639
+ fg: "#c7e1ff"
4640
+ },
4641
+ skeleton: {
4642
+ from: "#0d81ff",
4643
+ to: "rgba(13,129,255,0.5)"
4644
+ }
4645
+ },
4646
+ pressed: {
4647
+ bg: "#073392",
4648
+ bg2: "#1346a5",
4649
+ border: "#073392",
4650
+ fg: "#ffffff",
4651
+ muted: {
4652
+ fg: "#c7e1ff"
4653
+ },
4654
+ accent: {
4655
+ fg: "#fbd6e7"
4656
+ },
4657
+ link: {
4658
+ fg: "#c9e7ff"
4659
+ },
4660
+ code: {
4661
+ bg: "#073292",
4662
+ fg: "#c7e1ff"
4663
+ },
4664
+ skeleton: {
4665
+ from: "#0e5cd0",
4666
+ to: "rgba(14,92,208,0.5)"
4667
+ }
4668
+ },
4669
+ selected: {
4670
+ bg: "#073392",
4671
+ bg2: "#1346a5",
4672
+ border: "#073392",
4673
+ fg: "#ffffff",
4674
+ muted: {
4675
+ fg: "#c7e1ff"
4676
+ },
4677
+ accent: {
4678
+ fg: "#fbd6e7"
4679
+ },
4680
+ link: {
4681
+ fg: "#c9e7ff"
4682
+ },
4683
+ code: {
4684
+ bg: "#073292",
4685
+ fg: "#c7e1ff"
4686
+ },
4687
+ skeleton: {
4688
+ from: "#0e5cd0",
4689
+ to: "rgba(14,92,208,0.5)"
4690
+ }
4691
+ }
4692
+ },
4693
+ positive: {
4694
+ enabled: {
4695
+ bg: "#21d46c",
4696
+ bg2: "#31da7b",
4697
+ border: "#21d46c",
4698
+ fg: "#ffffff",
4699
+ muted: {
4700
+ fg: "#dff6e9"
4701
+ },
4702
+ accent: {
4703
+ fg: "#fefbf1"
4704
+ },
4705
+ link: {
4706
+ fg: "#e8fdff"
4707
+ },
4708
+ code: {
4709
+ bg: "#1fd268",
4710
+ fg: "#dff6e9"
4711
+ },
4712
+ skeleton: {
4713
+ from: "#31e185",
4714
+ to: "rgba(49,225,133,0.5)"
4715
+ }
4716
+ },
4717
+ disabled: {
4718
+ bg: "#e2e6e9",
4719
+ bg2: "#e5e8eb",
4720
+ border: "#e2e6e9",
4721
+ fg: "#ffffff",
4722
+ muted: {
4723
+ fg: "#f9f9fa"
4724
+ },
4725
+ accent: {
4726
+ fg: "#f9f9fa"
4727
+ },
4728
+ link: {
4729
+ fg: "#f9f9fa"
4730
+ },
4731
+ code: {
4732
+ bg: "#e2e6e9",
4733
+ fg: "#f9f9fa"
4734
+ },
4735
+ skeleton: {
4736
+ from: "#e8ebee",
4737
+ to: "rgba(232,235,238,0.5)"
4738
+ }
4739
+ },
4740
+ hovered: {
4741
+ bg: "#1ba755",
4742
+ bg2: "#2bb266",
4743
+ border: "#1ba755",
4744
+ fg: "#ffffff",
4745
+ muted: {
4746
+ fg: "#b1eccb"
4747
+ },
4748
+ accent: {
4749
+ fg: "#fbedd9"
4750
+ },
4751
+ link: {
4752
+ fg: "#cdf5ff"
4753
+ },
4754
+ code: {
4755
+ bg: "#1aa552",
4756
+ fg: "#b1eccb"
4757
+ },
4758
+ skeleton: {
4759
+ from: "#2bc272",
4760
+ to: "rgba(43,194,114,0.5)"
4761
+ }
4762
+ },
4763
+ pressed: {
4764
+ bg: "#124e2b",
4765
+ bg2: "#236541",
4766
+ border: "#124e2b",
4767
+ fg: "#ffffff",
4768
+ muted: {
4769
+ fg: "#b1eccb"
4770
+ },
4771
+ accent: {
4772
+ fg: "#fbdcd0"
4773
+ },
4774
+ link: {
4775
+ fg: "#cbeaff"
4776
+ },
4777
+ code: {
4778
+ bg: "#114d29",
4779
+ fg: "#b1eccb"
4780
+ },
4781
+ skeleton: {
4782
+ from: "#23844f",
4783
+ to: "rgba(35,132,79,0.5)"
4784
+ }
4785
+ },
4786
+ selected: {
4787
+ bg: "#124e2b",
4788
+ bg2: "#236541",
4789
+ border: "#124e2b",
4790
+ fg: "#ffffff",
4791
+ muted: {
4792
+ fg: "#b1eccb"
4793
+ },
4794
+ accent: {
4795
+ fg: "#fbdcd0"
4796
+ },
4797
+ link: {
4798
+ fg: "#cbeaff"
4799
+ },
4800
+ code: {
4801
+ bg: "#114d29",
4802
+ fg: "#b1eccb"
4803
+ },
4804
+ skeleton: {
4805
+ from: "#23844f",
4806
+ to: "rgba(35,132,79,0.5)"
4807
+ }
4808
+ }
4809
+ },
4810
+ caution: {
4811
+ enabled: {
4812
+ bg: "#f3bc16",
4813
+ bg2: "#f5c227",
4814
+ border: "#f3bc16",
4815
+ fg: "#ffffff",
4816
+ muted: {
4817
+ fg: "#fef7cd"
4818
+ },
4819
+ accent: {
4820
+ fg: "#fff9e9"
4821
+ },
4822
+ link: {
4823
+ fg: "#fefbff"
4824
+ },
4825
+ code: {
4826
+ bg: "#f3bb15",
4827
+ fg: "#fef7cd"
4828
+ },
4829
+ skeleton: {
4830
+ from: "#f8cd20",
4831
+ to: "rgba(248,205,32,0.5)"
4832
+ }
4833
+ },
4834
+ disabled: {
4835
+ bg: "#e2e6e9",
4836
+ bg2: "#e5e8eb",
4837
+ border: "#e2e6e9",
4838
+ fg: "#ffffff",
4839
+ muted: {
4840
+ fg: "#f9f9fa"
4841
+ },
4842
+ accent: {
4843
+ fg: "#f9f9fa"
4844
+ },
4845
+ link: {
4846
+ fg: "#f9f9fa"
4847
+ },
4848
+ code: {
4849
+ bg: "#e2e6e9",
4850
+ fg: "#f9f9fa"
4851
+ },
4852
+ skeleton: {
4853
+ from: "#e8ebee",
4854
+ to: "rgba(232,235,238,0.5)"
4855
+ }
4856
+ },
4857
+ hovered: {
4858
+ bg: "#cb920b",
4859
+ bg2: "#d29c1d",
4860
+ border: "#cb920b",
4861
+ fg: "#ffffff",
4862
+ muted: {
4863
+ fg: "#fbf1a7"
4864
+ },
4865
+ accent: {
4866
+ fg: "#fee9c8"
4867
+ },
4868
+ link: {
4869
+ fg: "#f4f2ff"
4870
+ },
4871
+ code: {
4872
+ bg: "#cb910a",
4873
+ fg: "#fbf1a7"
4874
+ },
4875
+ skeleton: {
4876
+ from: "#e0ad16",
4877
+ to: "rgba(224,173,22,0.5)"
4878
+ }
4879
+ },
4880
+ pressed: {
4881
+ bg: "#65400b",
4882
+ bg2: "#78521d",
4883
+ border: "#65400b",
4884
+ fg: "#ffffff",
4885
+ muted: {
4886
+ fg: "#fbf1a7"
4887
+ },
4888
+ accent: {
4889
+ fg: "#fdd9c8"
4890
+ },
4891
+ link: {
4892
+ fg: "#dde9ff"
4893
+ },
4894
+ code: {
4895
+ bg: "#653f0a",
4896
+ fg: "#fbf1a7"
4897
+ },
4898
+ skeleton: {
4899
+ from: "#a27016",
4900
+ to: "rgba(162,112,22,0.5)"
4901
+ }
4902
+ },
4903
+ selected: {
4904
+ bg: "#65400b",
4905
+ bg2: "#78521d",
4906
+ border: "#65400b",
4907
+ fg: "#ffffff",
4908
+ muted: {
4909
+ fg: "#fbf1a7"
4910
+ },
4911
+ accent: {
4912
+ fg: "#fdd9c8"
4913
+ },
4914
+ link: {
4915
+ fg: "#dde9ff"
4916
+ },
4917
+ code: {
4918
+ bg: "#653f0a",
4919
+ fg: "#fbf1a7"
4920
+ },
4921
+ skeleton: {
4922
+ from: "#a27016",
4923
+ to: "rgba(162,112,22,0.5)"
4924
+ }
4925
+ }
4926
+ },
4927
+ critical: {
4928
+ enabled: {
4929
+ bg: "#ec4636",
4930
+ bg2: "#ef5545",
4931
+ border: "#ec4636",
4932
+ fg: "#ffffff",
4933
+ muted: {
4934
+ fg: "#fee8e7"
4935
+ },
4936
+ accent: {
4937
+ fg: "#ffeeec"
4938
+ },
4939
+ link: {
4940
+ fg: "#fdf5ff"
4941
+ },
4942
+ code: {
4943
+ bg: "#ec4334",
4944
+ fg: "#fee8e7"
4945
+ },
4946
+ skeleton: {
4947
+ from: "#f45943",
4948
+ to: "rgba(244,89,67,0.5)"
4949
+ }
4950
+ },
4951
+ disabled: {
4952
+ bg: "#e2e6e9",
4953
+ bg2: "#e5e8eb",
4954
+ border: "#e2e6e9",
4955
+ fg: "#ffffff",
4956
+ muted: {
4957
+ fg: "#f9f9fa"
4958
+ },
4959
+ accent: {
4960
+ fg: "#f9f9fa"
4961
+ },
4962
+ link: {
4963
+ fg: "#f9f9fa"
4964
+ },
4965
+ code: {
4966
+ bg: "#e2e6e9",
4967
+ fg: "#f9f9fa"
4968
+ },
4969
+ skeleton: {
4970
+ from: "#e8ebee",
4971
+ to: "rgba(232,235,238,0.5)"
4972
+ }
4973
+ },
4974
+ hovered: {
4975
+ bg: "#d72414",
4976
+ bg2: "#dd3526",
4977
+ border: "#d72414",
4978
+ fg: "#ffffff",
4979
+ muted: {
4980
+ fg: "#fbccc6"
4981
+ },
4982
+ accent: {
4983
+ fg: "#fed3ca"
4984
+ },
4985
+ link: {
4986
+ fg: "#f6e5ff"
4987
+ },
4988
+ code: {
4989
+ bg: "#d72313",
4990
+ fg: "#fbccc6"
4991
+ },
4992
+ skeleton: {
4993
+ from: "#e83a24",
4994
+ to: "rgba(232,58,36,0.5)"
4995
+ }
4996
+ },
4997
+ pressed: {
4998
+ bg: "#6f1a11",
4999
+ bg2: "#842c23",
5000
+ border: "#6f1a11",
5001
+ fg: "#ffffff",
5002
+ muted: {
5003
+ fg: "#fbccc6"
5004
+ },
5005
+ accent: {
5006
+ fg: "#fdd1ca"
5007
+ },
5008
+ link: {
5009
+ fg: "#dfe4ff"
5010
+ },
5011
+ code: {
5012
+ bg: "#6f1910",
5013
+ fg: "#fbccc6"
5014
+ },
5015
+ skeleton: {
5016
+ from: "#ae3121",
5017
+ to: "rgba(174,49,33,0.5)"
5018
+ }
5019
+ },
5020
+ selected: {
5021
+ bg: "#6f1a11",
5022
+ bg2: "#842c23",
5023
+ border: "#6f1a11",
5024
+ fg: "#ffffff",
5025
+ muted: {
5026
+ fg: "#fbccc6"
5027
+ },
5028
+ accent: {
5029
+ fg: "#fdd1ca"
5030
+ },
5031
+ link: {
5032
+ fg: "#dfe4ff"
5033
+ },
5034
+ code: {
5035
+ bg: "#6f1910",
5036
+ fg: "#fbccc6"
5037
+ },
5038
+ skeleton: {
5039
+ from: "#ae3121",
5040
+ to: "rgba(174,49,33,0.5)"
5041
+ }
5042
+ }
5043
+ }
5044
+ },
5045
+ muted: {
5046
+ default: {
5047
+ enabled: {
5048
+ bg: "#ffffff",
5049
+ bg2: "#f9f9fa",
5050
+ border: "#f3f4f6",
5051
+ fg: "#464c58",
5052
+ muted: {
5053
+ fg: "#5e6573"
5054
+ },
5055
+ accent: {
5056
+ fg: "#ec4636"
5057
+ },
5058
+ link: {
5059
+ fg: "#0661fe"
5060
+ },
5061
+ code: {
5062
+ bg: "#f9f9fa",
5063
+ fg: "#5e6573"
5064
+ },
5065
+ skeleton: {
5066
+ from: "#f3f4f6",
5067
+ to: "rgba(243,244,246,0.5)"
5068
+ }
5069
+ },
5070
+ disabled: {
5071
+ bg: "#ffffff",
5072
+ bg2: "#f9f9fa",
5073
+ border: "#f9f9fa",
5074
+ fg: "#e2e6e9",
5075
+ muted: {
5076
+ fg: "#f3f4f6"
5077
+ },
5078
+ accent: {
5079
+ fg: "#f3f4f6"
5080
+ },
5081
+ link: {
5082
+ fg: "#f3f4f6"
5083
+ },
5084
+ code: {
5085
+ bg: "#ffffff",
5086
+ fg: "#f3f4f6"
5087
+ },
5088
+ skeleton: {
5089
+ from: "rgba(243,244,246,0.5)",
5090
+ to: "rgba(243,244,246,0.25)"
5091
+ }
5092
+ },
5093
+ hovered: {
5094
+ bg: "#f9f9fa",
5095
+ bg2: "#f3f3f5",
5096
+ border: "#edeef1",
5097
+ fg: "#31353f",
5098
+ muted: {
5099
+ fg: "#5e6573"
5100
+ },
5101
+ accent: {
5102
+ fg: "#ec4636"
5103
+ },
5104
+ link: {
5105
+ fg: "#0661fe"
5106
+ },
5107
+ code: {
5108
+ bg: "#f3f3f5",
5109
+ fg: "#5e6573"
5110
+ },
5111
+ skeleton: {
5112
+ from: "#edeef1",
5113
+ to: "rgba(237,238,241,0.5)"
5114
+ }
5115
+ },
5116
+ pressed: {
5117
+ bg: "#e5f1ff",
5118
+ bg2: "#dcecff",
5119
+ border: "#cee4ff",
5120
+ fg: "#073392",
5121
+ muted: {
5122
+ fg: "#0661fe"
5123
+ },
5124
+ accent: {
5125
+ fg: "#d44236"
5126
+ },
5127
+ link: {
5128
+ fg: "#055cfe"
5129
+ },
5130
+ code: {
5131
+ bg: "#dcecff",
5132
+ fg: "#0661fe"
5133
+ },
5134
+ skeleton: {
5135
+ from: "#cee4ff",
5136
+ to: "rgba(206,228,255,0.5)"
5137
+ }
5138
+ },
5139
+ selected: {
5140
+ bg: "#e5f1ff",
5141
+ bg2: "#dcecff",
5142
+ border: "#cee4ff",
5143
+ fg: "#073392",
5144
+ muted: {
5145
+ fg: "#0661fe"
5146
+ },
5147
+ accent: {
5148
+ fg: "#d44236"
5149
+ },
5150
+ link: {
5151
+ fg: "#055cfe"
5152
+ },
5153
+ code: {
5154
+ bg: "#dcecff",
5155
+ fg: "#0661fe"
5156
+ },
5157
+ skeleton: {
5158
+ from: "#cee4ff",
5159
+ to: "rgba(206,228,255,0.5)"
5160
+ }
5161
+ }
5162
+ },
5163
+ transparent: {
5164
+ enabled: {
5165
+ bg: "#ffffff",
5166
+ bg2: "#f9f9fa",
5167
+ border: "#f3f4f6",
5168
+ fg: "#464c58",
5169
+ muted: {
5170
+ fg: "#5e6573"
5171
+ },
5172
+ accent: {
5173
+ fg: "#ec4636"
5174
+ },
5175
+ link: {
5176
+ fg: "#0661fe"
5177
+ },
5178
+ code: {
5179
+ bg: "#f9f9fa",
5180
+ fg: "#5e6573"
5181
+ },
5182
+ skeleton: {
5183
+ from: "#f3f4f6",
5184
+ to: "rgba(243,244,246,0.5)"
5185
+ }
5186
+ },
5187
+ disabled: {
5188
+ bg: "#ffffff",
5189
+ bg2: "#f9f9fa",
5190
+ border: "#f9f9fa",
5191
+ fg: "#e2e6e9",
5192
+ muted: {
5193
+ fg: "#f3f4f6"
5194
+ },
5195
+ accent: {
5196
+ fg: "#f3f4f6"
5197
+ },
5198
+ link: {
5199
+ fg: "#f3f4f6"
5200
+ },
5201
+ code: {
5202
+ bg: "#ffffff",
5203
+ fg: "#f3f4f6"
5204
+ },
5205
+ skeleton: {
5206
+ from: "rgba(243,244,246,0.5)",
5207
+ to: "rgba(243,244,246,0.25)"
5208
+ }
5209
+ },
5210
+ hovered: {
5211
+ bg: "#f9f9fa",
5212
+ bg2: "#f3f3f5",
5213
+ border: "#edeef1",
5214
+ fg: "#31353f",
5215
+ muted: {
5216
+ fg: "#5e6573"
5217
+ },
5218
+ accent: {
5219
+ fg: "#ec4636"
5220
+ },
5221
+ link: {
5222
+ fg: "#0661fe"
5223
+ },
5224
+ code: {
5225
+ bg: "#f3f3f5",
5226
+ fg: "#5e6573"
5227
+ },
5228
+ skeleton: {
5229
+ from: "#edeef1",
5230
+ to: "rgba(237,238,241,0.5)"
5231
+ }
5232
+ },
5233
+ pressed: {
5234
+ bg: "#e5f1ff",
5235
+ bg2: "#dcecff",
5236
+ border: "#cee4ff",
5237
+ fg: "#073392",
5238
+ muted: {
5239
+ fg: "#0661fe"
5240
+ },
5241
+ accent: {
5242
+ fg: "#d44236"
5243
+ },
5244
+ link: {
5245
+ fg: "#055cfe"
5246
+ },
5247
+ code: {
5248
+ bg: "#dcecff",
5249
+ fg: "#0661fe"
5250
+ },
5251
+ skeleton: {
5252
+ from: "#cee4ff",
5253
+ to: "rgba(206,228,255,0.5)"
5254
+ }
5255
+ },
5256
+ selected: {
5257
+ bg: "#e5f1ff",
5258
+ bg2: "#dcecff",
5259
+ border: "#cee4ff",
5260
+ fg: "#073392",
5261
+ muted: {
5262
+ fg: "#0661fe"
5263
+ },
5264
+ accent: {
5265
+ fg: "#d44236"
5266
+ },
5267
+ link: {
5268
+ fg: "#055cfe"
5269
+ },
5270
+ code: {
5271
+ bg: "#dcecff",
5272
+ fg: "#0661fe"
5273
+ },
5274
+ skeleton: {
5275
+ from: "#cee4ff",
5276
+ to: "rgba(206,228,255,0.5)"
5277
+ }
5278
+ }
5279
+ },
5280
+ primary: {
5281
+ enabled: {
5282
+ bg: "#ffffff",
5283
+ bg2: "#f5faff",
5284
+ border: "#e5f1ff",
5285
+ fg: "#0345c9",
5286
+ muted: {
5287
+ fg: "#0661fe"
5288
+ },
5289
+ accent: {
5290
+ fg: "#ec4636"
5291
+ },
5292
+ link: {
5293
+ fg: "#0661fe"
5294
+ },
5295
+ code: {
5296
+ bg: "#f5faff",
5297
+ fg: "#0661fe"
5298
+ },
5299
+ skeleton: {
5300
+ from: "#e5f1ff",
5301
+ to: "rgba(229,241,255,0.5)"
5302
+ }
5303
+ },
5304
+ disabled: {
5305
+ bg: "#ffffff",
5306
+ bg2: "#f9f9fa",
5307
+ border: "#f9f9fa",
5308
+ fg: "#e2e6e9",
5309
+ muted: {
5310
+ fg: "#f3f4f6"
5311
+ },
5312
+ accent: {
5313
+ fg: "#f3f4f6"
5314
+ },
5315
+ link: {
5316
+ fg: "#f3f4f6"
5317
+ },
5318
+ code: {
5319
+ bg: "#ffffff",
5320
+ fg: "#f3f4f6"
5321
+ },
5322
+ skeleton: {
5323
+ from: "rgba(243,244,246,0.5)",
5324
+ to: "rgba(243,244,246,0.25)"
5325
+ }
5326
+ },
5327
+ hovered: {
5328
+ bg: "#f5faff",
5329
+ bg2: "#ebf5ff",
5330
+ border: "#dcecff",
5331
+ fg: "#073392",
5332
+ muted: {
5333
+ fg: "#0661fe"
5334
+ },
5335
+ accent: {
5336
+ fg: "#ec4636"
5337
+ },
5338
+ link: {
5339
+ fg: "#0661fe"
5340
+ },
5341
+ code: {
5342
+ bg: "#ebf5ff",
5343
+ fg: "#0661fe"
5344
+ },
5345
+ skeleton: {
5346
+ from: "#dcecff",
5347
+ to: "rgba(220,236,255,0.5)"
5348
+ }
5349
+ },
5350
+ pressed: {
5351
+ bg: "#e5f1ff",
5352
+ bg2: "#dcecff",
5353
+ border: "#cee4ff",
5354
+ fg: "#073392",
5355
+ muted: {
5356
+ fg: "#0661fe"
5357
+ },
5358
+ accent: {
5359
+ fg: "#d44236"
5360
+ },
5361
+ link: {
5362
+ fg: "#055cfe"
5363
+ },
5364
+ code: {
5365
+ bg: "#dcecff",
5366
+ fg: "#0661fe"
5367
+ },
5368
+ skeleton: {
5369
+ from: "#cee4ff",
5370
+ to: "rgba(206,228,255,0.5)"
5371
+ }
5372
+ },
5373
+ selected: {
5374
+ bg: "#e5f1ff",
5375
+ bg2: "#dcecff",
5376
+ border: "#cee4ff",
5377
+ fg: "#073392",
5378
+ muted: {
5379
+ fg: "#0661fe"
5380
+ },
5381
+ accent: {
5382
+ fg: "#d44236"
5383
+ },
5384
+ link: {
5385
+ fg: "#055cfe"
5386
+ },
5387
+ code: {
5388
+ bg: "#dcecff",
5389
+ fg: "#0661fe"
5390
+ },
5391
+ skeleton: {
5392
+ from: "#cee4ff",
5393
+ to: "rgba(206,228,255,0.5)"
5394
+ }
5395
+ }
5396
+ },
5397
+ positive: {
5398
+ enabled: {
5399
+ bg: "#ffffff",
5400
+ bg2: "#f3fcf6",
5401
+ border: "#dff6e9",
5402
+ fg: "#167941",
5403
+ muted: {
5404
+ fg: "#1ba755"
5405
+ },
5406
+ accent: {
5407
+ fg: "#ec4636"
5408
+ },
5409
+ link: {
5410
+ fg: "#0661fe"
5411
+ },
5412
+ code: {
5413
+ bg: "#f3fcf6",
5414
+ fg: "#1ba755"
5415
+ },
5416
+ skeleton: {
5417
+ from: "#dff6e9",
5418
+ to: "rgba(223,246,233,0.5)"
5419
+ }
5420
+ },
5421
+ disabled: {
5422
+ bg: "#ffffff",
5423
+ bg2: "#f9f9fa",
5424
+ border: "#f9f9fa",
5425
+ fg: "#e2e6e9",
5426
+ muted: {
5427
+ fg: "#f3f4f6"
5428
+ },
5429
+ accent: {
5430
+ fg: "#f3f4f6"
5431
+ },
5432
+ link: {
5433
+ fg: "#f3f4f6"
5434
+ },
5435
+ code: {
5436
+ bg: "#ffffff",
5437
+ fg: "#f3f4f6"
5438
+ },
5439
+ skeleton: {
5440
+ from: "rgba(243,244,246,0.5)",
5441
+ to: "rgba(243,244,246,0.25)"
5442
+ }
5443
+ },
5444
+ hovered: {
5445
+ bg: "#f3fcf6",
5446
+ bg2: "#e8f9ed",
5447
+ border: "#d5f3e1",
5448
+ fg: "#124e2b",
5449
+ muted: {
5450
+ fg: "#1ba755"
5451
+ },
5452
+ accent: {
5453
+ fg: "#ec4636"
5454
+ },
5455
+ link: {
5456
+ fg: "#0661fe"
5457
+ },
5458
+ code: {
5459
+ bg: "#e8f9ed",
5460
+ fg: "#1ba755"
5461
+ },
5462
+ skeleton: {
5463
+ from: "#d5f3e1",
5464
+ to: "rgba(213,243,225,0.5)"
5465
+ }
5466
+ },
5467
+ pressed: {
5468
+ bg: "#dff6e9",
5469
+ bg2: "#d5f3e1",
5470
+ border: "#c3edd5",
5471
+ fg: "#124e2b",
5472
+ muted: {
5473
+ fg: "#1ba755"
5474
+ },
5475
+ accent: {
5476
+ fg: "#ce4431"
5477
+ },
5478
+ link: {
5479
+ fg: "#055ee8"
5480
+ },
5481
+ code: {
5482
+ bg: "#d5f3e1",
5483
+ fg: "#1ba755"
5484
+ },
5485
+ skeleton: {
5486
+ from: "#c3edd5",
5487
+ to: "rgba(195,237,213,0.5)"
5488
+ }
5489
+ },
5490
+ selected: {
5491
+ bg: "#dff6e9",
5492
+ bg2: "#d5f3e1",
5493
+ border: "#c3edd5",
5494
+ fg: "#124e2b",
5495
+ muted: {
5496
+ fg: "#1ba755"
5497
+ },
5498
+ accent: {
5499
+ fg: "#ce4431"
5500
+ },
5501
+ link: {
5502
+ fg: "#055ee8"
5503
+ },
5504
+ code: {
5505
+ bg: "#d5f3e1",
5506
+ fg: "#1ba755"
5507
+ },
5508
+ skeleton: {
5509
+ from: "#c3edd5",
5510
+ to: "rgba(195,237,213,0.5)"
5511
+ }
5512
+ }
5513
+ },
5514
+ caution: {
5515
+ enabled: {
5516
+ bg: "#ffffff",
5517
+ bg2: "#fffdf0",
5518
+ border: "#fef7cd",
5519
+ fg: "#98670b",
5520
+ muted: {
5521
+ fg: "#cb920b"
5522
+ },
5523
+ accent: {
5524
+ fg: "#ec4636"
5525
+ },
5526
+ link: {
5527
+ fg: "#0661fe"
5528
+ },
5529
+ code: {
5530
+ bg: "#fffdf0",
5531
+ fg: "#cb920b"
5532
+ },
5533
+ skeleton: {
5534
+ from: "#fef7cd",
5535
+ to: "rgba(254,247,205,0.5)"
5536
+ }
5537
+ },
5538
+ disabled: {
5539
+ bg: "#ffffff",
5540
+ bg2: "#f9f9fa",
5541
+ border: "#f9f9fa",
5542
+ fg: "#e2e6e9",
5543
+ muted: {
5544
+ fg: "#f3f4f6"
5545
+ },
5546
+ accent: {
5547
+ fg: "#f3f4f6"
5548
+ },
5549
+ link: {
5550
+ fg: "#f3f4f6"
5551
+ },
5552
+ code: {
5553
+ bg: "#ffffff",
5554
+ fg: "#f3f4f6"
5555
+ },
5556
+ skeleton: {
5557
+ from: "rgba(243,244,246,0.5)",
5558
+ to: "rgba(243,244,246,0.25)"
5559
+ }
5560
+ },
5561
+ hovered: {
5562
+ bg: "#fffdf0",
5563
+ bg2: "#fffbe2",
5564
+ border: "#fef5c1",
5565
+ fg: "#65400b",
5566
+ muted: {
5567
+ fg: "#cb920b"
5568
+ },
5569
+ accent: {
5570
+ fg: "#ec4636"
5571
+ },
5572
+ link: {
5573
+ fg: "#0661fe"
5574
+ },
5575
+ code: {
5576
+ bg: "#fffbe2",
5577
+ fg: "#cb920b"
5578
+ },
5579
+ skeleton: {
5580
+ from: "#fef5c1",
5581
+ to: "rgba(254,245,193,0.5)"
5582
+ }
5583
+ },
5584
+ pressed: {
5585
+ bg: "#fef7cd",
5586
+ bg2: "#fef5c1",
5587
+ border: "#fdefa5",
5588
+ fg: "#65400b",
5589
+ muted: {
5590
+ fg: "#cb920b"
5591
+ },
5592
+ accent: {
5593
+ fg: "#eb442b"
5594
+ },
5595
+ link: {
5596
+ fg: "#065ecc"
5597
+ },
5598
+ code: {
5599
+ bg: "#fef5c1",
5600
+ fg: "#cb920b"
5601
+ },
5602
+ skeleton: {
5603
+ from: "#fdefa5",
5604
+ to: "rgba(253,239,165,0.5)"
5605
+ }
5606
+ },
5607
+ selected: {
5608
+ bg: "#fef7cd",
5609
+ bg2: "#fef5c1",
5610
+ border: "#fdefa5",
5611
+ fg: "#65400b",
5612
+ muted: {
5613
+ fg: "#cb920b"
5614
+ },
5615
+ accent: {
5616
+ fg: "#eb442b"
5617
+ },
5618
+ link: {
5619
+ fg: "#065ecc"
5620
+ },
5621
+ code: {
5622
+ bg: "#fef5c1",
5623
+ fg: "#cb920b"
5624
+ },
5625
+ skeleton: {
5626
+ from: "#fdefa5",
5627
+ to: "rgba(253,239,165,0.5)"
5628
+ }
5629
+ }
5630
+ },
5631
+ critical: {
5632
+ enabled: {
5633
+ bg: "#ffffff",
5634
+ bg2: "#fff5f5",
5635
+ border: "#fee8e7",
5636
+ fg: "#a52112",
5637
+ muted: {
5638
+ fg: "#d72414"
5639
+ },
5640
+ accent: {
5641
+ fg: "#ec4636"
5642
+ },
5643
+ link: {
5644
+ fg: "#0661fe"
5645
+ },
5646
+ code: {
5647
+ bg: "#fff5f5",
5648
+ fg: "#d72414"
5649
+ },
5650
+ skeleton: {
5651
+ from: "#fee8e7",
5652
+ to: "rgba(254,232,231,0.5)"
5653
+ }
5654
+ },
5655
+ disabled: {
5656
+ bg: "#ffffff",
5657
+ bg2: "#f9f9fa",
5658
+ border: "#f9f9fa",
5659
+ fg: "#e2e6e9",
5660
+ muted: {
5661
+ fg: "#f3f4f6"
5662
+ },
5663
+ accent: {
5664
+ fg: "#f3f4f6"
5665
+ },
5666
+ link: {
5667
+ fg: "#f3f4f6"
5668
+ },
5669
+ code: {
5670
+ bg: "#ffffff",
5671
+ fg: "#f3f4f6"
5672
+ },
5673
+ skeleton: {
5674
+ from: "rgba(243,244,246,0.5)",
5675
+ to: "rgba(243,244,246,0.25)"
5676
+ }
5677
+ },
5678
+ hovered: {
5679
+ bg: "#fff5f5",
5680
+ bg2: "#ffebeb",
5681
+ border: "#fedfde",
5682
+ fg: "#6f1a11",
5683
+ muted: {
5684
+ fg: "#d72414"
5685
+ },
5686
+ accent: {
5687
+ fg: "#ec4636"
5688
+ },
5689
+ link: {
5690
+ fg: "#0661fe"
5691
+ },
5692
+ code: {
5693
+ bg: "#ffebeb",
5694
+ fg: "#d72414"
5695
+ },
5696
+ skeleton: {
5697
+ from: "#fedfde",
5698
+ to: "rgba(254,223,222,0.5)"
5699
+ }
5700
+ },
5701
+ pressed: {
5702
+ bg: "#fee8e7",
5703
+ bg2: "#fedfde",
5704
+ border: "#fdd3d1",
5705
+ fg: "#6f1a11",
5706
+ muted: {
5707
+ fg: "#d72414"
5708
+ },
5709
+ accent: {
5710
+ fg: "#eb4031"
5711
+ },
5712
+ link: {
5713
+ fg: "#0658e6"
5714
+ },
5715
+ code: {
5716
+ bg: "#fedfde",
5717
+ fg: "#d72414"
5718
+ },
5719
+ skeleton: {
5720
+ from: "#fdd3d1",
5721
+ to: "rgba(253,211,209,0.5)"
5722
+ }
5723
+ },
5724
+ selected: {
5725
+ bg: "#fee8e7",
5726
+ bg2: "#fedfde",
5727
+ border: "#fdd3d1",
5728
+ fg: "#6f1a11",
5729
+ muted: {
5730
+ fg: "#d72414"
5731
+ },
5732
+ accent: {
5733
+ fg: "#eb4031"
5734
+ },
5735
+ link: {
5736
+ fg: "#0658e6"
5737
+ },
5738
+ code: {
5739
+ bg: "#fedfde",
5740
+ fg: "#d72414"
5741
+ },
5742
+ skeleton: {
5743
+ from: "#fdd3d1",
5744
+ to: "rgba(253,211,209,0.5)"
5745
+ }
5746
+ }
5747
+ }
5748
+ }
5749
+ };
5750
+ function cssObjectToCssString(rules) {
5751
+ return Object.keys(rules).reduce((acc, key) => {
5752
+ return "".concat(acc).concat(key, ": ").concat(rules[key], "; ");
5753
+ }, "");
5754
+ }
5755
+ function getGlobalScope() {
5756
+ if (typeof globalThis !== "undefined") return globalThis;
5757
+ if (typeof window !== "undefined") return window;
5758
+ if (typeof self !== "undefined") return self;
5759
+ if (typeof global !== "undefined") return global;
5760
+ throw new Error("@sanity/ui: could not locate global scope");
5761
+ }
5762
+ const globalScope = getGlobalScope();
5763
+ const key$9 = Symbol.for("@sanity/ui/context/theme");
5764
+ globalScope[key$9] = globalScope[key$9] || react.createContext(null);
5765
+ const ThemeContext = globalScope[key$9];
5766
+ const key$8 = Symbol.for("@sanity/ui/context/toneContext");
5767
+ globalScope[key$8] = globalScope[key$8] || react.createContext(null);
5768
+ const ToneContext = globalScope[key$8];
5769
+ function ToneProvider(props) {
5770
+ const {
5771
+ children,
5772
+ scheme,
5773
+ tone
5774
+ } = props;
5775
+ const root = useRootTheme();
5776
+ const value = react.useMemo(() => ({
5777
+ version: 0,
5778
+ scheme: scheme || root.scheme,
5779
+ tone
5780
+ }), [root.scheme, scheme, tone]);
5781
+ return /* @__PURE__ */jsxRuntime.jsx(ToneContext.Provider, {
5782
+ value,
5783
+ children
5784
+ });
5785
+ }
5786
+ var __freeze$E = Object.freeze;
5787
+ var __defProp$F = Object.defineProperty;
5788
+ var __template$E = (cooked, raw) => __freeze$E(__defProp$F(cooked, "raw", {
5789
+ value: __freeze$E(raw || cooked.slice())
5790
+ }));
5791
+ var _a$E;
5792
+ const GlobalVariables = styled.createGlobalStyle(_a$E || (_a$E = __template$E(["\n :root {\n ", "\n }\n"])), _ref4 => {
5793
+ let {
5794
+ $vars
5795
+ } = _ref4;
5796
+ return $vars;
5797
+ });
5798
+ function ThemeProvider(props) {
5799
+ const parentTheme = react.useContext(ThemeContext);
5800
+ const {
5801
+ children,
5802
+ scheme = (parentTheme == null ? void 0 : parentTheme.scheme) || "light",
5803
+ theme: themeProp = (parentTheme == null ? void 0 : parentTheme.theme) || null,
5804
+ tone = (parentTheme == null ? void 0 : parentTheme.tone) || "default"
5805
+ } = props;
5806
+ const theme = react.useMemo(() => {
5807
+ if (!themeProp) return null;
5808
+ const {
5809
+ layer: rootLayer,
5810
+ ...restTheme
5811
+ } = themeProp;
5812
+ const layer = rootLayer || DEFAULT_THEME_LAYER;
5813
+ return {
5814
+ sanity: {
5815
+ ...restTheme,
5816
+ layer,
5817
+ color: {
5818
+ ...legacyColors,
5819
+ tones: restTheme.color.tones
5820
+ }
1818
5821
  }
1819
5822
  };
1820
5823
  }, [themeProp]);
@@ -8667,6 +12670,7 @@ exports._raf2 = _raf2;
8667
12670
  exports._responsive = _responsive;
8668
12671
  exports.attemptFocus = attemptFocus;
8669
12672
  exports.containsOrEqualsElement = containsOrEqualsElement;
12673
+ exports.createColorTheme = createColorTheme;
8670
12674
  exports.createCssVars = createCssVars;
8671
12675
  exports.cssVars = cssVars;
8672
12676
  exports.focusFirstDescendant = focusFirstDescendant;