90 lines
1.8 KiB
CSS
90 lines
1.8 KiB
CSS
@import "tailwindcss";
|
|
|
|
:root {
|
|
color-scheme: dark;
|
|
--background: #111315;
|
|
--foreground: #e8e8e3;
|
|
--panel: #171a1d;
|
|
--panel-2: #1e2226;
|
|
--muted: #969b9f;
|
|
--border: #2d3339;
|
|
--accent: #7dc8cf;
|
|
--accent-2: #d8b66c;
|
|
--danger: #e56f72;
|
|
--radius: 0.625rem;
|
|
--sidebar: #15181b;
|
|
--sidebar-foreground: #e8e8e3;
|
|
--sidebar-accent: #22272c;
|
|
--sidebar-accent-foreground: #f2f4f4;
|
|
--sidebar-border: #2d3339;
|
|
--sidebar-ring: #7dc8cf;
|
|
--popover: #15181b;
|
|
--popover-foreground: #e8e8e3;
|
|
--primary: #7dc8cf;
|
|
--primary-foreground: #101315;
|
|
--muted-foreground: #969b9f;
|
|
--ui-glass-blur: 26px;
|
|
--ui-glass-saturation: 1.4;
|
|
--ui-glass-surface: rgb(22 22 25 / 82%);
|
|
--ui-glass-popover: rgb(24 24 27 / 86%);
|
|
--ui-glass-control: rgb(13 13 16 / 64%);
|
|
}
|
|
|
|
* {
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
html,
|
|
body {
|
|
height: 100%;
|
|
margin: 0;
|
|
background: var(--background);
|
|
color: var(--foreground);
|
|
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
|
|
letter-spacing: 0;
|
|
}
|
|
|
|
button,
|
|
input,
|
|
textarea,
|
|
select {
|
|
font: inherit;
|
|
}
|
|
|
|
button {
|
|
cursor: pointer;
|
|
}
|
|
|
|
button:disabled {
|
|
cursor: not-allowed;
|
|
opacity: 0.58;
|
|
}
|
|
|
|
::selection {
|
|
background: rgb(125 200 207 / 0.24);
|
|
}
|
|
|
|
.scrollbar-thin {
|
|
scrollbar-width: thin;
|
|
scrollbar-color: #3a424a transparent;
|
|
}
|
|
|
|
.cad-glass-surface,
|
|
.cad-glass-popover,
|
|
.cad-glass-control {
|
|
-webkit-backdrop-filter: blur(var(--ui-glass-blur)) saturate(var(--ui-glass-saturation));
|
|
backdrop-filter: blur(var(--ui-glass-blur)) saturate(var(--ui-glass-saturation));
|
|
}
|
|
|
|
.cad-glass-surface {
|
|
background-color: var(--ui-glass-surface) !important;
|
|
}
|
|
|
|
.cad-glass-popover {
|
|
background-color: var(--ui-glass-popover) !important;
|
|
}
|
|
|
|
.cad-glass-control {
|
|
background-color: var(--ui-glass-control) !important;
|
|
}
|