@swapper-finance/sdk
Version:
JavaScript SDK form Swapper
76 lines (70 loc) • 3.03 kB
JavaScript
/** @type {import("tailwindcss").Config} */
export default {
content: [
"src/*.{ts,tsx}",
"src/components/**/*.{ts,tsx}",
"src/features/**/*.{ts,tsx}",
"src/integrations/**/*.{ts,tsx}",
"src/contexts/**/*.{ts,tsx}",
"src/layouts/**/*.{ts,tsx}",
"src/routes/**/*.{ts,tsx}",
"src/views/**/*.{ts,tsx}",
],
theme: {
fontFamily: {
body: ["Cabin", "Tahoma", "Verdana", "ui-sans-serif"],
sans: ["Cabin", "Tahoma", "Verdana", "ui-sans-serif"],
},
extend: {
colors: {
background_primary:
"color-mix(in srgb, var(--swapper-bg-color) calc(<alpha-value> * 100%), transparent)",
background_secondary:
"color-mix(in srgb, var(--swapper-bg-color) calc(<alpha-value> * 100%), transparent)",
background_tertiary:
"color-mix(in srgb, var(--swapper-bg-color) calc(<alpha-value> * 100%), transparent)",
theme_color:
"color-mix(in srgb, var(--swapper-primary-color) calc(<alpha-value> * 100%), transparent)",
text_primary:
"color-mix(in srgb, var(--swapper-text-color) calc(<alpha-value> * 100%), transparent)",
// Background version of text color for hover effects
bg_text_primary:
"color-mix(in srgb, var(--swapper-text-color) calc(<alpha-value> * 100%), transparent)",
button_bg_primary:
"color-mix(in srgb, var(--swapper-primary-button-bg) calc(<alpha-value> * 100%), transparent)",
button_bg_secondary:
"color-mix(in srgb, var(--swapper-secondary-button-bg) calc(<alpha-value> * 100%), transparent)",
button_bg_primary_disabled:
"color-mix(in srgb, var(--swapper-disabled-button-bg) calc(<alpha-value> * 100%), transparent)",
button_text_primary:
"color-mix(in srgb, var(--swapper-primary-button-text) calc(<alpha-value> * 100%), transparent)",
button_text_secondary:
"color-mix(in srgb, var(--swapper-secondary-button-text) calc(<alpha-value> * 100%), transparent)",
button_text_primary_disabled:
"color-mix(in srgb, var(--swapper-disabled-button-text) calc(<alpha-value> * 100%), transparent)",
// Input and card backgrounds
card_bg:
"color-mix(in srgb, var(--swapper-card-bg) calc(<alpha-value> * 100%), transparent)",
success_color:
"color-mix(in srgb, var(--swapper-success-color) calc(<alpha-value> * 100%), transparent)",
warning_color:
"color-mix(in srgb, var(--swapper-warning-color) calc(<alpha-value> * 100%), transparent)",
error_color:
"color-mix(in srgb, var(--swapper-error-color) calc(<alpha-value> * 100%), transparent)",
},
minWidth: {
x_modal: "360px",
},
maxWidth: {
x_modal: "var(--swapper-width, 480px)",
},
animation: {
"spin-slow": "spin 3s linear infinite",
},
borderRadius: {
x_radius: "var(--swapper-border-radius, 6px)",
},
},
},
plugins: [],
};