markmarionne/powershell-ai-coder-buddy

1/* Custom styles that can't be easily done with Tailwind */2pre {3    font-family: 'Courier New', Courier, monospace;4    font-size: 0.9rem;5    line-height: 1.5;6    tab-size: 4;7}8 9code {10    font-family: 'Courier New', Courier, monospace;11    background-color: #f3f4f6;12    padding: 0.2rem 0.4rem;13    border-radius: 0.25rem;14    font-size: 0.9em;15}16 17/* Smooth scrolling for anchor links */18html {19    scroll-behavior: smooth;20}21/* Enhanced Loading Spinner */22@keyframes spin {23    0% { transform: rotate(0deg); }24    100% { transform: rotate(360deg); }25}26 27.animate-spin {28    animation: spin 0.8s linear infinite;29}30 31/* Pulse animation for loading */32@keyframes pulse {33    0%, 100% { opacity: 1; }34    50% { opacity: 0.5; }35}36 37.animate-pulse {38    animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;39}40 41/* Code block enhancements */42pre code {43    display: block;44    padding: 1.5rem;45    overflow-x: auto;46    color: #f8f8f2;47    background: #282a36;48    border-radius: 0.5rem;49    line-height: 1.5;50    tab-size: 4;51}52 53pre code .comment {54    color: #6272a4;55}56 57pre code .string {58    color: #f1fa8c;59}60 61pre code .keyword {62    color: #ff79c6;63}64 65pre code .function {66    color: #50fa7b;67}68 69pre code .variable {70    color: #bd93f9;71}72/* AI Code Section */73#ai-prompt {74    min-height: 120px;75}76 77#ai-generated-code {78    min-height: 200px;79}80/* Dark mode styles */81.dark {82  --tw-bg-opacity: 1;83  background-color: rgb(17 24 39 / var(--tw-bg-opacity));84}85 86.dark body {87  background-color: #111827;88  color: #f3f4f6;89}90 91.dark .bg-white {92  background-color: #1f2937;93}94 95.dark .text-gray-800 {96  color: #f3f4f6;97}98 99.dark .text-gray-600 {100  color: #d1d5db;101}102 103.dark pre code {104  background-color: #1e1e2e;105}106 107.dark .shadow-md {108  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.2), 0 2px 4px -1px rgba(0, 0, 0, 0.1);109}110 111/* Custom scrollbar */112::-webkit-scrollbar {113    width: 8px;114    height: 8px;115}116 117::-webkit-scrollbar-track {118    background: #f1f1f1;119}120 121::-webkit-scrollbar-thumb {122    background: #3b82f6;123    border-radius: 4px;124}125 126::-webkit-scrollbar-thumb:hover {127    background: #2563eb;128}