61 lines
1.1 KiB
CSS
61 lines
1.1 KiB
CSS
@import "tailwindcss";
|
|
|
|
@theme {
|
|
--color-surface: #0d1117;
|
|
--color-sidebar: #161b22;
|
|
--color-topbar: #1c2128;
|
|
--color-hover: #21262d;
|
|
--color-active: #1f6feb33;
|
|
--color-edge: #30363d;
|
|
--color-primary: #e6edf3;
|
|
--color-muted: #8b949e;
|
|
--color-accent: #58a6ff;
|
|
--color-danger: #f85149;
|
|
--color-success: #3fb950;
|
|
--color-warning: #d29922;
|
|
}
|
|
|
|
body {
|
|
font-family:
|
|
-apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
|
|
}
|
|
|
|
/* dialog styling (no tailwind equivalents for ::backdrop) */
|
|
dialog[open] {
|
|
margin: auto;
|
|
}
|
|
dialog::backdrop {
|
|
background: rgba(0, 0, 0, 0.6);
|
|
}
|
|
|
|
dialog textarea {
|
|
font-family: inherit;
|
|
}
|
|
|
|
dialog textarea:focus {
|
|
outline: none;
|
|
border-color: var(--color-accent);
|
|
}
|
|
|
|
/* spinner */
|
|
@keyframes spin {
|
|
to {
|
|
transform: rotate(360deg);
|
|
}
|
|
}
|
|
.spinner {
|
|
display: inline-block;
|
|
width: 12px;
|
|
height: 12px;
|
|
border: 1.5px solid currentColor;
|
|
border-top-color: transparent;
|
|
border-radius: 50%;
|
|
animation: spin 0.6s linear infinite;
|
|
}
|
|
|
|
/* xterm overrides */
|
|
.xterm {
|
|
height: 100%;
|
|
width: 100%;
|
|
}
|