Ghost Shell

JavaScript NOASSERTION

Stars
0
Forks
0
Downloads
N/A
Open Issues
0
Files main

Repository Files

Loading file structure...
src/css/main.css
@import "tailwindcss";
@import "tw-animate-css";
@import "shadcn/tailwind.css";
@import "@fontsource-variable/geist";
@import "./theme.css";

@custom-variant dark (&:is(.dark *));

@layer base {
  * {
    @apply border-border outline-ring/50;
  }
  body {
    @apply bg-background text-foreground overflow-hidden select-none;
  }
}
/* Terminal surface — must match getXtermTheme() background exactly so the
   strip below the last row blends seamlessly with the rendered canvas. */
.terminal-surface {
  background-color: #ffffff;
}
.dark .terminal-surface {
  background-color: #141414;
}

/* Let the canvas/host surface show through instead of a mismatched token. */
.xterm,
.xterm .xterm-viewport,
.xterm .xterm-screen {
  background-color: transparent !important;
}

/* Hide the terminal scrollbar (scrolling via wheel/keys still works). */
.xterm .xterm-viewport {
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.xterm .xterm-viewport::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
}

@layer utilities {
  .no-spinner::-webkit-inner-spin-button,
  .no-spinner::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }

  .no-spinner {
    -moz-appearance: textfield;
    appearance: textfield;
  }

  .xterm,
  .xterm-viewport,
  .xterm-screen {
    height: 100% !important;
    width: 100% !important;
  }
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0px 1000px transparent inset !important;
  -webkit-text-fill-color: var(--foreground) !important;
  transition: background-color 5000s ease-in-out 0s !important;
}
@utility scrollbar-hidden {
  &::-webkit-scrollbar {
    display: none;
  }
}
@layer utilities {
  input[type="number"]::-webkit-inner-spin-button,
  input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }

  input[type="number"] {
    -moz-appearance: textfield;
  }
}