| """Tema do openTARS 5.0: as cores, as fontes e as peças do mockup aprovado. |
| |
| Fundo #151E3D, barra lateral #0F1730, cartões #1A2446 com borda #2E3C6B, |
| texto #E8ECF4, apoio #A0B0D8, verde #5FD97A nas ações e nos estados certos, |
| lavanda #A0B0D8 nos pedidos de confirmação. Texto em IBM Plex Sans, rótulos |
| técnicos em IBM Plex Mono (as duas vão junto, licença OFL em fontes/OFL.txt). |
| Cantos arredondados (botões 10 px, cartões 12 a 14 px), alvos de pelo menos 44 px. |
| """ |
|
|
| import html |
| from pathlib import Path |
|
|
| from PySide6.QtCore import QByteArray, QPointF, QRectF, QSize, Qt |
| from PySide6.QtGui import QColor, QFont, QFontDatabase, QIcon, QPainter, QPainterPath, QPen, QPixmap |
| from PySide6.QtSvg import QSvgRenderer |
| from PySide6.QtSvgWidgets import QSvgWidget |
| from PySide6.QtWidgets import QLabel, QWidget |
|
|
| CORES = { |
| "fundo": "#151E3D", |
| "lateral": "#0F1730", |
| "cartao": "#1A2446", |
| "borda": "#2E3C6B", |
| "borda2": "#34437A", |
| "borda3": "#4A5A8F", |
| "linha": "#243158", |
| "texto": "#E8ECF4", |
| "texto2": "#C5CFEA", |
| "apoio": "#A0B0D8", |
| "mudo": "#8A9AC8", |
| "verde": "#5FD97A", |
| "escuro": "#0B1020", |
| "destaque": "#222F5A", |
| } |
|
|
| |
| |
| |
| _TROCAS = str.maketrans({"▸": "›", "▶": "›", "►": "›", "▾": "↓", "▼": "↓", "✗": "×", "✘": "×", "✕": "×", "✔": "✓", "●": "•", "⏰": "↻"}) |
|
|
|
|
| _FONTES_CRUAS = [] |
|
|
|
|
| def _plex_tem(c): |
| if not _FONTES_CRUAS: |
| from PySide6.QtGui import QRawFont |
| _FONTES_CRUAS.extend(QRawFont(str(f), 15) for f in sorted(_PASTA_FONTES.glob("*.ttf"))) |
| return any(f.supportsCharacter(ord(c)) for f in _FONTES_CRUAS) |
|
|
|
|
| def seguro(texto, externo=False): |
| """O texto com os glifos que faltam na IBM Plex trocados por outros que ela tem. externo=True (texto que vem de |
| fora: título de feed, nome de arquivo, frase do modelo): o que ainda faltar vira "?" (no PC do Enzo, a estrela preta ou chinês |
| num QLabel derrubam a janela até no modo seguro).""" |
| texto = str(texto).translate(_TROCAS) |
| if not externo or texto.isascii(): |
| return texto |
| return "".join(c if c.isascii() or c in "\n\t" or _plex_tem(c) else "?" for c in texto) |
|
|
|
|
| FONTE_TEXTO = "IBM Plex Sans" |
| FONTE_MONO = "IBM Plex Mono" |
|
|
| _PASTA_FONTES = Path(__file__).resolve().parent / "fontes" |
|
|
|
|
| def preparar_fontconfig(sistema="/etc/fonts/fonts.conf", casa=None): |
| """Usa as fontes e as regras do sistema, mas com um cache de fontes só do openTARS (~/.cache/opentars/fontconfig). |
| Motivo (16/10): um cache corrompido em ~/.cache/fontconfig faz o Qt cair (segfault em FcCharSetHasChar) no primeiro |
| caractere que a fonte da janela não tem, até no modo seguro; o fc-cache -f conserta, mas o openTARS não deve depender |
| de outro programa ter deixado o cache certo. Chamar antes de criar o QApplication. Não faz nada se a pessoa já |
| escolheu um FONTCONFIG_FILE, com TARS_FONTCONFIG_SISTEMA=1, ou sem o fonts.conf do sistema. Devolve o arquivo ou None.""" |
| import os |
| import re |
| if os.environ.get("FONTCONFIG_FILE") or os.environ.get("TARS_FONTCONFIG_SISTEMA") == "1": |
| return None |
| try: |
| texto = Path(sistema).read_text(encoding="utf-8") |
| except OSError: |
| return None |
| pasta = Path(casa or os.environ.get("XDG_CACHE_HOME") or Path.home() / ".cache") / "opentars" |
| base = Path(sistema).parent |
| |
| texto = re.sub(r"<cachedir[^>]*>.*?</cachedir>", "", texto, flags=re.S) |
| texto = re.sub(r'(<include[^>]*>)\s*(?!/|~)([^<]+?)\s*(</include>)', lambda m: f"{m.group(1)}{base / m.group(2)}{m.group(3)}", texto) |
| if "</fontconfig>" not in texto: |
| return None |
| texto = texto.replace("</fontconfig>", f"<cachedir>{pasta / 'fontconfig'}</cachedir>\n</fontconfig>", 1) |
| try: |
| pasta.mkdir(parents=True, exist_ok=True) |
| arquivo = pasta / "fonts.conf" |
| if not arquivo.exists() or arquivo.read_text(encoding="utf-8") != texto: |
| arquivo.write_text(texto, encoding="utf-8") |
| except OSError: |
| return None |
| os.environ["FONTCONFIG_FILE"] = str(arquivo) |
| return arquivo |
|
|
|
|
| def carregar_fontes(): |
| """Registra as fontes que vão junto. Devolve quantas carregaram (0 = cai na fonte do sistema).""" |
| carregadas = 0 |
| for arquivo in sorted(_PASTA_FONTES.glob("*.ttf")): |
| if QFontDatabase.addApplicationFont(str(arquivo)) >= 0: |
| carregadas += 1 |
| return carregadas |
|
|
|
|
| |
| |
| |
|
|
| def monolito_svg(contorno=True): |
| """O monolito: quatro blocos e a barra verde, no quadrado arredondado azul.""" |
| borda = f' stroke="{CORES["borda2"]}" stroke-width="2"' if contorno else "" |
| blocos = "".join( |
| f'<rect x="{x}" y="20" width="12" height="60" rx="4" fill="{CORES["texto"]}"/>' for x in (20, 36, 52, 68) |
| ) |
| return ( |
| '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">' |
| f'<rect width="100" height="100" rx="24" fill="{CORES["cartao"]}"{borda}/>{blocos}' |
| f'<rect x="33" y="36" width="34" height="9" rx="4.5" fill="{CORES["verde"]}"/></svg>' |
| ) |
|
|
|
|
| def selo_svg(): |
| """O selo Tesseract: túnel de três quadrados, núcleo verde. Só em tamanho pequeno.""" |
| return ( |
| '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">' |
| f'<rect x="14" y="14" width="72" height="72" rx="14" fill="none" stroke="{CORES["texto"]}" stroke-width="9"/>' |
| f'<rect x="34" y="34" width="32" height="32" rx="8" fill="none" stroke="{CORES["apoio"]}" stroke-width="8"/>' |
| f'<rect x="43" y="43" width="14" height="14" rx="3" fill="{CORES["verde"]}"/></svg>' |
| ) |
|
|
|
|
| def svg_widget(svg, tamanho): |
| w = QSvgWidget() |
| w.load(QByteArray(svg.encode())) |
| w.setFixedSize(tamanho, tamanho) |
| return w |
|
|
|
|
| def icone_do_app(): |
| renderizador = QSvgRenderer(QByteArray(monolito_svg(contorno=False).encode())) |
| icone = QIcon() |
| for lado in (16, 32, 48, 64, 128, 256): |
| pixmap = QPixmap(lado, lado) |
| pixmap.fill(Qt.transparent) |
| pintor = QPainter(pixmap) |
| renderizador.render(pintor) |
| pintor.end() |
| icone.addPixmap(pixmap) |
| return icone |
|
|
|
|
| |
| |
| |
|
|
| def folha_de_estilo(): |
| c = CORES |
| return f""" |
| * {{ font-family: "{FONTE_TEXTO}"; color: {c['texto']}; }} |
| QWidget#raiz, QWidget#principal {{ background: {c['fundo']}; }} |
| QFrame#lateral {{ background: {c['lateral']}; border: 0; border-right: 1px solid {c['linha']}; }} |
| QLabel {{ background: transparent; border: 0; }} |
| QLabel[papel="h1"] {{ font-size: 34px; font-weight: 600; }} |
| QLabel[papel="texto"] {{ font-size: 16px; color: {c['texto2']}; }} |
| QLabel[papel="kicker"] {{ font-family: "{FONTE_MONO}"; font-size: 12px; color: {c['apoio']}; }} |
| QLabel[papel="marca"] {{ font-size: 28px; font-weight: 600; }} |
| QLabel[papel="slogan"] {{ font-size: 14px; color: {c['apoio']}; }} |
| QLabel[papel="passo"] {{ font-size: 15px; color: {c['texto2']}; }} |
| QLabel[papel="passo-ativo"] {{ font-size: 15px; font-weight: 600; }} |
| QLabel[papel="passo-futuro"] {{ font-size: 15px; color: {c['apoio']}; }} |
| QLabel[papel="selo"] {{ font-family: "{FONTE_MONO}"; font-size: 11px; color: {c['mudo']}; }} |
| QLabel[papel="mono"] {{ font-family: "{FONTE_MONO}"; font-size: 12px; color: {c['apoio']}; }} |
| QLabel[papel="mono-claro"] {{ font-family: "{FONTE_MONO}"; font-size: 13px; color: {c['texto2']}; }} |
| QLabel[papel="linha"] {{ font-size: 15px; color: {c['texto2']}; }} |
| QLabel[papel="nota"] {{ font-size: 13px; color: {c['apoio']}; }} |
| QLabel[papel="alerta"] {{ font-size: 14px; color: {c['texto']}; }} |
| QLabel[papel="titulo-cartao"] {{ font-size: 17px; font-weight: 600; }} |
| QLabel[papel="desc-cartao"] {{ font-size: 14px; color: {c['texto2']}; }} |
| QLabel[papel="campo"] {{ font-size: 12px; color: {c['apoio']}; }} |
| QLabel[papel="erro"] {{ font-size: 14px; color: {c['texto']}; }} |
| |
| QPushButton {{ font-size: 14px; font-weight: 500; }} |
| QPushButton[papel="primario"] {{ |
| background: {c['verde']}; color: {c['escuro']}; border: 0; border-radius: 10px; |
| min-height: 48px; padding: 0 28px; font-size: 15px; font-weight: 600; |
| }} |
| QPushButton[papel="primario"]:hover {{ background: #74E28E; }} |
| QPushButton[papel="primario"]:disabled {{ background: {c['borda']}; color: {c['apoio']}; }} |
| QPushButton[papel="contorno"] {{ |
| background: transparent; color: {c['texto']}; border: 1px solid {c['borda3']}; border-radius: 10px; |
| min-height: 42px; padding: 0 19px; |
| }} |
| QPushButton[papel="contorno"]:hover {{ background: {c['destaque']}; }} |
| QPushButton[papel="contorno"]:disabled {{ color: {c['mudo']}; border-color: {c['borda2']}; }} |
| QPushButton[papel="chip"] {{ |
| background: transparent; color: {c['texto2']}; border: 1px solid {c['borda2']}; border-radius: 8px; |
| min-height: 40px; padding: 0 14px; font-size: 13px; font-weight: 400; |
| }} |
| QPushButton[papel="chip"]:hover {{ background: {c['destaque']}; }} |
| QPushButton[papel="chip"]:checked {{ |
| background: {c['fundo']}; color: {c['texto']}; border: 2px solid {c['verde']}; font-weight: 600; |
| }} |
| QFrame#cartao {{ |
| background: transparent; border: 1px solid {c['borda2']}; border-radius: 14px; |
| }} |
| QFrame#cartao:hover {{ background: {c['destaque']}; }} |
| QFrame#cartao:focus {{ border: 1px solid {c['apoio']}; }} |
| QFrame#cartao[marcado="true"] {{ background: {c['cartao']}; border: 2px solid {c['verde']}; }} |
| |
| QFrame[papel="painel"] {{ background: {c['cartao']}; border: 1px solid {c['borda']}; border-radius: 14px; }} |
| QFrame[papel="aviso"] {{ background: {c['destaque']}; border: 1.5px solid {c['apoio']}; border-radius: 12px; }} |
| |
| QProgressBar {{ background: {c['lateral']}; border: 0; border-radius: 6px; min-height: 12px; max-height: 12px; }} |
| QProgressBar::chunk {{ background: {c['verde']}; border-radius: 6px; }} |
| |
| QLineEdit, QSpinBox {{ |
| min-height: 40px; padding: 0 12px; border-radius: 8px; border: 1px solid {c['borda2']}; |
| background: {c['fundo']}; font-family: "{FONTE_MONO}"; font-size: 13px; selection-background-color: {c['borda3']}; |
| }} |
| QLineEdit:focus, QSpinBox:focus {{ border: 1px solid {c['verde']}; }} |
| QSpinBox::up-button, QSpinBox::down-button {{ width: 0; border: 0; }} |
| QLineEdit:disabled {{ color: {c['mudo']}; }} |
| QPlainTextEdit {{ |
| padding: 6px 10px; border-radius: 8px; border: 1px solid {c['borda2']}; background: {c['fundo']}; |
| color: {c['texto']}; font-size: 14px; selection-background-color: {c['borda3']}; |
| }} |
| QPlainTextEdit:focus {{ border: 1px solid {c['verde']}; }} |
| """ + folha_principal() |
|
|
|
|
| def folha_principal(): |
| """As regras da janela principal (conversa, barra lateral, compositor, configurações).""" |
| c = CORES |
| return f""" |
| QFrame#lateral2 {{ background: {c['lateral']}; border: 0; border-right: 1px solid {c['linha']}; }} |
| QFrame#cabecalho {{ background: transparent; border: 0; border-bottom: 1px solid {c['linha']}; }} |
| QScrollArea, QScrollArea > QWidget > QWidget {{ background: transparent; border: 0; }} |
| QScrollBar:vertical {{ background: transparent; width: 10px; margin: 2px; }} |
| QScrollBar::handle:vertical {{ background: {c['borda']}; border-radius: 4px; min-height: 30px; }} |
| QScrollBar::handle:vertical:hover {{ background: {c['borda3']}; }} |
| QScrollBar::add-line, QScrollBar::sub-line {{ height: 0; }} |
| QScrollBar::add-page, QScrollBar::sub-page {{ background: transparent; }} |
| |
| QLabel[papel="titulo-conversa"] {{ font-size: 16px; font-weight: 600; }} |
| QLabel[papel="grupo"] {{ font-size: 11px; font-weight: 500; color: {c['mudo']}; padding: 0 8px; }} |
| QLabel[papel="rodape"] {{ font-family: "{FONTE_MONO}"; font-size: 11px; color: {c['mudo']}; }} |
| QLabel[papel="pilula"] {{ font-family: "{FONTE_MONO}"; font-size: 12px; color: {c['texto2']}; }} |
| QLabel[papel="h2"] {{ font-size: 16px; font-weight: 600; }} |
| QLabel[papel="h1-pagina"] {{ font-size: 30px; font-weight: 600; }} |
| QLabel[papel="sub-pagina"] {{ font-size: 15px; color: {c['texto2']}; }} |
| QLabel[papel="voz-titulo"] {{ font-size: 26px; font-weight: 600; }} |
| QLabel[papel="voz-fala"] {{ font-size: 17px; }} |
| QLabel[papel="etiqueta"] {{ font-family: "{FONTE_MONO}"; font-size: 11px; color: {c['escuro']}; background: {c['apoio']}; |
| border-radius: 6px; padding: 3px 8px; font-weight: 500; }} |
| QLabel[papel="espera"] {{ font-family: "{FONTE_MONO}"; font-size: 11px; color: {c['texto']}; border: 1px solid {c['apoio']}; |
| border-radius: 11px; padding: 2px 10px; }} |
| QLabel[papel="mensagem-ia"] {{ font-size: 15px; color: {c['texto']}; }} |
| QLabel[papel="pensamento"] {{ font-size: 13px; color: {c['mudo']}; font-style: italic; }} |
| QLabel[papel="ferramenta"] {{ font-family: "{FONTE_MONO}"; font-size: 12px; color: {c['apoio']}; }} |
| QLabel[papel="ferramenta-ok"] {{ font-family: "{FONTE_MONO}"; font-size: 12px; color: {c['verde']}; }} |
| QLabel[papel="aviso-linha"] {{ font-size: 13px; color: {c['apoio']}; }} |
| QLabel[papel="erro-linha"] {{ font-size: 13px; color: #FF9B9B; }} |
| |
| QFrame[papel="bloco-codigo"] {{ background: #0E1428; border: 1px solid {c['borda']}; border-radius: 8px; }} |
| QFrame[papel="bloco-codigo-topo"] {{ background: {c['cartao']}; border: 0; border-bottom: 1px solid {c['borda']}; |
| border-top-left-radius: 7px; border-top-right-radius: 7px; }} |
| QLabel[papel="bloco-codigo-lingua"] {{ font-size: 12px; color: {c['texto2']}; background: transparent; }} |
| QPlainTextEdit[papel="bloco-codigo-texto"] {{ background: #0E1428; color: {c['texto']}; border: 0; padding: 4px 8px; |
| border-bottom-left-radius: 7px; border-bottom-right-radius: 7px; selection-background-color: {c['borda']}; }} |
| QPlainTextEdit[papel="bloco-codigo-texto"] QScrollBar:horizontal {{ background: transparent; height: 10px; margin: 2px; }} |
| QPlainTextEdit[papel="bloco-codigo-texto"] QScrollBar::handle:horizontal {{ background: {c['borda']}; border-radius: 4px; min-width: 30px; }} |
| QPlainTextEdit[papel="bloco-codigo-texto"] QScrollBar::add-line:horizontal, QPlainTextEdit[papel="bloco-codigo-texto"] QScrollBar::sub-line:horizontal {{ width: 0; }} |
| QPushButton[papel="copiar-codigo"] {{ background: {c['fundo']}; border: 1px solid {c['borda2']}; border-radius: 6px; |
| padding: 2px 10px; font-size: 12px; color: {c['texto']}; }} |
| QPushButton[papel="copiar-codigo"]:hover {{ background: {c['destaque']}; }} |
| QFrame[papel="bolha"] {{ background: #25345E; border: 0; border-radius: 14px; border-bottom-right-radius: 4px; }} |
| QFrame[papel="cartao-etapas"] {{ background: {c['cartao']}; border: 1px solid {c['borda']}; border-radius: 12px; }} |
| QFrame[papel="linha-etapa"] {{ background: transparent; border: 0; }} |
| QFrame[papel="linha-etapa"][ativa="true"] {{ background: {c['destaque']}; }} |
| QFrame[papel="cartao-aprovacao"] {{ background: #1F2B52; border: 1.5px solid {c['apoio']}; border-radius: 12px; }} |
| QFrame[papel="comando"] {{ background: {c['fundo']}; border: 0; border-radius: 8px; }} |
| QFrame[papel="pilula-modelo"] {{ background: {c['cartao']}; border: 1px solid {c['borda2']}; border-radius: 16px; }} |
| QFrame[papel="aviso-versao"] {{ background: {c['cartao']}; border: 1px solid {c['borda2']}; border-radius: 10px; }} |
| QFrame[papel="compositor"] {{ background: {c['cartao']}; border: 1px solid {c['borda2']}; border-radius: 18px; }} |
| QFrame[papel="compositor"][foco="true"] {{ border: 1px solid {c['apoio']}; }} |
| QFrame[papel="segmentos"] {{ background: {c['lateral']}; border: 1px solid {c['linha']}; border-radius: 10px; }} |
| QFrame[papel="anexo"] {{ background: {c['cartao']}; border: 1px solid {c['borda2']}; border-radius: 16px; }} |
| QFrame[papel="secao"] {{ background: {c['cartao']}; border: 1px solid {c['borda']}; border-radius: 14px; }} |
| QFrame[papel="cartao-modelo"] {{ background: {c['fundo']}; border: 1px solid {c['borda']}; border-radius: 12px; }} |
| QFrame[papel="cartao-modelo"]:hover {{ border-color: {c['borda3']}; }} |
| QFrame[papel="cartao-modelo"][destaque="true"] {{ background: {c['cartao']}; border: 2px solid {c['verde']}; }} |
| QLabel[papel="selo-destaque"] {{ color: {c['escuro']}; background: {c['verde']}; border-radius: 8px; padding: 1px 8px; font-size: 11px; font-weight: 700; }} |
| QFrame[papel="linha-lista"] {{ background: {c['fundo']}; border: 0; border-radius: 8px; }} |
| QFrame[papel="faixa-voz"] {{ background: {c['cartao']}; border: 1px solid {c['borda2']}; border-radius: 14px; }} |
| |
| QPushButton[papel="nova"] {{ |
| background: {c['cartao']}; border: 1px solid {c['borda2']}; border-radius: 10px; min-height: 44px; |
| padding: 0 14px; text-align: left; font-size: 14px; font-weight: 500; |
| }} |
| QPushButton[papel="nova"]:hover {{ background: {c['destaque']}; }} |
| QPushButton[papel="item-historico"] {{ |
| background: transparent; border: 0; border-radius: 8px; min-height: 40px; padding: 0 12px; |
| text-align: left; font-size: 14px; font-weight: 400; color: {c['texto2']}; |
| }} |
| QPushButton[papel="item-historico"]:hover {{ background: #1A2446; }} |
| QPushButton[papel="item-historico"][atual="true"] {{ background: {c['destaque']}; color: {c['texto']}; font-weight: 500; }} |
| QPushButton[papel="rodape-lateral"] {{ |
| background: transparent; border: 0; border-radius: 8px; min-height: 44px; padding: 0 12px; |
| text-align: left; font-size: 14px; font-weight: 400; color: {c['texto2']}; |
| }} |
| QPushButton[papel="rodape-lateral"]:hover {{ background: #1A2446; }} |
| QPushButton[papel="rodape-lateral"][atual="true"] {{ background: {c['destaque']}; color: {c['texto']}; font-weight: 500; }} |
| QPushButton[papel="parar"] {{ |
| background: transparent; border: 1.5px solid {c['texto']}; border-radius: 10px; min-height: 40px; padding: 0 16px; |
| font-size: 14px; font-weight: 600; |
| }} |
| QPushButton[papel="parar"]:hover {{ background: {c['destaque']}; }} |
| QPushButton[papel="atualizar"] {{ |
| background: {c['verde']}; color: {c['escuro']}; border: 0; border-radius: 8px; min-height: 40px; |
| font-size: 13px; font-weight: 600; |
| }} |
| QPushButton[papel="atualizar"]:hover {{ background: #74E28E; }} |
| QPushButton[papel="atualizar"]:disabled {{ background: {c['borda']}; color: {c['apoio']}; }} |
| QPushButton[papel="icone"] {{ background: transparent; border: 0; border-radius: 12px; }} |
| QPushButton[papel="icone"]:hover {{ background: {c['destaque']}; }} |
| QPushButton[papel="icone-contorno"] {{ background: transparent; border: 1px solid {c['borda3']}; border-radius: 12px; }} |
| QPushButton[papel="icone-contorno"]:hover {{ background: {c['destaque']}; }} |
| QPushButton[papel="icone-contorno"]:disabled {{ border-color: {c['borda']}; }} |
| QPushButton[papel="microfone"] {{ background: {c['verde']}; border: 0; border-radius: 26px; }} |
| QPushButton[papel="microfone"]:hover {{ background: #74E28E; }} |
| QPushButton[papel="microfone"][ativo="true"] {{ background: #FFFFFF; border: 3px solid {c['verde']}; }} |
| QPushButton[papel="segmento"] {{ |
| background: transparent; border: 0; border-radius: 8px; min-height: 36px; padding: 0 12px; |
| font-size: 12.5px; font-weight: 400; color: {c['apoio']}; |
| }} |
| QPushButton[papel="segmento"]:checked {{ background: {c['borda2']}; color: {c['texto']}; font-weight: 500; }} |
| QPushButton[papel="segmento"]:hover:!checked {{ background: #1A2446; }} |
| QPushButton[papel="segmento-grande"] {{ |
| background: transparent; border: 0; border-radius: 9px; min-height: 44px; padding: 0 20px; |
| font-size: 14px; font-weight: 400; color: {c['apoio']}; |
| }} |
| QPushButton[papel="segmento-grande"]:checked {{ background: {c['borda2']}; color: {c['texto']}; font-weight: 500; }} |
| QPushButton[papel="nav-config"] {{ |
| background: transparent; border: 0; border-radius: 8px; min-height: 44px; padding: 0 12px; text-align: left; |
| font-size: 14px; font-weight: 400; color: {c['texto2']}; |
| }} |
| QPushButton[papel="nav-config"]:hover {{ background: #1A2446; }} |
| QPushButton[papel="nav-config"]:checked {{ background: {c['destaque']}; color: {c['texto']}; font-weight: 500; }} |
| QPushButton[papel="link"] {{ background: transparent; border: 0; color: {c['apoio']}; text-decoration: underline; min-height: 28px; }} |
| |
| QPlainTextEdit#entrada {{ |
| background: transparent; border: 0; font-size: 15px; selection-background-color: {c['borda3']}; |
| }} |
| QLineEdit#busca {{ |
| background: transparent; border: 0; min-height: 40px; padding: 0; font-family: "{FONTE_TEXTO}"; font-size: 14px; |
| }} |
| QToolButton[papel="mais"] {{ background: transparent; border: 0; color: {c['apoio']}; font-size: 12px; }} |
| QToolButton[papel="mais"]:hover {{ color: {c['texto']}; }} |
| QMenu {{ background: {c['cartao']}; border: 1px solid {c['borda2']}; border-radius: 10px; padding: 6px; }} |
| QMenu::item {{ padding: 8px 14px; border-radius: 6px; font-size: 13px; }} |
| QMenu::item:selected {{ background: {c['destaque']}; }} |
| QMenu::separator {{ height: 1px; background: {c['linha']}; margin: 6px 8px; }} |
| QComboBox {{ |
| background: {c['fundo']}; border: 1px solid {c['borda2']}; border-radius: 8px; min-height: 40px; padding: 0 12px; font-size: 14px; |
| }} |
| QComboBox QAbstractItemView {{ background: {c['cartao']}; border: 1px solid {c['borda2']}; selection-background-color: {c['destaque']}; }} |
| QCheckBox {{ font-size: 14px; spacing: 10px; }} |
| QCheckBox::indicator {{ width: 22px; height: 22px; border-radius: 6px; border: 1.5px solid {c['borda3']}; background: {c['fundo']}; }} |
| QCheckBox::indicator:checked {{ background: {c['verde']}; border-color: {c['verde']}; }} |
| QSlider::groove:horizontal {{ height: 6px; background: {c['lateral']}; border-radius: 3px; }} |
| QSlider::sub-page:horizontal {{ background: {c['verde']}; border-radius: 3px; }} |
| QSlider::handle:horizontal {{ background: {c['texto']}; width: 20px; height: 20px; margin: -8px 0; border-radius: 10px; }} |
| """ |
|
|
|
|
| |
| |
| |
|
|
| |
| |
| ALTURA_DE_LINHA = { |
| "texto": 24, "slogan": 21, "erro": 21, "alerta": 21, |
| "nota": 20, "mono-claro": 20, "linha": 23, |
| } |
|
|
|
|
| class Rotulo(QLabel): |
| """QLabel com altura de linha fixa (ver ALTURA_DE_LINHA).""" |
|
|
| def __init__(self, texto="", papel=""): |
| super().__init__() |
| self._altura = ALTURA_DE_LINHA.get(papel, 0) |
| self._plano = "" |
| self.setProperty("papel", papel) |
| self.setTextFormat(Qt.RichText) |
| self.setText(texto) |
|
|
| def setText(self, texto): |
| self._plano = str(texto) |
| corpo = html.escape(self._plano) |
| super().setText(f'<p style="line-height:{self._altura}px; margin:0">{corpo}</p>' if self._altura else corpo) |
|
|
| def plano(self): |
| return self._plano |
|
|
|
|
| def rotulo(texto, papel, quebra=False, maximo=None, html_pronto=False): |
| if quebra or papel in ALTURA_DE_LINHA: |
| r = Rotulo(texto, papel) |
| else: |
| r = QLabel(texto) |
| r.setProperty("papel", papel) |
| if quebra: |
| r.setWordWrap(True) |
| if maximo: |
| r.setMaximumWidth(maximo) |
| if papel == "kicker": |
| fonte = r.font() |
| fonte.setLetterSpacing(QFont.AbsoluteSpacing, 0.96) |
| r.setFont(fonte) |
| return r |
|
|
|
|
| def aplicar_papel(widget, papel): |
| """Troca o papel (QSS por propriedade) de um widget que já existe.""" |
| widget.setProperty("papel", papel) |
| widget.style().unpolish(widget) |
| widget.style().polish(widget) |
|
|
|
|
| class Marcador(QWidget): |
| """A bolinha dos passos: feito (verde com visto), ativo (anel verde com ponto) ou pendente (anel apagado).""" |
|
|
| def __init__(self, estado="pendente", tamanho=28, parent=None): |
| super().__init__(parent) |
| self._estado = estado |
| self.setFixedSize(tamanho, tamanho) |
| self.setAttribute(Qt.WA_TransparentForMouseEvents) |
|
|
| @property |
| def estado(self): |
| return self._estado |
|
|
| def definir(self, estado): |
| if estado != self._estado: |
| self._estado = estado |
| self.update() |
|
|
| def paintEvent(self, _): |
| p = QPainter(self) |
| p.setRenderHint(QPainter.Antialiasing) |
| lado = float(self.width()) |
| if self._estado == "feito": |
| p.setPen(Qt.NoPen) |
| p.setBrush(QColor(CORES["verde"])) |
| p.drawEllipse(QRectF(0, 0, lado, lado)) |
| k = lado / 2 * 0.5 / 12 |
| caminho = QPainterPath() |
| caminho.moveTo(QPointF(5 * k, 12.5 * k)) |
| caminho.lineTo(QPointF(9.5 * k, 17 * k)) |
| caminho.lineTo(QPointF(19 * k, 7 * k)) |
| p.translate(lado / 2 - 12 * k, lado / 2 - 12 * k) |
| caneta = QPen(QColor(CORES["escuro"]), max(2.0, lado * 0.115)) |
| caneta.setCapStyle(Qt.RoundCap) |
| caneta.setJoinStyle(Qt.RoundJoin) |
| p.setPen(caneta) |
| p.setBrush(Qt.NoBrush) |
| p.drawPath(caminho) |
| else: |
| cor = CORES["verde"] if self._estado == "ativo" else CORES["borda3"] |
| p.setPen(QPen(QColor(cor), 2)) |
| p.setBrush(Qt.NoBrush) |
| p.drawEllipse(QRectF(1, 1, lado - 2, lado - 2)) |
| if self._estado == "ativo": |
| miolo = lado * 0.36 |
| p.setPen(Qt.NoPen) |
| p.setBrush(QColor(CORES["verde"])) |
| p.drawEllipse(QRectF((lado - miolo) / 2, (lado - miolo) / 2, miolo, miolo)) |
| p.end() |
|
|
