mirror of
https://github.com/harivansh-afk/sandbox-agent.git
synced 2026-04-15 23:01:37 +00:00
cdbe920070
feat(inspector): update visual styling to match landing page - Update color scheme to match website (black bg, white/10 borders) - Add Open Sans font - Update button styles (white primary buttons) - Add collapsible tool results and status messages - Replace avatar letters with icons (User, Settings, AlertTriangle) - Add status dividers for session/turn events - Update feature coverage badges to lighter grey - Remove pill styling from event times - Update popup menus to solid black background feat(website): add Pi agent to hero diagram and update styling - Add Pi agent with cyan color (#06B6D4) to the diagram - Update layout to 3 agents on top row, 2 on bottom row - Add backdrop-blur glass effects for modern look - Add animated dot background that changes with active adapter - Add scroll fade effect for hero section - Update subtitle to include Pi in supported agents list - Increase 'CONNECTED TO' label font size feat(website): add site styling updates and SEO improvements - Update component styling to match Rivet design (FAQ, FeatureGrid, etc.) - Add SEO improvements (sitemap, robots.txt, meta tags, Open Graph) - Remove CTASection component - Update footer tagline - Add Pi logo
64 lines
2.1 KiB
JavaScript
64 lines
2.1 KiB
JavaScript
/** @type {import('tailwindcss').Config} */
|
|
export default {
|
|
content: ['./src/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}'],
|
|
theme: {
|
|
extend: {
|
|
colors: {
|
|
// Primary accent (OrangeRed)
|
|
accent: '#FF4500',
|
|
// Extended color palette
|
|
background: '#000000',
|
|
'text-primary': '#FAFAFA',
|
|
'text-secondary': '#A0A0A0',
|
|
border: '#252525',
|
|
// Code syntax highlighting
|
|
'code-keyword': '#c084fc',
|
|
'code-function': '#60a5fa',
|
|
'code-string': '#4ade80',
|
|
'code-comment': '#737373',
|
|
},
|
|
fontFamily: {
|
|
sans: ['Open Sans', 'system-ui', 'sans-serif'],
|
|
heading: ['Satoshi', 'Open Sans', 'system-ui', 'sans-serif'],
|
|
mono: ['JetBrains Mono', 'monospace'],
|
|
},
|
|
animation: {
|
|
'fade-in-up': 'fade-in-up 0.8s ease-out forwards',
|
|
'hero-line': 'hero-line 1s cubic-bezier(0.19, 1, 0.22, 1) forwards',
|
|
'hero-p': 'hero-p 0.8s ease-out 0.6s forwards',
|
|
'hero-cta': 'hero-p 0.8s ease-out 0.8s forwards',
|
|
'hero-visual': 'hero-p 0.8s ease-out 1s forwards',
|
|
'infinite-scroll': 'infinite-scroll 25s linear infinite',
|
|
'pulse-slow': 'pulse-slow 3s cubic-bezier(0.4, 0, 0.6, 1) infinite',
|
|
},
|
|
keyframes: {
|
|
'fade-in-up': {
|
|
from: { opacity: '0', transform: 'translateY(24px)' },
|
|
to: { opacity: '1', transform: 'translateY(0)' },
|
|
},
|
|
'hero-line': {
|
|
'0%': { opacity: '0', transform: 'translateY(100%) skewY(6deg)' },
|
|
'100%': { opacity: '1', transform: 'translateY(0) skewY(0deg)' },
|
|
},
|
|
'hero-p': {
|
|
from: { opacity: '0', transform: 'translateY(20px)' },
|
|
to: { opacity: '1', transform: 'translateY(0)' },
|
|
},
|
|
'infinite-scroll': {
|
|
from: { transform: 'translateX(0)' },
|
|
to: { transform: 'translateX(-50%)' },
|
|
},
|
|
'pulse-slow': {
|
|
'50%': { opacity: '.5' },
|
|
},
|
|
},
|
|
spacing: {
|
|
header: 'var(--header-height, 3.5rem)',
|
|
},
|
|
borderRadius: {
|
|
'4xl': '2rem',
|
|
},
|
|
},
|
|
},
|
|
plugins: [],
|
|
};
|