enzostvs/deepsite

1@import "tailwindcss";2@import "tw-animate-css";3 4@custom-variant dark (&:is(.dark *));5 6@theme inline {7  --color-background: var(--background);8  --color-foreground: var(--foreground);9  --font-sans: var(--font-geist-sans);10  --font-mono: var(--font-geist-mono);11  --color-sidebar-ring: var(--sidebar-ring);12  --color-sidebar-border: var(--sidebar-border);13  --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);14  --color-sidebar-accent: var(--sidebar-accent);15  --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);16  --color-sidebar-primary: var(--sidebar-primary);17  --color-sidebar-foreground: var(--sidebar-foreground);18  --color-sidebar: var(--sidebar);19  --color-chart-5: var(--chart-5);20  --color-chart-4: var(--chart-4);21  --color-chart-3: var(--chart-3);22  --color-chart-2: var(--chart-2);23  --color-chart-1: var(--chart-1);24  --color-ring: var(--ring);25  --color-input: var(--input);26  --color-border: var(--border);27  --color-destructive: var(--destructive);28  --color-accent-foreground: var(--accent-foreground);29  --color-accent: var(--accent);30  --color-muted-foreground: var(--muted-foreground);31  --color-muted: var(--muted);32  --color-secondary-foreground: var(--secondary-foreground);33  --color-secondary: var(--secondary);34  --color-primary-foreground: var(--primary-foreground);35  --color-primary: var(--primary);36  --color-popover-foreground: var(--popover-foreground);37  --color-popover: var(--popover);38  --color-card-foreground: var(--card-foreground);39  --color-card: var(--card);40  --radius-sm: calc(var(--radius) - 4px);41  --radius-md: calc(var(--radius) - 2px);42  --radius-lg: var(--radius);43  --radius-xl: calc(var(--radius) + 4px);44}45 46:root {47  --radius: 0.65rem;48  --background: oklch(1 0 0);49  --foreground: oklch(0.145 0 0);50  --card: oklch(1 0 0);51  --card-foreground: oklch(0.145 0 0);52  --popover: oklch(1 0 0);53  --popover-foreground: oklch(0.145 0 0);54  --primary: oklch(0.205 0 0);55  --primary-foreground: oklch(0.985 0 0);56  --secondary: oklch(0.97 0 0);57  --secondary-foreground: oklch(0.205 0 0);58  --muted: oklch(0.97 0 0);59  --muted-foreground: oklch(0.556 0 0);60  --accent: oklch(0.97 0 0);61  --accent-foreground: oklch(0.205 0 0);62  --destructive: oklch(0.577 0.245 27.325);63  --border: oklch(0.922 0 0);64  --input: oklch(0.922 0 0);65  --ring: oklch(0.708 0 0);66  --chart-1: oklch(0.646 0.222 41.116);67  --chart-2: oklch(0.6 0.118 184.704);68  --chart-3: oklch(0.398 0.07 227.392);69  --chart-4: oklch(0.828 0.189 84.429);70  --chart-5: oklch(0.769 0.188 70.08);71  --radius: 0.625rem;72  --sidebar: oklch(0.985 0 0);73  --sidebar-foreground: oklch(0.145 0 0);74  --sidebar-primary: oklch(0.205 0 0);75  --sidebar-primary-foreground: oklch(0.985 0 0);76  --sidebar-accent: oklch(0.97 0 0);77  --sidebar-accent-foreground: oklch(0.205 0 0);78  --sidebar-border: oklch(0.922 0 0);79  --sidebar-ring: oklch(0.708 0 0);80}81 82.dark {83  --background: oklch(0.145 0 0);84  --foreground: oklch(0.985 0 0);85  --card: oklch(0.205 0 0);86  --card-foreground: oklch(0.985 0 0);87  --popover: oklch(0.205 0 0);88  --popover-foreground: oklch(0.985 0 0);89  --primary: oklch(0.922 0 0);90  --primary-foreground: oklch(0.205 0 0);91  --secondary: oklch(0.269 0 0);92  --secondary-foreground: oklch(0.985 0 0);93  --muted: oklch(0.269 0 0);94  --muted-foreground: oklch(0.708 0 0);95  --accent: oklch(0.269 0 0);96  --accent-foreground: oklch(0.985 0 0);97  --destructive: oklch(0.704 0.191 22.216);98  --border: oklch(1 0 0 / 10%);99  --input: oklch(1 0 0 / 15%);100  --ring: oklch(0.556 0 0);101  --chart-1: oklch(0.488 0.243 264.376);102  --chart-2: oklch(0.696 0.17 162.48);103  --chart-3: oklch(0.769 0.188 70.08);104  --chart-4: oklch(0.627 0.265 303.9);105  --chart-5: oklch(0.645 0.246 16.439);106  --sidebar: oklch(0.205 0 0);107  --sidebar-foreground: oklch(0.985 0 0);108  --sidebar-primary: oklch(0.488 0.243 264.376);109  --sidebar-primary-foreground: oklch(0.985 0 0);110  --sidebar-accent: oklch(0.269 0 0);111  --sidebar-accent-foreground: oklch(0.985 0 0);112  --sidebar-border: oklch(1 0 0 / 10%);113  --sidebar-ring: oklch(0.556 0 0);114}115 116@layer base {117  * {118    @apply border-border outline-ring/50;119  }120  body {121    @apply bg-background text-foreground;122  }123}124 125.monaco-editor .margin {126  @apply bg-background!;127}128.monaco-editor .monaco-editor-background {129  @apply bg-background!;130}131.monaco-editor .decorationsOverviewRuler {132  @apply opacity-0!;133}134.monaco-editor .view-line {135  /* @apply bg-primary/50!; */136}137.monaco-editor .scroll-decoration {138  @apply opacity-0!;139}140.monaco-editor .cursors-layer .cursor {141  @apply bg-primary!;142}143 144.content-placeholder::before {145  content: attr(data-placeholder);146  position: absolute;147  pointer-events: none;148  opacity: 0.5;149  @apply top-5 left-6;150}151 152.sp-layout153  .sp-file-explorer154  .sp-file-explorer-list155  .sp-explorer[data-active="true"] {156  @apply text-indigo-500!;157}158 159.sp-layout160  .sp-stack161  .sp-tabs162  .sp-tab-container[aria-selected="true"]163  .sp-tab-button {164  @apply text-indigo-500!;165}166.sp-layout .sp-stack .sp-tabs .sp-tab-container:has(button:focus) {167  @apply outline-none! border-none!;168}169