update to Tabler v1.5.1

This commit is contained in:
JACS 2026-09-12 23:29:45 -05:00
parent 58bd5490e2
commit 0e6063f421
426 changed files with 57276 additions and 16205 deletions

View file

@ -10,167 +10,159 @@
* @param {Color} $color - The base color to be made transparent.
* @param {Number} $alpha - The level of transparency, ranging from 0 (fully transparent) to 1 (fully opaque). Default is 1.
* @return {Color} - The resulting color with the specified transparency.
*
* Mixes in `oklab` so tints against an opaque background (e.g. alert backgrounds
* over `--bg-surface`) stay perceptually even; mixing with `transparent` gives
* the same result in every color space.
*/
[data-bs-theme-base=slate],
[data-theme-base=slate] {
--tblr-gray-50: #f8fafc;
--tblr-gray-100: #f1f5f9;
--tblr-gray-200: #e2e8f0;
--tblr-gray-300: #cbd5e1;
--tblr-gray-400: #94a3b8;
--tblr-gray-500: #64748b;
--tblr-gray-600: #475569;
--tblr-gray-700: #334155;
--tblr-gray-800: #1e293b;
--tblr-gray-900: #0f172a;
--tblr-gray-950: #020617;
--tblr-gray-50: oklch(98.42% 0.0034 247.86deg);
--tblr-gray-100: oklch(96.83% 0.0069 247.9deg);
--tblr-gray-200: oklch(92.88% 0.0126 255.51deg);
--tblr-gray-300: oklch(86.9% 0.0198 252.89deg);
--tblr-gray-400: oklch(71.07% 0.0351 256.79deg);
--tblr-gray-500: oklch(55.44% 0.0407 257.42deg);
--tblr-gray-600: oklch(44.55% 0.0374 257.28deg);
--tblr-gray-700: oklch(37.17% 0.0392 257.29deg);
--tblr-gray-800: oklch(27.95% 0.0368 260.03deg);
--tblr-gray-900: oklch(20.77% 0.0398 265.75deg);
--tblr-gray-950: oklch(12.88% 0.0406 264.7deg);
}
[data-bs-theme-base=gray],
[data-theme-base=gray] {
--tblr-gray-50: #f9fafb;
--tblr-gray-100: #f3f4f6;
--tblr-gray-200: #e5e7eb;
--tblr-gray-300: #d1d5db;
--tblr-gray-400: #9ca3af;
--tblr-gray-500: #6b7280;
--tblr-gray-600: #4b5563;
--tblr-gray-700: #374151;
--tblr-gray-800: #1f2937;
--tblr-gray-900: #111827;
--tblr-gray-950: #030712;
--tblr-gray-50: oklch(98.46% 0.0017 247.84deg);
--tblr-gray-100: oklch(96.7% 0.0029 264.54deg);
--tblr-gray-200: oklch(92.76% 0.0058 264.53deg);
--tblr-gray-300: oklch(87.17% 0.0093 258.34deg);
--tblr-gray-400: oklch(71.37% 0.0192 261.32deg);
--tblr-gray-500: oklch(55.1% 0.0234 264.36deg);
--tblr-gray-600: oklch(44.61% 0.0263 256.8deg);
--tblr-gray-700: oklch(37.29% 0.0306 259.73deg);
--tblr-gray-800: oklch(27.81% 0.0296 256.85deg);
--tblr-gray-900: oklch(21.01% 0.0318 264.66deg);
--tblr-gray-950: oklch(12.96% 0.0274 261.69deg);
}
[data-bs-theme-base=zinc],
[data-theme-base=zinc] {
--tblr-gray-50: #fafafa;
--tblr-gray-100: #f4f4f5;
--tblr-gray-200: #e4e4e7;
--tblr-gray-300: #d4d4d8;
--tblr-gray-400: #a1a1aa;
--tblr-gray-500: #71717a;
--tblr-gray-600: #52525b;
--tblr-gray-700: #3f3f46;
--tblr-gray-800: #27272a;
--tblr-gray-900: #18181b;
--tblr-gray-950: #09090b;
--tblr-gray-50: oklch(98.51% 0 0deg);
--tblr-gray-100: oklch(96.74% 0.0013 286.37deg);
--tblr-gray-200: oklch(91.97% 0.004 286.32deg);
--tblr-gray-300: oklch(87.11% 0.0055 286.29deg);
--tblr-gray-400: oklch(71.18% 0.0129 286.07deg);
--tblr-gray-500: oklch(55.17% 0.0138 285.94deg);
--tblr-gray-600: oklch(44.19% 0.0146 285.79deg);
--tblr-gray-700: oklch(37.03% 0.0119 285.81deg);
--tblr-gray-800: oklch(27.39% 0.0055 286.03deg);
--tblr-gray-900: oklch(21.03% 0.0059 285.89deg);
--tblr-gray-950: oklch(14.08% 0.0044 285.82deg);
}
[data-bs-theme-base=neutral],
[data-theme-base=neutral] {
--tblr-gray-50: #fafafa;
--tblr-gray-100: #f5f5f5;
--tblr-gray-200: #e5e5e5;
--tblr-gray-300: #d4d4d4;
--tblr-gray-400: #a3a3a3;
--tblr-gray-500: #737373;
--tblr-gray-600: #525252;
--tblr-gray-700: #404040;
--tblr-gray-800: #262626;
--tblr-gray-900: #171717;
--tblr-gray-950: #0a0a0a;
--tblr-gray-50: oklch(98.51% 0 0deg);
--tblr-gray-100: oklch(97.02% 0 0deg);
--tblr-gray-200: oklch(92.19% 0 0deg);
--tblr-gray-300: oklch(86.99% 0 0deg);
--tblr-gray-400: oklch(71.55% 0 0deg);
--tblr-gray-500: oklch(55.55% 0 0deg);
--tblr-gray-600: oklch(43.86% 0 0deg);
--tblr-gray-700: oklch(37.15% 0 0deg);
--tblr-gray-800: oklch(26.86% 0 0deg);
--tblr-gray-900: oklch(20.46% 0 0deg);
--tblr-gray-950: oklch(14.48% 0 0deg);
}
[data-bs-theme-base=stone],
[data-theme-base=stone] {
--tblr-gray-50: #fafaf9;
--tblr-gray-100: #f5f5f4;
--tblr-gray-200: #e7e5e4;
--tblr-gray-300: #d6d3d1;
--tblr-gray-400: #a8a29e;
--tblr-gray-500: #78716c;
--tblr-gray-600: #57534e;
--tblr-gray-700: #44403c;
--tblr-gray-800: #292524;
--tblr-gray-900: #1c1917;
--tblr-gray-950: #0c0a09;
--tblr-gray-50: oklch(98.48% 0.0013 106.42deg);
--tblr-gray-100: oklch(96.99% 0.0013 106.42deg);
--tblr-gray-200: oklch(92.32% 0.0026 48.72deg);
--tblr-gray-300: oklch(86.87% 0.0043 56.37deg);
--tblr-gray-400: oklch(71.61% 0.0091 56.26deg);
--tblr-gray-500: oklch(55.34% 0.0116 58.07deg);
--tblr-gray-600: oklch(44.44% 0.0096 73.64deg);
--tblr-gray-700: oklch(37.41% 0.0087 67.56deg);
--tblr-gray-800: oklch(26.85% 0.0063 34.3deg);
--tblr-gray-900: oklch(21.61% 0.0061 56.04deg);
--tblr-gray-950: oklch(14.69% 0.0041 49.25deg);
}
[data-bs-theme-base=pink],
[data-theme-base=pink] {
--tblr-gray-50: #fdf2f8;
--tblr-gray-100: #fce7f3;
--tblr-gray-200: #fbcfe8;
--tblr-gray-300: #f9a8d4;
--tblr-gray-400: #f472b6;
--tblr-gray-500: #ec4899;
--tblr-gray-600: #db2777;
--tblr-gray-700: #be185d;
--tblr-gray-800: #9d174d;
--tblr-gray-900: #831843;
--tblr-gray-950: #500724;
--tblr-gray-50: oklch(97.14% 0.0141 343.2deg);
--tblr-gray-100: oklch(94.82% 0.0276 342.26deg);
--tblr-gray-200: oklch(89.94% 0.0589 343.23deg);
--tblr-gray-300: oklch(82.28% 0.1095 346.02deg);
--tblr-gray-400: oklch(72.53% 0.1752 349.76deg);
--tblr-gray-500: oklch(65.59% 0.2118 354.31deg);
--tblr-gray-600: oklch(59.16% 0.218 0.58deg);
--tblr-gray-700: oklch(52.46% 0.199 3.96deg);
--tblr-gray-800: oklch(45.87% 0.1697 3.82deg);
--tblr-gray-900: oklch(40.78% 0.1442 2.43deg);
--tblr-gray-950: oklch(28.45% 0.1048 3.91deg);
}
[data-bs-theme-primary=blue],
[data-theme-primary=blue] {
--tblr-primary: #066fd1;
--tblr-primary-rgb: 6, 111, 209;
--tblr-primary: oklch(54.6% 0.1724 254.2deg);
}
[data-bs-theme-primary=azure],
[data-theme-primary=azure] {
--tblr-primary: #4299e1;
--tblr-primary-rgb: 66, 153, 225;
--tblr-primary: oklch(66.26% 0.1358 246.81deg);
}
[data-bs-theme-primary=indigo],
[data-theme-primary=indigo] {
--tblr-primary: #4263eb;
--tblr-primary-rgb: 66, 99, 235;
--tblr-primary: oklch(55.66% 0.2082 268.35deg);
}
[data-bs-theme-primary=purple],
[data-theme-primary=purple] {
--tblr-primary: #ae3ec9;
--tblr-primary-rgb: 174, 62, 201;
--tblr-primary: oklch(57.83% 0.2186 319.15deg);
}
[data-bs-theme-primary=pink],
[data-theme-primary=pink] {
--tblr-primary: #d6336c;
--tblr-primary-rgb: 214, 51, 108;
--tblr-primary: oklch(58.81% 0.201 5.25deg);
}
[data-bs-theme-primary=red],
[data-theme-primary=red] {
--tblr-primary: #d63939;
--tblr-primary-rgb: 214, 57, 57;
--tblr-primary: oklch(58.29% 0.1941 25.59deg);
}
[data-bs-theme-primary=orange],
[data-theme-primary=orange] {
--tblr-primary: #f76707;
--tblr-primary-rgb: 247, 103, 7;
--tblr-primary: oklch(68.51% 0.1954 44.57deg);
}
[data-bs-theme-primary=yellow],
[data-theme-primary=yellow] {
--tblr-primary: #f59f00;
--tblr-primary-rgb: 245, 159, 0;
--tblr-primary: oklch(77.02% 0.1658 71.02deg);
}
[data-bs-theme-primary=lime],
[data-theme-primary=lime] {
--tblr-primary: #74b816;
--tblr-primary-rgb: 116, 184, 22;
--tblr-primary: oklch(70.99% 0.1897 131.53deg);
}
[data-bs-theme-primary=green],
[data-theme-primary=green] {
--tblr-primary: #2fb344;
--tblr-primary-rgb: 47, 179, 68;
--tblr-primary: oklch(67.38% 0.1885 145.43deg);
}
[data-bs-theme-primary=teal],
[data-theme-primary=teal] {
--tblr-primary: #0ca678;
--tblr-primary-rgb: 12, 166, 120;
--tblr-primary: oklch(64.32% 0.1338 164.7deg);
}
[data-bs-theme-primary=cyan],
[data-theme-primary=cyan] {
--tblr-primary: #17a2b8;
--tblr-primary-rgb: 23, 162, 184;
--tblr-primary: oklch(65.52% 0.1105 212.17deg);
}
[data-bs-theme-radius="0"],
@ -202,7 +194,6 @@
[data-theme-primary=inverted] {
--tblr-primary: var(--tblr-gray-800);
--tblr-primary-fg: var(--tblr-light);
--tblr-primary-rgb: 31, 41, 55;
}
[data-bs-theme-primary=inverted][data-bs-theme=dark],
[data-bs-theme-primary=inverted] [data-bs-theme=dark], [data-bs-theme-primary=inverted][data-theme=dark],
@ -211,9 +202,8 @@
[data-theme-primary=inverted] [data-bs-theme=dark],
[data-theme-primary=inverted][data-theme=dark],
[data-theme-primary=inverted] [data-theme=dark] {
--tblr-primary: #f9fafb;
--tblr-primary: oklch(98.46% 0.0017 247.84deg);
--tblr-primary-fg: var(--tblr-dark);
--tblr-primary-rgb: 249, 250, 251;
}
[data-bs-theme-font=monospace],