44 lines
2.9 KiB
CSS
44 lines
2.9 KiB
CSS
@import "tailwindcss";
|
|
@import "tw-animate-css";
|
|
@import "shadcn/tailwind.css";
|
|
@import "@fontsource-variable/geist";
|
|
@custom-variant dark (&:is(.dark *));
|
|
@theme inline {
|
|
--font-heading:var(--font-sans);--font-sans:'Geist Variable',sans-serif;
|
|
--color-background:var(--background);--color-foreground:var(--foreground);
|
|
--color-card:var(--card);--color-card-foreground:var(--card-foreground);
|
|
--color-popover:var(--popover);--color-popover-foreground:var(--popover-foreground);
|
|
--color-primary:var(--primary);--color-primary-foreground:var(--primary-foreground);
|
|
--color-secondary:var(--secondary);--color-secondary-foreground:var(--secondary-foreground);
|
|
--color-muted:var(--muted);--color-muted-foreground:var(--muted-foreground);
|
|
--color-accent:var(--accent);--color-accent-foreground:var(--accent-foreground);
|
|
--color-destructive:var(--destructive);--color-border:var(--border);--color-input:var(--input);--color-ring:var(--ring);
|
|
--radius-sm:calc(var(--radius)*.6);--radius-md:calc(var(--radius)*.8);--radius-lg:var(--radius);--radius-xl:calc(var(--radius)*1.4);
|
|
}
|
|
:root{
|
|
--background:oklch(.982 .007 86);--foreground:oklch(.23 .027 255);
|
|
--card:oklch(1 0 0);--card-foreground:var(--foreground);
|
|
--popover:oklch(1 0 0);--popover-foreground:var(--foreground);
|
|
--primary:oklch(.49 .119 262);--primary-foreground:oklch(.99 0 0);
|
|
--secondary:oklch(.944 .015 255);--secondary-foreground:oklch(.26 .045 258);
|
|
--muted:oklch(.959 .010 85);--muted-foreground:oklch(.52 .025 254);
|
|
--accent:oklch(.944 .025 255);--accent-foreground:oklch(.29 .08 258);
|
|
--destructive:oklch(.58 .18 27);--border:oklch(.90 .013 251);--input:var(--border);--ring:var(--primary);--radius:.75rem;
|
|
}
|
|
.dark{
|
|
--background:oklch(.17 .021 256);--foreground:oklch(.97 .010 255);
|
|
--card:oklch(.22 .022 255);--card-foreground:var(--foreground);
|
|
--popover:oklch(.24 .025 255);--popover-foreground:var(--foreground);
|
|
--primary:oklch(.70 .125 255);--primary-foreground:oklch(.18 .022 255);
|
|
--secondary:oklch(.28 .022 255);--secondary-foreground:var(--foreground);
|
|
--muted:oklch(.27 .02 255);--muted-foreground:oklch(.73 .018 255);
|
|
--accent:oklch(.32 .035 255);--accent-foreground:var(--foreground);
|
|
--destructive:oklch(.7 .18 26);--border:oklch(1 0 0 / 12%);--input:var(--border);--ring:var(--primary);
|
|
}
|
|
@layer base{*{border-color:var(--border)}html,body,#root{min-height:100%;height:100%;}body{background:var(--background);color:var(--foreground);font-family:var(--font-sans)}}
|
|
.drive-sidebar{width:260px;flex-shrink:0;border-right:1px solid var(--border);background:var(--card)}
|
|
.drive-brand{background:linear-gradient(145deg,oklch(.51 .13 258),oklch(.35 .11 274))}
|
|
.drive-file:hover .row-action{opacity:1}
|
|
.drive-file:focus-within .row-action{opacity:1}
|
|
@media(max-width:767px){.drive-sidebar{position:fixed;z-index:35;inset:0 auto 0 0;transform:translateX(-110%);transition:transform .2s;box-shadow:0 15px 30px #0002}.drive-sidebar[data-open="true"]{transform:translateX(0)}}
|