avances en plantillas
This commit is contained in:
JACS
parent
0f84beacf1
commit
da0530d79b
2062 changed files with 598814 additions and 22 deletions
240
storage/public/dist/css/tabler-themes.css
vendored
Normal file
240
storage/public/dist/css/tabler-themes.css
vendored
Normal file
|
|
@ -0,0 +1,240 @@
|
|||
/**
|
||||
* Converts a given value to a percentage string.
|
||||
*
|
||||
* @param {Number} $value - The value to be converted to a percentage.
|
||||
* @return {String} - The percentage representation of the value.
|
||||
*/
|
||||
/**
|
||||
* Generates a transparent version of the given color.
|
||||
*
|
||||
* @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.
|
||||
*/
|
||||
[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;
|
||||
}
|
||||
|
||||
[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;
|
||||
}
|
||||
|
||||
[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;
|
||||
}
|
||||
|
||||
[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;
|
||||
}
|
||||
|
||||
[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;
|
||||
}
|
||||
|
||||
[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;
|
||||
}
|
||||
|
||||
[data-bs-theme-primary=blue],
|
||||
[data-theme-primary=blue] {
|
||||
--tblr-primary: #066fd1;
|
||||
--tblr-primary-rgb: 6, 111, 209;
|
||||
}
|
||||
|
||||
[data-bs-theme-primary=azure],
|
||||
[data-theme-primary=azure] {
|
||||
--tblr-primary: #4299e1;
|
||||
--tblr-primary-rgb: 66, 153, 225;
|
||||
}
|
||||
|
||||
[data-bs-theme-primary=indigo],
|
||||
[data-theme-primary=indigo] {
|
||||
--tblr-primary: #4263eb;
|
||||
--tblr-primary-rgb: 66, 99, 235;
|
||||
}
|
||||
|
||||
[data-bs-theme-primary=purple],
|
||||
[data-theme-primary=purple] {
|
||||
--tblr-primary: #ae3ec9;
|
||||
--tblr-primary-rgb: 174, 62, 201;
|
||||
}
|
||||
|
||||
[data-bs-theme-primary=pink],
|
||||
[data-theme-primary=pink] {
|
||||
--tblr-primary: #d6336c;
|
||||
--tblr-primary-rgb: 214, 51, 108;
|
||||
}
|
||||
|
||||
[data-bs-theme-primary=red],
|
||||
[data-theme-primary=red] {
|
||||
--tblr-primary: #d63939;
|
||||
--tblr-primary-rgb: 214, 57, 57;
|
||||
}
|
||||
|
||||
[data-bs-theme-primary=orange],
|
||||
[data-theme-primary=orange] {
|
||||
--tblr-primary: #f76707;
|
||||
--tblr-primary-rgb: 247, 103, 7;
|
||||
}
|
||||
|
||||
[data-bs-theme-primary=yellow],
|
||||
[data-theme-primary=yellow] {
|
||||
--tblr-primary: #f59f00;
|
||||
--tblr-primary-rgb: 245, 159, 0;
|
||||
}
|
||||
|
||||
[data-bs-theme-primary=lime],
|
||||
[data-theme-primary=lime] {
|
||||
--tblr-primary: #74b816;
|
||||
--tblr-primary-rgb: 116, 184, 22;
|
||||
}
|
||||
|
||||
[data-bs-theme-primary=green],
|
||||
[data-theme-primary=green] {
|
||||
--tblr-primary: #2fb344;
|
||||
--tblr-primary-rgb: 47, 179, 68;
|
||||
}
|
||||
|
||||
[data-bs-theme-primary=teal],
|
||||
[data-theme-primary=teal] {
|
||||
--tblr-primary: #0ca678;
|
||||
--tblr-primary-rgb: 12, 166, 120;
|
||||
}
|
||||
|
||||
[data-bs-theme-primary=cyan],
|
||||
[data-theme-primary=cyan] {
|
||||
--tblr-primary: #17a2b8;
|
||||
--tblr-primary-rgb: 23, 162, 184;
|
||||
}
|
||||
|
||||
[data-bs-theme-radius="0"],
|
||||
[data-theme-radius="0"] {
|
||||
--tblr-border-radius-scale: 0;
|
||||
}
|
||||
|
||||
[data-bs-theme-radius="0.5"],
|
||||
[data-theme-radius="0.5"] {
|
||||
--tblr-border-radius-scale: 0.5;
|
||||
}
|
||||
|
||||
[data-bs-theme-radius="1"],
|
||||
[data-theme-radius="1"] {
|
||||
--tblr-border-radius-scale: 1;
|
||||
}
|
||||
|
||||
[data-bs-theme-radius="1.5"],
|
||||
[data-theme-radius="1.5"] {
|
||||
--tblr-border-radius-scale: 1.5;
|
||||
}
|
||||
|
||||
[data-bs-theme-radius="2"],
|
||||
[data-theme-radius="2"] {
|
||||
--tblr-border-radius-scale: 2;
|
||||
}
|
||||
|
||||
[data-bs-theme-primary=inverted],
|
||||
[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],
|
||||
[data-bs-theme-primary=inverted] [data-theme=dark],
|
||||
[data-theme-primary=inverted][data-bs-theme=dark],
|
||||
[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-fg: var(--tblr-dark);
|
||||
--tblr-primary-rgb: 249, 250, 251;
|
||||
}
|
||||
|
||||
[data-bs-theme-font=monospace],
|
||||
[data-theme-font=monospace] {
|
||||
--tblr-body-font-family: var(--tblr-font-monospace);
|
||||
--tblr-body-font-size: 80%;
|
||||
}
|
||||
|
||||
[data-bs-theme-font=sans-serif],
|
||||
[data-theme-font=sans-serif] {
|
||||
--tblr-body-font-family: var(--tblr-font-sans-serif);
|
||||
}
|
||||
|
||||
[data-bs-theme-font=serif],
|
||||
[data-theme-font=serif] {
|
||||
--tblr-body-font-family: var(--tblr-font-serif);
|
||||
}
|
||||
|
||||
[data-bs-theme-font=comic],
|
||||
[data-theme-font=comic] {
|
||||
--tblr-body-font-family: var(--tblr-font-comic);
|
||||
}
|
||||
|
||||
/*# sourceMappingURL=tabler-themes.css.map */
|
||||
Loading…
Add table
Add a link
Reference in a new issue