181 lines
2.9 KiB
CSS
181 lines
2.9 KiB
CSS
* {
|
|
all: unset;
|
|
font-family: "JetBrainsMono Nerd Font", "Noto Sans", sans-serif;
|
|
font-size: 13px;
|
|
}
|
|
|
|
.package-window {
|
|
background: transparent;
|
|
}
|
|
|
|
.package-panel {
|
|
min-width: 940px;
|
|
min-height: 620px;
|
|
border: 1px solid rgba(205, 214, 244, 0.16);
|
|
border-radius: 16px;
|
|
background: rgba(20, 20, 30, 0.97);
|
|
box-shadow: 0 20px 60px rgba(0, 0, 0, 0.45);
|
|
color: #cdd6f4;
|
|
padding: 18px;
|
|
}
|
|
|
|
.header {
|
|
min-height: 42px;
|
|
}
|
|
|
|
.title {
|
|
color: #00ff9c;
|
|
font-size: 21px;
|
|
font-weight: 800;
|
|
}
|
|
|
|
.subtitle,
|
|
.muted,
|
|
.package-meta {
|
|
color: #a6adc8;
|
|
font-size: 12px;
|
|
}
|
|
|
|
entry {
|
|
padding: 10px 12px;
|
|
border: 1px solid rgba(205, 214, 244, 0.14);
|
|
border-radius: 10px;
|
|
background: rgba(40, 40, 55, 0.82);
|
|
color: #cdd6f4;
|
|
}
|
|
|
|
entry:focus {
|
|
border-color: rgba(0, 255, 156, 0.78);
|
|
}
|
|
|
|
.button,
|
|
.tool-button,
|
|
.icon-button {
|
|
padding: 8px 10px;
|
|
border-radius: 8px;
|
|
background: rgba(40, 40, 55, 0.82);
|
|
color: #cdd6f4;
|
|
}
|
|
|
|
.button:hover,
|
|
.button:focus,
|
|
.tool-button:hover,
|
|
.tool-button:focus,
|
|
.icon-button:hover,
|
|
.icon-button:focus {
|
|
background: rgba(0, 255, 156, 0.22);
|
|
}
|
|
|
|
.primary,
|
|
.tool-button.active {
|
|
background: rgba(0, 255, 156, 0.24);
|
|
color: #00ff9c;
|
|
}
|
|
|
|
.close {
|
|
color: #f38ba8;
|
|
}
|
|
|
|
.icon-button {
|
|
min-width: 34px;
|
|
min-height: 34px;
|
|
padding: 0;
|
|
}
|
|
|
|
.toolbar {
|
|
min-height: 38px;
|
|
}
|
|
|
|
.status-strip {
|
|
min-height: 30px;
|
|
padding: 7px 10px;
|
|
border: 1px solid rgba(205, 214, 244, 0.10);
|
|
border-radius: 8px;
|
|
background: rgba(40, 40, 55, 0.48);
|
|
}
|
|
|
|
.operation-panel {
|
|
min-height: 220px;
|
|
padding: 10px;
|
|
border: 1px solid rgba(205, 214, 244, 0.12);
|
|
border-radius: 8px;
|
|
background: rgba(10, 10, 16, 0.58);
|
|
}
|
|
|
|
.operation-header,
|
|
.operation-input-row {
|
|
min-height: 34px;
|
|
}
|
|
|
|
.operation-title {
|
|
color: #00ff9c;
|
|
font-weight: 800;
|
|
}
|
|
|
|
.operation-scroll {
|
|
min-height: 142px;
|
|
border: 1px solid rgba(205, 214, 244, 0.10);
|
|
border-radius: 8px;
|
|
background: rgba(4, 4, 8, 0.72);
|
|
}
|
|
|
|
.operation-output {
|
|
padding: 10px;
|
|
color: #cdd6f4;
|
|
font-family: "JetBrainsMono Nerd Font", monospace;
|
|
font-size: 12px;
|
|
}
|
|
|
|
.danger {
|
|
color: #f38ba8;
|
|
}
|
|
|
|
.results-scroll {
|
|
min-height: 420px;
|
|
}
|
|
|
|
.package-row {
|
|
min-height: 76px;
|
|
padding: 10px;
|
|
border: 1px solid rgba(205, 214, 244, 0.10);
|
|
border-radius: 8px;
|
|
background: rgba(40, 40, 55, 0.62);
|
|
}
|
|
|
|
.package-row:hover {
|
|
border-color: rgba(0, 255, 156, 0.35);
|
|
background: rgba(40, 40, 55, 0.82);
|
|
}
|
|
|
|
.package-name {
|
|
color: #cdd6f4;
|
|
font-weight: 800;
|
|
}
|
|
|
|
.package-desc {
|
|
color: #cdd6f4;
|
|
}
|
|
|
|
.repo-pill,
|
|
.installed-pill {
|
|
padding: 4px 8px;
|
|
border-radius: 999px;
|
|
font-size: 11px;
|
|
background: rgba(116, 199, 236, 0.16);
|
|
color: #89dceb;
|
|
}
|
|
|
|
.installed-pill {
|
|
background: rgba(0, 255, 156, 0.16);
|
|
color: #00ff9c;
|
|
}
|
|
|
|
.empty {
|
|
min-height: 180px;
|
|
color: #a6adc8;
|
|
}
|
|
|
|
.error {
|
|
color: #f38ba8;
|
|
}
|