HATTER = "#1a1b1d"
FELULET = "#232427"
AKTIV = "#2f3034"
KERET = "#34363a"
KERET_EROS = "#44464b"
SZOVEG = "#e8e8e6"
SZOVEG_MASOD = "#b7b9bd"
SZOVEG_HALVANY = "#9a9ca1"
ZOLD = "#62a052"
ZOLD_HOVER = "#7dbb6c"
ZOLDON_SZOVEG = "#1a1b1d"
SARGA = "#d9a441"
SARGA_PANEL = "#2e2a20"

BETU = "Noto Sans"
CIM_BETU = "Noto Sans"
MONO = "Noto Sans Mono"

QSS = f"""
QWidget {{
    background: {HATTER};
    color: {SZOVEG};
    font-family: "{BETU}";
    font-size: 14px;
}}
QLabel {{
    background: transparent;
}}
QScrollArea, QScrollArea > QWidget > QWidget {{
    background: transparent;
    border: none;
}}
QScrollBar:vertical {{
    background: transparent;
    width: 10px;
    margin: 0;
}}
QScrollBar::handle:vertical {{
    background: {KERET_EROS};
    min-height: 32px;
}}
QScrollBar::add-line, QScrollBar::sub-line {{
    height: 0;
}}
QScrollBar::add-page, QScrollBar::sub-page {{
    background: transparent;
}}
#oldalsav {{
    background: {FELULET};
    border-right: 1px solid {KERET};
}}
#oldalsav QWidget {{
    background: transparent;
}}
#menupont {{
    background: transparent;
    border: none;
    color: {SZOVEG_MASOD};
    text-align: left;
    padding: 0 12px;
    min-height: 44px;
    font-weight: 500;
}}
#menupont:hover {{
    background: {AKTIV};
}}
#menupont[aktiv="true"] {{
    background: {AKTIV};
    color: {SZOVEG};
    font-weight: 600;
}}
#jelveny, #oldalsav #jelveny {{
    background: {ZOLD};
    color: {ZOLDON_SZOVEG};
    font-family: "{MONO}";
    font-size: 11px;
    padding: 1px 6px;
}}
#markanev {{
    font-family: "{CIM_BETU}";
    font-size: 24px;
    font-weight: 700;
    letter-spacing: 1px;
}}
#markaalcim, #lablec {{
    font-family: "{MONO}";
    font-size: 11px;
    color: {SZOVEG_HALVANY};
    letter-spacing: 2px;
}}
#eyebrow {{
    font-family: "{MONO}";
    font-size: 12px;
    color: {ZOLD};
    letter-spacing: 2px;
}}
#h1 {{
    font-family: "{CIM_BETU}";
    font-size: 44px;
    font-weight: 700;
    letter-spacing: 1px;
}}
#h2 {{
    font-family: "{CIM_BETU}";
    font-size: 22px;
    font-weight: 700;
    letter-spacing: 1px;
}}
#kartya {{
    background: {FELULET};
    border: 1px solid {KERET};
}}
#kartya QWidget {{
    background: transparent;
}}
#kartya QPushButton {{
    background: transparent;
}}
#kartya QPushButton:hover {{
    background: {AKTIV};
}}
#kartya QPushButton[fo="true"] {{
    background: {ZOLD};
    color: {ZOLDON_SZOVEG};
}}
#kartya QPushButton[fo="true"]:hover {{
    background: {ZOLD_HOVER};
}}
#kartya QPushButton:disabled, #kartya QPushButton[fo="true"]:disabled {{
    background: {KERET};
    color: {SZOVEG_HALVANY};
    border-color: {KERET};
}}
#kartyacim {{
    font-size: 12px;
    color: {SZOVEG_HALVANY};
    letter-spacing: 1px;
}}
#nagyszam {{
    font-family: "{CIM_BETU}";
    font-size: 30px;
    font-weight: 700;
}}
#nagyszam[zold="true"] {{
    color: {ZOLD};
}}
#masodlagos {{
    font-size: 13px;
    color: {SZOVEG_MASOD};
}}
#halvany {{
    font-size: 13px;
    color: {SZOVEG_HALVANY};
}}
#mono {{
    font-family: "{MONO}";
    font-size: 13px;
}}
#monohalvany {{
    font-family: "{MONO}";
    font-size: 13px;
    color: {SZOVEG_HALVANY};
}}
#monozold {{
    font-family: "{MONO}";
    font-size: 12px;
    color: {ZOLD};
}}
QPushButton {{
    min-height: 44px;
    padding: 0 20px;
    background: transparent;
    color: {SZOVEG};
    border: 1px solid {KERET_EROS};
    font-weight: 500;
}}
QPushButton:hover {{
    background: {AKTIV};
}}
QPushButton:disabled {{
    color: {SZOVEG_HALVANY};
    border-color: {KERET};
}}
QPushButton[fo="true"] {{
    background: {ZOLD};
    color: {ZOLDON_SZOVEG};
    border: none;
    font-weight: 600;
}}
QPushButton[fo="true"]:hover {{
    background: {ZOLD_HOVER};
}}
QPushButton[fo="true"]:disabled {{
    background: {KERET};
    color: {SZOVEG_HALVANY};
}}
QPushButton[kicsi="true"] {{
    min-height: 32px;
    padding: 0 12px;
    font-size: 12px;
}}
#csempe {{
    background: {FELULET};
    border: 1px solid {KERET};
    text-align: left;
    min-height: 120px;
    padding: 0;
}}
#csempe:hover {{
    border-color: {ZOLD};
}}
#csempe:disabled {{
    border-color: {KERET};
}}
#csempe:disabled QLabel {{
    color: {SZOVEG_HALVANY};
}}
#sav {{
    background: {KERET};
    border: none;
}}
#sav::chunk {{
    background: {ZOLD};
}}
#elvalaszto {{
    background: {AKTIV};
    max-height: 1px;
    min-height: 1px;
}}
#link {{
    color: {ZOLD};
    font-size: 13px;
    font-weight: 600;
}}
QLineEdit, QTextEdit, QPlainTextEdit {{
    background: {HATTER};
    border: 1px solid {KERET_EROS};
    padding: 8px 10px;
    selection-background-color: {ZOLD};
    selection-color: {ZOLDON_SZOVEG};
}}
QLineEdit:focus, QTextEdit:focus, QPlainTextEdit:focus {{
    border-color: {ZOLD};
}}
QListWidget {{
    background: {FELULET};
    border: 1px solid {KERET};
    outline: none;
}}
QListWidget::item {{
    border-bottom: 1px solid {KERET};
}}
QListWidget::item:selected {{
    background: {AKTIV};
}}
QCheckBox {{
    background: transparent;
    spacing: 10px;
}}
QCheckBox::indicator {{
    width: 18px;
    height: 18px;
    border: 1px solid {KERET_EROS};
    background: {HATTER};
}}
QCheckBox::indicator:checked {{
    background: {ZOLD};
    border-color: {ZOLD};
}}
#ful {{
    background: transparent;
    border: none;
    border-bottom: 2px solid transparent;
    color: {SZOVEG_MASOD};
    min-height: 40px;
    padding: 0 4px;
    margin-right: 20px;
    font-weight: 500;
}}
#ful:hover {{
    color: {SZOVEG};
    background: transparent;
}}
#ful[aktiv="true"] {{
    color: {SZOVEG};
    border-bottom-color: {ZOLD};
    font-weight: 600;
}}
#fulsor {{
    border-bottom: 1px solid {KERET};
}}
#allapotcimke {{
    font-family: "{MONO}";
    font-size: 11px;
    padding: 2px 8px;
    border: 1px solid {KERET_EROS};
    color: {SZOVEG_MASOD};
}}
#allapotcimke[szin="zold"] {{
    border-color: {ZOLD};
    color: {ZOLD};
}}
#allapotcimke[szin="sarga"] {{
    border-color: {SARGA};
    color: {SARGA};
}}
#figyelem {{
    background: {SARGA_PANEL};
    border: 1px solid {SARGA};
    color: #f0dcb0;
    padding: 10px 12px;
}}
#uzenet {{
    background: {FELULET};
    border: 1px solid {KERET};
}}
#uzenet[csapat="true"] {{
    border-left: 3px solid {ZOLD};
}}
#uzenet QWidget {{
    background: transparent;
}}
QTableWidget {{
    background: {FELULET};
    border: 1px solid {KERET};
    gridline-color: {KERET};
    outline: none;
}}
QTableWidget::item {{
    border-bottom: 1px solid {AKTIV};
    padding: 0 8px;
}}
QHeaderView::section {{
    background: {FELULET};
    color: {SZOVEG_HALVANY};
    border: none;
    border-bottom: 1px solid {KERET};
    padding: 8px;
    font-size: 12px;
    letter-spacing: 1px;
}}
QTableWidget::indicator, QTableView::indicator {{
    width: 16px;
    height: 16px;
    border: 1px solid {KERET_EROS};
    background: {HATTER};
}}
QTableWidget::indicator:checked {{
    background: {ZOLD};
    border-color: {ZOLD};
}}
#naplo {{
    background: #111214;
    border: 1px solid {KERET};
    font-family: "{MONO}";
    font-size: 12px;
    color: {SZOVEG_MASOD};
}}
#pill {{
    background: transparent;
    color: {SZOVEG_MASOD};
    border: 1px solid {KERET_EROS};
    min-height: 34px;
    padding: 0 14px;
    font-size: 13px;
}}
#pill:hover {{
    background: {AKTIV};
}}
#pill[aktiv="true"] {{
    background: {ZOLD};
    color: {ZOLDON_SZOVEG};
    border-color: {ZOLD};
    font-weight: 600;
}}
#kezdobetu {{
    background: {AKTIV};
    border: 1px solid {KERET_EROS};
    color: {ZOLD};
    font-size: 20px;
    font-weight: 700;
}}
#kartya #appsor {{
    border-bottom: 1px solid {AKTIV};
}}
#kartya #appsor[utolso="true"] {{
    border-bottom: none;
}}
#kartya #appsor:hover {{
    background: #27282b;
}}
#kijelessav {{
    background: {FELULET};
    border-top: 1px solid {ZOLD};
}}
#kijelessav QWidget {{
    background: transparent;
}}
#kijelessav QPushButton {{
    border: 1px solid {KERET_EROS};
}}
#kijelessav QPushButton:hover {{
    background: {AKTIV};
}}
#kijelessav QPushButton[fo="true"] {{
    border: none;
    background: {ZOLD};
    color: {ZOLDON_SZOVEG};
}}
#kiemelt {{
    border-left: 3px solid {ZOLD};
}}
QComboBox {{
    background: {HATTER};
    border: 1px solid {KERET_EROS};
    padding: 4px 10px;
    min-height: 26px;
    font-size: 12px;
}}
QComboBox:focus {{
    border-color: {ZOLD};
}}
QComboBox QAbstractItemView {{
    background: {FELULET};
    border: 1px solid {KERET_EROS};
    selection-background-color: {AKTIV};
    selection-color: {SZOVEG};
    outline: none;
}}
QToolTip {{
    background: {FELULET};
    color: {SZOVEG};
    border: 1px solid {KERET_EROS};
    padding: 6px;
}}
"""