mirror of
https://github.com/documenso/documenso.git
synced 2025-11-10 04:22:32 +10:00
7b5c57e8af
Adds a number of new field types and capabilities to existing fields. A massive change with far too many moving pieces to document in a single commit.
162 lines
3.3 KiB
CSS
162 lines
3.3 KiB
CSS
@tailwind base;
|
|
@tailwind components;
|
|
@tailwind utilities;
|
|
|
|
@layer base {
|
|
:root {
|
|
--background: 0 0% 100%;
|
|
--foreground: 222.2 47.4% 11.2%;
|
|
|
|
--muted: 210 40% 96.1%;
|
|
--muted-foreground: 215.4 16.3% 46.9%;
|
|
|
|
--popover: 0 0% 100%;
|
|
--popover-foreground: 222.2 47.4% 11.2%;
|
|
|
|
--card: 0 0% 100%;
|
|
--card-border: 214.3 31.8% 91.4%;
|
|
--card-border-tint: 112 205 159;
|
|
--card-foreground: 222.2 47.4% 11.2%;
|
|
|
|
--field-card: 95 74% 90%;
|
|
--field-card-border: 95.08 71.08% 67.45%;
|
|
--field-card-foreground: 222.2 47.4% 11.2%;
|
|
|
|
--widget: 0 0% 97%;
|
|
|
|
--border: 214.3 31.8% 91.4%;
|
|
--input: 214.3 31.8% 91.4%;
|
|
|
|
--primary: 95.08 71.08% 67.45%;
|
|
--primary-foreground: 95.08 71.08% 10%;
|
|
|
|
--secondary: 210 40% 96.1%;
|
|
--secondary-foreground: 222.2 47.4% 11.2%;
|
|
|
|
--accent: 210 40% 96.1%;
|
|
--accent-foreground: 222.2 47.4% 11.2%;
|
|
|
|
--destructive: 0 100% 50%;
|
|
--destructive-foreground: 210 40% 98%;
|
|
|
|
--ring: 95.08 71.08% 67.45%;
|
|
|
|
--radius: 0.5rem;
|
|
|
|
--warning: 54 96% 45%;
|
|
|
|
--gold: 47.9 95.8% 53.1%;
|
|
|
|
--signer-green: 100 48% 55%;
|
|
--signer-blue: 212 56% 50%;
|
|
--signer-purple: 266 100% 64%;
|
|
--signer-orange: 36 92% 54%;
|
|
--signer-yellow: 51 100% 43%;
|
|
--signer-pink: 313 65% 57%;
|
|
}
|
|
|
|
.dark {
|
|
--background: 0 0% 14.9%;
|
|
--foreground: 0 0% 97%;
|
|
|
|
--muted: 0 0% 23.4%;
|
|
--muted-foreground: 0 0% 85%;
|
|
|
|
--popover: 0 0% 14.9%;
|
|
--popover-foreground: 0 0% 90%;
|
|
|
|
--card: 0 0% 14.9%;
|
|
--card-border: 0 0% 27.9%;
|
|
--card-border-tint: 112 205 159;
|
|
--card-foreground: 0 0% 95%;
|
|
|
|
--widget: 0 0% 14.9%;
|
|
|
|
--border: 0 0% 27.9%;
|
|
--input: 0 0% 27.9%;
|
|
|
|
--primary: 95.08 71.08% 67.45%;
|
|
--primary-foreground: 95.08 71.08% 10%;
|
|
|
|
--secondary: 0 0% 23.4%;
|
|
--secondary-foreground: 95.08 71.08% 67.45%;
|
|
|
|
--accent: 0 0% 27.9%;
|
|
--accent-foreground: 95.08 71.08% 67.45%;
|
|
|
|
--destructive: 0 87% 62%;
|
|
--destructive-foreground: 0 87% 19%;
|
|
|
|
--ring: 95.08 71.08% 67.45%;
|
|
|
|
--radius: 0.5rem;
|
|
|
|
--warning: 54 96% 45%;
|
|
|
|
--gold: 47.9 95.8% 53.1%;
|
|
}
|
|
}
|
|
|
|
@layer base {
|
|
* {
|
|
@apply border-border;
|
|
}
|
|
|
|
body {
|
|
@apply bg-background text-foreground;
|
|
font-feature-settings: 'rlig' 1, 'calt' 1;
|
|
}
|
|
}
|
|
|
|
/*
|
|
* Custom CSS for printing reports
|
|
* - Sets page margins to 0.5 inches
|
|
* - Hides the header and footer
|
|
* - Hides the print button
|
|
* - Sets page size to A4
|
|
* - Sets the font size to 12pt
|
|
*/
|
|
.print-provider {
|
|
@page {
|
|
margin: 1in;
|
|
size: A4;
|
|
}
|
|
}
|
|
|
|
.gradient-border-mask::before {
|
|
mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
|
|
-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
|
|
mask-composite: exclude;
|
|
-webkit-mask-composite: xor;
|
|
}
|
|
|
|
.custom-scrollbar::-webkit-scrollbar {
|
|
width: 6px;
|
|
background: transparent;
|
|
border-radius: 10px;
|
|
scrollbar-gutter: stable;
|
|
}
|
|
|
|
.custom-scrollbar::-webkit-scrollbar-track {
|
|
border-radius: 10px;
|
|
}
|
|
|
|
.custom-scrollbar::-webkit-scrollbar-thumb {
|
|
background: rgb(100 116 139 / 1);
|
|
border-radius: 10px;
|
|
width: 8px;
|
|
}
|
|
|
|
.custom-scrollbar::-webkit-scrollbar-thumb:hover {
|
|
background: rgb(100 116 139 / 0.5);
|
|
}
|
|
|
|
/* Custom Swagger Dark Theme */
|
|
.swagger-dark-theme .swagger-ui {
|
|
filter: invert(88%) hue-rotate(180deg);
|
|
}
|
|
|
|
.swagger-dark-theme .swagger-ui .microlight {
|
|
filter: invert(100%) hue-rotate(180deg);
|
|
}
|