mirror of
https://github.com/Start9Labs/start-os.git
synced 2026-03-31 04:23:40 +00:00
3c27499795
* refactor status info * wip fe * frontend changes and version bump * fix tests and motd * add registry workflow * better starttunnel instructions * placeholders for starttunnel tables --------- Co-authored-by: Aiden McClelland <me@drbonez.dev>
97 lines
2.1 KiB
SCSS
97 lines
2.1 KiB
SCSS
:root {
|
|
height: 100%;
|
|
|
|
--tui-text-action: #428bf9;
|
|
--tui-text-action-hover: #165eca;
|
|
--tui-background-accent-1: #428bf9;
|
|
--tui-background-accent-1-hover: #126df7;
|
|
--tui-background-accent-1-pressed: #156ed4;
|
|
}
|
|
|
|
body {
|
|
height: 100%;
|
|
isolation: isolate;
|
|
overflow-x: hidden;
|
|
background:
|
|
conic-gradient(var(--tui-background-base)),
|
|
radial-gradient(circle at top right, #5240a8, transparent 40%),
|
|
radial-gradient(circle at bottom right, #9236c9, transparent),
|
|
radial-gradient(circle at 25% 100%, #5b65d5, transparent 30%),
|
|
radial-gradient(circle at bottom left, #0090c0, transparent 50%),
|
|
radial-gradient(circle at top left, #2a5ba8, transparent 50%),
|
|
linear-gradient(to bottom, #5654b2, transparent);
|
|
background-blend-mode: hard-light;
|
|
|
|
&:not([tuiTheme]) {
|
|
background-blend-mode: soft-light;
|
|
|
|
&::before {
|
|
content: '';
|
|
position: fixed;
|
|
inset: 0;
|
|
z-index: -1;
|
|
background: rgb(255 255 255 / 15%);
|
|
backdrop-filter: brightness(1.5);
|
|
}
|
|
}
|
|
}
|
|
|
|
tui-dropdown[data-appearance='start-9'] {
|
|
background: none;
|
|
backdrop-filter: blur(1rem);
|
|
}
|
|
|
|
tui-dialog[new][data-appearance~='start-9'] {
|
|
background: var(--tui-background-neutral-1);
|
|
backdrop-filter: blur(5rem);
|
|
}
|
|
|
|
.g-table {
|
|
width: 100%;
|
|
border-collapse: collapse;
|
|
border-radius: var(--tui-radius-s);
|
|
background: var(--tui-background-neutral-1);
|
|
box-shadow: inset 0 0 0 1px var(--tui-background-neutral-1);
|
|
|
|
thead tr {
|
|
position: sticky;
|
|
top: 0;
|
|
background: var(--tui-background-neutral-1);
|
|
backdrop-filter: blur(5rem);
|
|
z-index: 1;
|
|
}
|
|
|
|
tr:nth-child(even) {
|
|
backdrop-filter: brightness(0.9);
|
|
}
|
|
|
|
th,
|
|
td {
|
|
height: var(--tui-height-m);
|
|
padding: 0 1rem;
|
|
text-align: start;
|
|
background: transparent;
|
|
border: none;
|
|
box-shadow: inset 0 1px var(--tui-background-neutral-1);
|
|
|
|
&:last-child {
|
|
text-align: end;
|
|
}
|
|
}
|
|
}
|
|
|
|
.placeholder {
|
|
padding: 1rem;
|
|
font: var(--tui-font-text-l);
|
|
color: var(--tui-text-tertiary);
|
|
}
|
|
|
|
qr-code {
|
|
display: flex;
|
|
justify-content: center;
|
|
}
|
|
|
|
tui-data-list {
|
|
--tui-text-action: var(--tui-text-primary);
|
|
}
|