Flatten Bolt-Compress to repo root
This commit is contained in:
majestic
@@ -0,0 +1,609 @@
|
||||
from __future__ import annotations
|
||||
|
||||
from pathlib import Path
|
||||
|
||||
from PyQt6.QtCore import QPointF, QRectF, Qt
|
||||
from PyQt6.QtGui import (
|
||||
QColor,
|
||||
QIcon,
|
||||
QLinearGradient,
|
||||
QPainter,
|
||||
QPainterPath,
|
||||
QPen,
|
||||
QPixmap,
|
||||
QPolygonF,
|
||||
)
|
||||
|
||||
from .models import MediaKind
|
||||
|
||||
BG = "#0A0D12"
|
||||
CARD = "#11161E"
|
||||
ACCENT = "#D7FF3F"
|
||||
TEXT = "#E8EDF4"
|
||||
MUTED = "#8795A7"
|
||||
GREEN = "#8FE3A6"
|
||||
RED = "#FF7D7D"
|
||||
AMBER = "#F6C96B"
|
||||
|
||||
_ASSET_DIR = Path(__file__).resolve().parent / "assets"
|
||||
|
||||
|
||||
def _asset_url(name: str) -> str:
|
||||
return (_ASSET_DIR / name).as_posix()
|
||||
|
||||
|
||||
def stylesheet() -> str:
|
||||
chevron = _asset_url("chevron-down.svg")
|
||||
check = _asset_url("check.svg")
|
||||
qss = """
|
||||
QWidget {
|
||||
color: #E8EDF4;
|
||||
font-family: "Segoe UI Variable Text", "Segoe UI", "Inter", sans-serif;
|
||||
font-size: 13px;
|
||||
}
|
||||
QMainWindow, QWidget#root {
|
||||
background-color: #0A0D12;
|
||||
}
|
||||
QLabel {
|
||||
background: transparent;
|
||||
}
|
||||
QFrame#queueCard, QFrame#settingsCard {
|
||||
background-color: #11161E;
|
||||
border: 1px solid #202A35;
|
||||
border-radius: 16px;
|
||||
}
|
||||
QFrame#queueCard[dragActive="true"] {
|
||||
border: 1px solid #D7FF3F;
|
||||
background-color: #121A17;
|
||||
}
|
||||
QFrame#divider {
|
||||
background-color: #1E2832;
|
||||
border: none;
|
||||
min-height: 1px;
|
||||
max-height: 1px;
|
||||
}
|
||||
QFrame#dropZone {
|
||||
background-color: #0D1219;
|
||||
border: 1px dashed #2B3745;
|
||||
border-radius: 13px;
|
||||
}
|
||||
QFrame#dropZone[dragActive="true"] {
|
||||
background-color: #111B17;
|
||||
border: 1px dashed #D7FF3F;
|
||||
}
|
||||
|
||||
QLabel#appTitle {
|
||||
font-size: 22px;
|
||||
font-weight: 700;
|
||||
color: #F5F8FC;
|
||||
}
|
||||
QLabel#appSubtitle {
|
||||
color: #8491A2;
|
||||
font-size: 12px;
|
||||
}
|
||||
QLabel#cardTitle {
|
||||
font-size: 16px;
|
||||
font-weight: 700;
|
||||
color: #F1F5FA;
|
||||
}
|
||||
QLabel#sectionHintTitle {
|
||||
font-size: 15px;
|
||||
font-weight: 700;
|
||||
color: #F1F5FA;
|
||||
}
|
||||
QLabel#badge {
|
||||
background-color: #1C2631;
|
||||
border: 1px solid #293543;
|
||||
border-radius: 9px;
|
||||
color: #9EABBA;
|
||||
font-size: 11px;
|
||||
font-weight: 700;
|
||||
padding: 2px 8px;
|
||||
}
|
||||
QLabel#privacyChip {
|
||||
background-color: #142018;
|
||||
border: 1px solid #27402E;
|
||||
border-radius: 11px;
|
||||
color: #91D8A4;
|
||||
font-size: 11px;
|
||||
font-weight: 600;
|
||||
padding: 5px 10px;
|
||||
}
|
||||
QLabel#fieldLabel {
|
||||
color: #A8B4C3;
|
||||
font-size: 12px;
|
||||
font-weight: 600;
|
||||
}
|
||||
QLabel#hintLabel {
|
||||
color: #7B8898;
|
||||
font-size: 11px;
|
||||
}
|
||||
QLabel#qualityValue {
|
||||
color: #D7FF3F;
|
||||
font-size: 12px;
|
||||
font-weight: 700;
|
||||
}
|
||||
QLabel#emptyTitle {
|
||||
font-size: 17px;
|
||||
font-weight: 700;
|
||||
color: #EDF2F8;
|
||||
}
|
||||
QLabel#emptyText {
|
||||
color: #778595;
|
||||
font-size: 12px;
|
||||
}
|
||||
QLabel#statsLabel {
|
||||
color: #A9B5C4;
|
||||
font-size: 12px;
|
||||
}
|
||||
QLabel#outputLabel {
|
||||
color: #6F7D8E;
|
||||
font-size: 10px;
|
||||
font-weight: 700;
|
||||
}
|
||||
QLabel#percentLabel {
|
||||
color: #D7FF3F;
|
||||
font-size: 11px;
|
||||
font-weight: 700;
|
||||
min-width: 32px;
|
||||
}
|
||||
QLabel#footerText {
|
||||
color: #758294;
|
||||
font-size: 11px;
|
||||
}
|
||||
QLabel#engineLabel {
|
||||
color: #768496;
|
||||
font-size: 11px;
|
||||
}
|
||||
QLabel#successText {
|
||||
color: #8FE3A6;
|
||||
font-size: 11px;
|
||||
}
|
||||
|
||||
QPushButton {
|
||||
background-color: #1A232D;
|
||||
border: 1px solid #2A3745;
|
||||
border-radius: 8px;
|
||||
padding: 7px 12px;
|
||||
color: #D9E1EA;
|
||||
font-size: 12px;
|
||||
font-weight: 600;
|
||||
}
|
||||
QPushButton:hover {
|
||||
background-color: #202B37;
|
||||
border-color: #3A4A5C;
|
||||
}
|
||||
QPushButton:pressed {
|
||||
background-color: #18212A;
|
||||
}
|
||||
QPushButton:disabled {
|
||||
background-color: #141A21;
|
||||
border-color: #202831;
|
||||
color: #586473;
|
||||
}
|
||||
QPushButton#ghostButton {
|
||||
background-color: transparent;
|
||||
border: 1px solid transparent;
|
||||
color: #8593A4;
|
||||
padding: 7px 9px;
|
||||
}
|
||||
QPushButton#ghostButton:hover {
|
||||
background-color: #19222C;
|
||||
color: #D9E1EA;
|
||||
}
|
||||
QPushButton#accentSmall {
|
||||
background-color: #D7FF3F;
|
||||
border: 1px solid #D7FF3F;
|
||||
border-radius: 9px;
|
||||
color: #101500;
|
||||
padding: 8px 18px;
|
||||
font-weight: 700;
|
||||
}
|
||||
QPushButton#accentSmall:hover {
|
||||
background-color: #E4FF70;
|
||||
border-color: #E4FF70;
|
||||
}
|
||||
QPushButton#primaryAction {
|
||||
background-color: #D7FF3F;
|
||||
border: 1px solid #D7FF3F;
|
||||
border-radius: 10px;
|
||||
color: #0D1203;
|
||||
font-size: 13px;
|
||||
font-weight: 700;
|
||||
padding: 11px 18px;
|
||||
min-height: 22px;
|
||||
}
|
||||
QPushButton#primaryAction:hover {
|
||||
background-color: #E5FF77;
|
||||
border-color: #E5FF77;
|
||||
}
|
||||
QPushButton#primaryAction:pressed {
|
||||
background-color: #C9F42F;
|
||||
}
|
||||
QPushButton#primaryAction:disabled {
|
||||
background-color: #222B20;
|
||||
border-color: #293523;
|
||||
color: #65705A;
|
||||
}
|
||||
QPushButton#cancelButton {
|
||||
background-color: transparent;
|
||||
border: 1px solid #4A2A2E;
|
||||
color: #E79A9A;
|
||||
border-radius: 10px;
|
||||
padding: 11px 16px;
|
||||
font-weight: 600;
|
||||
}
|
||||
QPushButton#cancelButton:hover {
|
||||
background-color: #221719;
|
||||
border-color: #784047;
|
||||
}
|
||||
|
||||
QToolButton#destButton {
|
||||
background-color: #0E141B;
|
||||
border: 1px solid #25303C;
|
||||
border-radius: 8px;
|
||||
padding: 7px 26px 7px 10px;
|
||||
color: #B7C3D1;
|
||||
font-size: 12px;
|
||||
text-align: left;
|
||||
}
|
||||
QToolButton#destButton:hover {
|
||||
border-color: #3A4B5D;
|
||||
background-color: #121A23;
|
||||
}
|
||||
QToolButton#destButton::menu-indicator {
|
||||
image: url("__CHEVRON__");
|
||||
subcontrol-origin: padding;
|
||||
subcontrol-position: center right;
|
||||
width: 14px;
|
||||
height: 14px;
|
||||
right: 8px;
|
||||
}
|
||||
|
||||
QTabWidget#settingsTabs::pane {
|
||||
border: none;
|
||||
margin-top: 4px;
|
||||
}
|
||||
QTabWidget#settingsTabs QTabBar::tab {
|
||||
background-color: #0E141B;
|
||||
border: 1px solid #202A35;
|
||||
border-radius: 8px;
|
||||
color: #8694A5;
|
||||
padding: 7px 17px;
|
||||
margin-right: 5px;
|
||||
font-size: 12px;
|
||||
font-weight: 600;
|
||||
min-width: 62px;
|
||||
}
|
||||
QTabWidget#settingsTabs QTabBar::tab:hover {
|
||||
color: #DCE4ED;
|
||||
border-color: #334253;
|
||||
}
|
||||
QTabWidget#settingsTabs QTabBar::tab:selected {
|
||||
background-color: #D7FF3F;
|
||||
border-color: #D7FF3F;
|
||||
color: #101500;
|
||||
font-weight: 700;
|
||||
}
|
||||
QScrollArea#tabScroll {
|
||||
border: none;
|
||||
background-color: transparent;
|
||||
}
|
||||
QScrollArea#tabScroll > QWidget > QWidget {
|
||||
background-color: transparent;
|
||||
}
|
||||
QWidget#tabContent {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
QComboBox, QSpinBox {
|
||||
background-color: #0D131A;
|
||||
border: 1px solid #25303D;
|
||||
border-radius: 8px;
|
||||
padding: 7px 10px;
|
||||
color: #DDE5EE;
|
||||
min-height: 20px;
|
||||
selection-background-color: #293644;
|
||||
}
|
||||
QComboBox:hover, QSpinBox:hover {
|
||||
border-color: #38495B;
|
||||
}
|
||||
QComboBox:focus, QSpinBox:focus {
|
||||
border-color: #D7FF3F;
|
||||
}
|
||||
QComboBox:disabled, QSpinBox:disabled {
|
||||
color: #5E6978;
|
||||
background-color: #10151C;
|
||||
border-color: #1C242D;
|
||||
}
|
||||
QComboBox::drop-down {
|
||||
subcontrol-origin: padding;
|
||||
subcontrol-position: top right;
|
||||
width: 26px;
|
||||
border: none;
|
||||
background: transparent;
|
||||
}
|
||||
QComboBox::down-arrow {
|
||||
image: url("__CHEVRON__");
|
||||
width: 14px;
|
||||
height: 14px;
|
||||
}
|
||||
QComboBox QAbstractItemView {
|
||||
background-color: #141B24;
|
||||
border: 1px solid #2A3745;
|
||||
border-radius: 8px;
|
||||
padding: 4px;
|
||||
color: #DDE5EE;
|
||||
selection-background-color: #24313E;
|
||||
selection-color: #F4F8FC;
|
||||
outline: 0;
|
||||
}
|
||||
|
||||
QSlider::groove:horizontal {
|
||||
height: 4px;
|
||||
background-color: #26313D;
|
||||
border-radius: 2px;
|
||||
}
|
||||
QSlider::sub-page:horizontal {
|
||||
background-color: #D7FF3F;
|
||||
border-radius: 2px;
|
||||
}
|
||||
QSlider::handle:horizontal {
|
||||
background-color: #F7FFE2;
|
||||
border: 3px solid #D7FF3F;
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
margin: -7px 0;
|
||||
border-radius: 9px;
|
||||
}
|
||||
QSlider::handle:horizontal:hover {
|
||||
background-color: #FFFFFF;
|
||||
border-color: #E5FF77;
|
||||
}
|
||||
QSlider:disabled::sub-page:horizontal {
|
||||
background-color: #47533A;
|
||||
}
|
||||
QSlider:disabled::handle:horizontal {
|
||||
background-color: #87937B;
|
||||
border-color: #47533A;
|
||||
}
|
||||
|
||||
QCheckBox {
|
||||
color: #AEBAC8;
|
||||
font-size: 12px;
|
||||
spacing: 9px;
|
||||
}
|
||||
QCheckBox::indicator {
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
border: 1px solid #354250;
|
||||
border-radius: 4px;
|
||||
background-color: #0D131A;
|
||||
}
|
||||
QCheckBox::indicator:hover {
|
||||
border-color: #526679;
|
||||
}
|
||||
QCheckBox::indicator:checked {
|
||||
background-color: #D7FF3F;
|
||||
border-color: #D7FF3F;
|
||||
image: url("__CHECK__");
|
||||
}
|
||||
|
||||
QTreeWidget {
|
||||
background-color: transparent;
|
||||
border: none;
|
||||
outline: 0;
|
||||
show-decoration-selected: 1;
|
||||
alternate-background-color: transparent;
|
||||
selection-background-color: #19222C;
|
||||
}
|
||||
QTreeWidget::item {
|
||||
border-bottom: 1px solid #1A222B;
|
||||
padding: 0px;
|
||||
color: #D8E0E9;
|
||||
}
|
||||
QTreeWidget::item:hover {
|
||||
background-color: #151D26;
|
||||
}
|
||||
QTreeWidget::item:selected {
|
||||
background-color: #1B2530;
|
||||
color: #F2F6FA;
|
||||
}
|
||||
QTreeWidget::branch {
|
||||
background: transparent;
|
||||
}
|
||||
QHeaderView {
|
||||
background-color: transparent;
|
||||
}
|
||||
QHeaderView::section {
|
||||
background-color: transparent;
|
||||
border: none;
|
||||
border-bottom: 1px solid #202A34;
|
||||
color: #768496;
|
||||
font-size: 10px;
|
||||
font-weight: 700;
|
||||
padding: 0px 2px 9px 2px;
|
||||
}
|
||||
QHeaderView::section:first {
|
||||
padding-left: 8px;
|
||||
}
|
||||
|
||||
QProgressBar {
|
||||
background-color: #232C37;
|
||||
border: none;
|
||||
border-radius: 3px;
|
||||
min-height: 6px;
|
||||
max-height: 6px;
|
||||
text-align: center;
|
||||
}
|
||||
QProgressBar::chunk {
|
||||
background-color: #D7FF3F;
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
QScrollBar:vertical {
|
||||
background: transparent;
|
||||
width: 8px;
|
||||
margin: 2px 0px;
|
||||
}
|
||||
QScrollBar::handle:vertical {
|
||||
background: #2A3542;
|
||||
min-height: 28px;
|
||||
border-radius: 4px;
|
||||
}
|
||||
QScrollBar::handle:vertical:hover {
|
||||
background: #3C4A5A;
|
||||
}
|
||||
QScrollBar::add-line:vertical, QScrollBar::sub-line:vertical {
|
||||
height: 0px;
|
||||
}
|
||||
QScrollBar::add-page:vertical, QScrollBar::sub-page:vertical {
|
||||
background: transparent;
|
||||
}
|
||||
QScrollBar:horizontal {
|
||||
background: transparent;
|
||||
height: 8px;
|
||||
}
|
||||
QScrollBar::handle:horizontal {
|
||||
background: #2A3542;
|
||||
min-width: 28px;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
QMenu {
|
||||
background-color: #151C25;
|
||||
border: 1px solid #2A3745;
|
||||
border-radius: 8px;
|
||||
padding: 5px;
|
||||
}
|
||||
QMenu::item {
|
||||
background-color: transparent;
|
||||
color: #DCE4ED;
|
||||
padding: 7px 24px 7px 12px;
|
||||
border-radius: 5px;
|
||||
}
|
||||
QMenu::item:selected {
|
||||
background-color: #232F3C;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
QMenu::item:disabled {
|
||||
color: #687483;
|
||||
}
|
||||
QMenu::separator {
|
||||
height: 1px;
|
||||
background-color: #27323E;
|
||||
margin: 5px 8px;
|
||||
}
|
||||
|
||||
QToolTip {
|
||||
background-color: #1A222C;
|
||||
color: #E6ECF3;
|
||||
border: 1px solid #354250;
|
||||
padding: 6px 8px;
|
||||
}
|
||||
QMessageBox {
|
||||
background-color: #11161E;
|
||||
}
|
||||
QMessageBox QLabel {
|
||||
color: #E6ECF3;
|
||||
}
|
||||
"""
|
||||
return qss.replace("__CHEVRON__", chevron).replace("__CHECK__", check)
|
||||
|
||||
|
||||
def make_app_icon() -> QIcon:
|
||||
icon = QIcon()
|
||||
for size in (16, 24, 32, 48, 64, 128, 256, 512):
|
||||
icon.addPixmap(_render_logo(size))
|
||||
return icon
|
||||
|
||||
|
||||
def app_logo_pixmap(size: int) -> QPixmap:
|
||||
return _render_logo(size)
|
||||
|
||||
|
||||
def _render_logo(size: int) -> QPixmap:
|
||||
pixmap = QPixmap(size, size)
|
||||
pixmap.fill(Qt.GlobalColor.transparent)
|
||||
painter = QPainter(pixmap)
|
||||
painter.setRenderHint(QPainter.RenderHint.Antialiasing, True)
|
||||
|
||||
margin = size * 0.045
|
||||
rect = QRectF(margin, margin, size - margin * 2, size - margin * 2)
|
||||
path = QPainterPath()
|
||||
path.addRoundedRect(rect, size * 0.235, size * 0.235)
|
||||
|
||||
gradient = QLinearGradient(rect.topLeft(), rect.bottomRight())
|
||||
gradient.setColorAt(0.0, QColor("#E5FF77"))
|
||||
gradient.setColorAt(0.55, QColor("#D7FF3F"))
|
||||
gradient.setColorAt(1.0, QColor("#B8EA22"))
|
||||
painter.fillPath(path, gradient)
|
||||
|
||||
# A soft inner highlight gives the mark a little dimension.
|
||||
highlight = QPainterPath()
|
||||
highlight.addRoundedRect(QRectF(margin, margin, size - margin * 2, (size - margin * 2) * 0.48), size * 0.22, size * 0.22)
|
||||
painter.fillPath(highlight, QColor(255, 255, 255, 18))
|
||||
|
||||
points = [
|
||||
(0.575, 0.135),
|
||||
(0.245, 0.555),
|
||||
(0.465, 0.555),
|
||||
(0.405, 0.875),
|
||||
(0.765, 0.445),
|
||||
(0.535, 0.445),
|
||||
]
|
||||
bolt = QPolygonF([QPointF(x * size, y * size) for x, y in points])
|
||||
painter.setPen(QPen(QColor("#142000"), max(1.0, size * 0.012), Qt.PenStyle.SolidLine, Qt.PenCapStyle.RoundCap, Qt.PenJoinStyle.RoundJoin))
|
||||
painter.setBrush(QColor("#0B1005"))
|
||||
painter.drawPolygon(bolt)
|
||||
painter.end()
|
||||
return pixmap
|
||||
|
||||
|
||||
def media_icon(kind: MediaKind, size: int = 64) -> QIcon:
|
||||
pixmap = QPixmap(size, size)
|
||||
pixmap.fill(Qt.GlobalColor.transparent)
|
||||
painter = QPainter(pixmap)
|
||||
painter.setRenderHint(QPainter.RenderHint.Antialiasing, True)
|
||||
scale = size / 64.0
|
||||
|
||||
if kind == MediaKind.VIDEO:
|
||||
background = QColor("#202319")
|
||||
border = QColor("#3B4527")
|
||||
glyph = QColor(ACCENT)
|
||||
else:
|
||||
background = QColor("#15231D")
|
||||
border = QColor("#2A4639")
|
||||
glyph = QColor("#91E1B5")
|
||||
|
||||
painter.setPen(QPen(border, 2.0 * scale))
|
||||
painter.setBrush(background)
|
||||
painter.drawRoundedRect(QRectF(1.5 * scale, 1.5 * scale, 61 * scale, 61 * scale), 15 * scale, 15 * scale)
|
||||
|
||||
if kind == MediaKind.VIDEO:
|
||||
triangle = QPolygonF(
|
||||
[
|
||||
QPointF(25 * scale, 19 * scale),
|
||||
QPointF(48 * scale, 32 * scale),
|
||||
QPointF(25 * scale, 45 * scale),
|
||||
]
|
||||
)
|
||||
painter.setPen(Qt.PenStyle.NoPen)
|
||||
painter.setBrush(glyph)
|
||||
painter.drawPolygon(triangle)
|
||||
else:
|
||||
painter.setBrush(Qt.BrushStyle.NoBrush)
|
||||
painter.setPen(QPen(glyph, 3.2 * scale, Qt.PenStyle.SolidLine, Qt.PenCapStyle.RoundCap, Qt.PenJoinStyle.RoundJoin))
|
||||
painter.drawEllipse(QRectF(17 * scale, 16 * scale, 9 * scale, 9 * scale))
|
||||
mountain = QPainterPath()
|
||||
mountain.moveTo(13 * scale, 47 * scale)
|
||||
mountain.lineTo(27 * scale, 31 * scale)
|
||||
mountain.lineTo(36 * scale, 40 * scale)
|
||||
mountain.lineTo(43 * scale, 32 * scale)
|
||||
mountain.lineTo(52 * scale, 47 * scale)
|
||||
painter.drawPath(mountain)
|
||||
painter.setPen(QPen(glyph, 2.4 * scale))
|
||||
painter.drawRoundedRect(QRectF(11 * scale, 13 * scale, 42 * scale, 38 * scale), 6 * scale, 6 * scale)
|
||||
|
||||
painter.end()
|
||||
return QIcon(pixmap)
|
||||
Reference in New Issue
Block a user