aboutsummaryrefslogtreecommitdiff
path: root/apps/web/app/tailwind.css
diff options
context:
space:
mode:
authorMahesh Sanikommmu <[email protected]>2025-08-16 18:50:10 -0700
committerMahesh Sanikommmu <[email protected]>2025-08-16 18:50:10 -0700
commit39003aff23d64ff1d96074d71521f6023c9bec01 (patch)
tree3f870c04b3dce315bba1b21aa2da158494e71774 /apps/web/app/tailwind.css
parentMerge pull request #355 from supermemoryai/archive (diff)
downloadsupermemory-39003aff23d64ff1d96074d71521f6023c9bec01.tar.xz
supermemory-39003aff23d64ff1d96074d71521f6023c9bec01.zip
New Version of Supermemory Consumer App
Diffstat (limited to 'apps/web/app/tailwind.css')
-rw-r--r--apps/web/app/tailwind.css253
1 files changed, 0 insertions, 253 deletions
diff --git a/apps/web/app/tailwind.css b/apps/web/app/tailwind.css
deleted file mode 100644
index b6c362b0..00000000
--- a/apps/web/app/tailwind.css
+++ /dev/null
@@ -1,253 +0,0 @@
-@import "@radix-ui/colors/gray-dark";
-@import "@radix-ui/colors/gray";
-
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
-
-@layer base {
- :root {
- --background: 0 0% 100%;
-
- --foreground: 20 14.3% 4.1%;
-
- --card: 0 0% 100%;
-
- --card-foreground: 20 14.3% 4.1%;
-
- --popover: 0 0% 100%;
-
- --popover-foreground: 20 14.3% 4.1%;
-
- --primary: 24 9.8% 10%;
-
- --primary-foreground: 60 9.1% 97.8%;
-
- --secondary: 60 4.8% 95.9%;
-
- --secondary-foreground: 24 9.8% 10%;
-
- --muted: 60 4.8% 95.9%;
-
- --muted-foreground: 25 5.3% 44.7%;
-
- --accent: 60 4.8% 95.9%;
-
- --accent-foreground: 24 9.8% 10%;
-
- --destructive: 0 84.2% 60.2%;
-
- --destructive-foreground: 60 9.1% 97.8%;
-
- --border: 20 5.9% 90%;
-
- --input: 20 5.9% 90%;
-
- --ring: 20 14.3% 4.1%;
-
- --chart-1: 12 76% 61%;
-
- --chart-2: 173 58% 39%;
-
- --chart-3: 197 37% 24%;
-
- --chart-4: 43 74% 66%;
-
- --chart-5: 27 87% 67%;
-
- --radius: 0.5rem;
- }
- .dark {
- --background: 0, 0%, 17%;
-
- --foreground: 60 9.1% 97.8%;
-
- --card: 0, 0%, 20%;
-
- --card-foreground: 60 9.1% 97.8%;
-
- --popover: 0, 0%, 25%;
-
- --popover-foreground: 60 9.1% 98.5%;
-
- --primary: 60 9.1% 97.8%;
-
- --primary-foreground: 24 9.8% 10%;
-
- --secondary: 12 6.5% 15.1%;
-
- --secondary-foreground: 60 9.1% 97.8%;
-
- --muted: 12 6.5% 15.1%;
-
- --muted-foreground: 24 5.4% 63.9%;
-
- --accent: 12 6.5% 15.1%;
-
- --accent-foreground: 60 9.1% 97.8%;
-
- --destructive: 0 62.8% 30.6%;
-
- --destructive-foreground: 60 9.1% 97.8%;
-
- --border: 20 5.9% 25%;
-
- --input: 12 6.5% 15.1%;
-
- --ring: 24 5.7% 82.9%;
-
- --chart-1: 220 70% 50%;
-
- --chart-2: 160 60% 45%;
-
- --chart-3: 30 80% 55%;
-
- --chart-4: 280 65% 60%;
-
- --chart-5: 340 75% 55%;
- }
- [data-registry="plate"] {
- --background: 0 0% 100%;
- --foreground: 240 10% 3.9%;
- --card: 0 0% 100%;
- --card-foreground: 240 10% 3.9%;
- --popover: 0 0% 100%;
- --popover-foreground: 240 10% 3.9%;
- --primary: 240 5.9% 10%;
- --primary-foreground: 0 0% 98%;
- --secondary: 240 4.8% 95.9%;
- --secondary-foreground: 240 5.9% 10%;
- --muted: 240 4.8% 95.9%;
- --muted-foreground: 240 3.8% 46.1%;
- --accent: 240 4.8% 95.9%;
- --accent-foreground: 240 5.9% 10%;
- --destructive: 0 84.2% 60.2%;
- --destructive-foreground: 0 0% 98%;
- --border: 240 5.9% 90%;
- --input: 240 5.9% 90%;
- --ring: 240 10% 3.9%;
- --chart-1: 12 76% 61%;
- --chart-2: 173 58% 39%;
- --chart-3: 197 37% 24%;
- --chart-4: 43 74% 66%;
- --chart-5: 27 87% 67%;
- --radius: 0.5rem;
- --brand: 217.2 91.2% 59.8%;
- --highlight: 47.9 95.8% 53.1%;
- }
- [data-registry="plate"].dark {
- --background: 240 10% 3.9%;
- --foreground: 0 0% 98%;
- --card: 240 10% 3.9%;
- --card-foreground: 0 0% 98%;
- --popover: 240 10% 3.9%;
- --popover-foreground: 0 0% 98%;
- --primary: 0 0% 98%;
- --primary-foreground: 240 5.9% 10%;
- --secondary: 240 3.7% 15.9%;
- --secondary-foreground: 0 0% 98%;
- --muted: 240 3.7% 15.9%;
- --muted-foreground: 240 5% 64.9%;
- --accent: 240 3.7% 15.9%;
- --accent-foreground: 0 0% 98%;
- --destructive: 0 62.8% 30.6%;
- --destructive-foreground: 0 0% 98%;
- --border: 240 3.7% 15.9%;
- --input: 240 3.7% 15.9%;
- --ring: 240 4.9% 83.9%;
- --chart-1: 220 70% 50%;
- --chart-2: 160 60% 45%;
- --chart-3: 30 80% 55%;
- --chart-4: 280 65% 60%;
- --chart-5: 340 75% 55%;
- --brand: 213.3 93.9% 67.8%;
- --highlight: 48 96% 53%;
- }
-}
-
-@layer base {
- * {
- @apply border-border;
- &:has(html[data-theme]) {
- transition-property: color, background-color, border-color;
- transition-duration: 200ms;
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
- }
- }
- body {
- @apply bg-background text-foreground;
- }
-}
-
-@layer components {
- .fade-overlay {
- @apply absolute bottom-0 left-0 right-0 h-12 bg-gradient-to-t from-card to-transparent;
- }
-}
-
-/* Base state - scrollbar always present but invisible */
-.md\:overflow-y-scroll::-webkit-scrollbar {
- width: 4px; /* Thin scrollbar */
- background-color: transparent;
- opacity: 0;
- transition: opacity 0.2s ease;
-}
-
-.md\:overflow-y-scroll::-webkit-scrollbar-track {
- background-color: rgba(240, 240, 240, 0.1); /* Very subtle light track in light mode */
-}
-
-.md\:overflow-y-scroll::-webkit-scrollbar-thumb {
- background-color: rgba(155, 155, 155, 0.5); /* Light gray thumb */
- border-radius: 10px;
- opacity: 0;
- transition: opacity 0.2s ease;
-}
-
-/* Show scrollbar on hover */
-.md\:overflow-y-scroll:hover::-webkit-scrollbar,
-.md\:overflow-y-scroll:hover::-webkit-scrollbar-thumb {
- opacity: 1;
-}
-
-/* Dark mode adjustments */
-@media (prefers-color-scheme: dark) {
- .md\:overflow-y-scroll::-webkit-scrollbar-track {
- background-color: rgba(50, 50, 50, 0.1); /* Subtle dark track in dark mode */
- }
-
- .md\:overflow-y-scroll::-webkit-scrollbar-thumb {
- background-color: rgba(180, 180, 180, 0.5); /* Slightly lighter thumb for dark mode */
- }
-}
-
-/* For Firefox */
-.md\:overflow-y-scroll {
- scrollbar-width: thin;
- scrollbar-color: rgba(155, 155, 155, 0) transparent; /* Start with opacity 0 */
- transition: scrollbar-color 0.2s ease;
-}
-
-.md\:overflow-y-scroll:hover {
- scrollbar-color: rgba(155, 155, 155, 0.5) rgba(240, 240, 240, 0.1); /* Light mode colors */
-}
-
-/* Dark mode for Firefox */
-@media (prefers-color-scheme: dark) {
- .md\:overflow-y-scroll:hover {
- scrollbar-color: rgba(180, 180, 180, 0.5) rgba(50, 50, 50, 0.1); /* Dark mode colors */
- }
-}
-
-/* For your specific dark mode class */
-.dark .md\:overflow-y-scroll::-webkit-scrollbar-track {
- background-color: rgba(50, 50, 50, 0.1);
-}
-
-.dark .md\:overflow-y-scroll::-webkit-scrollbar-thumb {
- background-color: rgba(180, 180, 180, 0.5);
-}
-
-.dark .md\:overflow-y-scroll:hover {
- scrollbar-color: rgba(180, 180, 180, 0.5) rgba(50, 50, 50, 0.1);
-}