- Loading editor...
+
-
+
+
Loading editor...
+
- Online Soroban Compiler 📟 - Scaffold Rust
+
+
-
-
+
+
diff --git a/apps/frontend/src/styles.css b/apps/frontend/src/styles.css
index d3a1a9a..da3459a 100644
--- a/apps/frontend/src/styles.css
+++ b/apps/frontend/src/styles.css
@@ -1,4 +1,99 @@
/* You can add global styles to this file, and also import other style files */
+@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@300;400;500;600&display=swap');
+
@tailwind base;
@tailwind components;
@tailwind utilities;
+
+@layer base {
+ /* Custom CSS variables for theming */
+ :root {
+ --primary-gradient: linear-gradient(135deg, #3b82f6 0%, #8b5cf6 100%);
+ --editor-gradient: linear-gradient(135deg, #1f2937 0%, #111827 100%);
+ --success-gradient: linear-gradient(135deg, #10b981 0%, #059669 100%);
+ }
+
+ /* Enhanced scroll bars */
+ ::-webkit-scrollbar {
+ width: 8px;
+ height: 8px;
+ }
+
+ ::-webkit-scrollbar-track {
+ @apply bg-gray-800/20;
+ border-radius: 4px;
+ }
+
+ ::-webkit-scrollbar-thumb {
+ @apply bg-gray-600/50 hover:bg-gray-500/70;
+ border-radius: 4px;
+ transition: background-color 0.2s ease;
+ }
+
+ ::-webkit-scrollbar-corner {
+ @apply bg-gray-800;
+ }
+
+ /* Custom selection styling */
+ ::selection {
+ @apply bg-blue-500/30 text-white;
+ }
+
+ ::-moz-selection {
+ @apply bg-blue-500/30 text-white;
+ }
+}
+
+@layer components {
+ /* Typography improvements */
+ .font-inter {
+ font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+ }
+
+ .font-mono-code {
+ font-family: 'JetBrains Mono', 'Monaco', 'Cascadia Code', 'Roboto Mono', monospace;
+ }
+
+ /* Glass morphism effect */
+ .glass {
+ @apply backdrop-blur-md bg-white/5 border border-white/10;
+ }
+
+ .glass-dark {
+ @apply backdrop-blur-md bg-gray-900/20 border border-gray-700/30;
+ }
+
+ /* Enhanced button animations */
+ .btn-scale {
+ @apply transform transition-all duration-200 ease-out;
+ }
+
+ .btn-scale:hover {
+ @apply scale-105 shadow-lg;
+ }
+
+ .btn-scale:active {
+ @apply scale-95;
+ }
+
+ /* Gradient text utility */
+ .gradient-text {
+ @apply bg-gradient-to-r from-blue-400 via-purple-500 to-blue-600 bg-clip-text text-transparent;
+ }
+
+ /* Loading skeleton */
+ .skeleton {
+ @apply animate-pulse bg-gradient-to-r from-gray-700/50 via-gray-600/50 to-gray-700/50 bg-[length:200%_100%];
+ animation: loading-skeleton 1.5s ease-in-out infinite;
+ }
+
+ @keyframes loading-skeleton {
+ 0% { background-position: 200% 0; }
+ 100% { background-position: -200% 0; }
+ }
+
+ /* Custom focus styles for better accessibility */
+ .focus-visible-ring {
+ @apply focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2 focus-visible:ring-offset-gray-900;
+ }
+}
-
+
diff --git a/apps/frontend/src/index.html b/apps/frontend/src/index.html
index f33e189..cdc7e76 100644
--- a/apps/frontend/src/index.html
+++ b/apps/frontend/src/index.html
@@ -1,13 +1,15 @@
-
+
+
- Rust
+ Rust
+
+
+
+ UTF-8
- UTF-8
-
- {{ code.split('\n').length }} lines
+
+
+
+ {{ code.split('\n').length }} lines
+
+
+
+ Ready
+