581 lines
17 KiB
Python
581 lines
17 KiB
Python
from portprotonqt.theme_manager import ThemeManager
|
||
from portprotonqt.config_utils import read_theme_from_config
|
||
|
||
theme_manager = ThemeManager()
|
||
current_theme_name = read_theme_from_config()
|
||
|
||
# КОНСТАНТЫ
|
||
favoriteLabelSize = 48, 48
|
||
pixmapsScaledSize = 60, 60
|
||
|
||
# СТИЛЬ ШАПКИ ГЛАВНОГО ОКНА
|
||
MAIN_WINDOW_HEADER_STYLE = """
|
||
QFrame {
|
||
background: transparent;
|
||
border: 10px solid rgba(255, 255, 255, 0.10);
|
||
border-bottom: 0px solid rgba(255, 255, 255, 0.15);
|
||
border-top-left-radius: 30px;
|
||
border-top-right-radius: 30px;
|
||
border: none;
|
||
}
|
||
"""
|
||
|
||
# СТИЛЬ ЗАГОЛОВКА (ЛОГО) В ШАПКЕ
|
||
TITLE_LABEL_STYLE = """
|
||
QLabel {
|
||
font-family: 'RASKHAL';
|
||
font-size: 38px;
|
||
margin: 0 0 0 0;
|
||
color: #007AFF;
|
||
}
|
||
"""
|
||
|
||
# СТИЛЬ ОБЛАСТИ НАВИГАЦИИ (КНОПКИ ВКЛАДОК)
|
||
NAV_WIDGET_STYLE = """
|
||
QWidget {
|
||
background: none;
|
||
border: 0px solid;
|
||
}
|
||
"""
|
||
|
||
# СТИЛЬ КНОПОК ВКЛАДОК НАВИГАЦИИ
|
||
NAV_BUTTON_STYLE = """
|
||
NavLabel {
|
||
background: rgba(0,122,255,0);
|
||
padding: 12px 3px;
|
||
margin: 10px 0 10px 10px;
|
||
color: #7f7f7f;
|
||
font-family: 'Play';
|
||
font-size: 16px;
|
||
text-transform: uppercase;
|
||
border: none;
|
||
border-radius: 15px;
|
||
}
|
||
NavLabel[checked = true] {
|
||
background: rgba(0,122,255,0);
|
||
color: #09bec8;
|
||
font-weight: normal;
|
||
text-decoration: underline;
|
||
border-radius: 15px;
|
||
}
|
||
NavLabel:hover {
|
||
background: none;
|
||
color: #09bec8;
|
||
}
|
||
"""
|
||
|
||
# ГЛОБАЛЬНЫЙ СТИЛЬ ДЛЯ ОКНА (ФОН) И QLabel
|
||
MAIN_WINDOW_STYLE = """
|
||
QMainWindow {
|
||
background: none;
|
||
}
|
||
QLabel {
|
||
color: #232627;
|
||
}
|
||
"""
|
||
|
||
# СТИЛЬ ПОЛЯ ПОИСКА
|
||
SEARCH_EDIT_STYLE = """
|
||
QLineEdit {
|
||
background-color: rgba(30, 30, 30, 0.50);
|
||
border: 1px solid rgba(255, 255, 255, 0.5);
|
||
border-radius: 10px;
|
||
padding: 7px 14px;
|
||
font-family: 'Play';
|
||
font-size: 16px;
|
||
color: #ffffff;
|
||
}
|
||
QLineEdit:focus {
|
||
border: 1px solid #09bec8;
|
||
}
|
||
"""
|
||
|
||
# ОТКЛЮЧАЕМ РАМКУ У QScrollArea
|
||
SCROLL_AREA_STYLE = """
|
||
QWidget {
|
||
background: transparent;
|
||
}
|
||
QScrollBar:vertical {
|
||
width: 10px;
|
||
border: 0px solid;
|
||
border-radius: 5px;
|
||
background: rgba(20, 20, 20, 0.30);
|
||
}
|
||
QScrollBar::handle:vertical {
|
||
background: #bebebe;
|
||
border: 0px solid;
|
||
border-radius: 5px;
|
||
}
|
||
QScrollBar::add-line:vertical {
|
||
border: 0px solid;
|
||
background: none;
|
||
}
|
||
QScrollBar::sub-line:vertical {
|
||
border: 0px solid;
|
||
background: none;
|
||
}
|
||
QScrollBar::up-arrow:vertical, QScrollBar::down-arrow:vertical {
|
||
border: 0px solid;
|
||
width: 3px;
|
||
height: 3px;
|
||
background: none;
|
||
}
|
||
|
||
QScrollBar:horizontal {
|
||
height: 10px;
|
||
border: 0px solid;
|
||
border-radius: 5px;
|
||
background: rgba(20, 20, 20, 0.30);
|
||
}
|
||
QScrollBar::handle:horizontal {
|
||
background: #bebebe;
|
||
border: 0px solid;
|
||
border-radius: 5px;
|
||
}
|
||
QScrollBar::add-line:horizontal {
|
||
border: 0px solid;
|
||
background: none;
|
||
}
|
||
QScrollBar::sub-line:horizontal {
|
||
border: 0px solid;
|
||
background: none;
|
||
}
|
||
QScrollBar::up-arrow:horizontal, QScrollBar::down-arrow:horizontal {
|
||
border: 0px solid;
|
||
width: 3px;
|
||
height: 3px;
|
||
background: none;
|
||
}
|
||
"""
|
||
|
||
# SLIDER_SIZE_STYLE
|
||
SLIDER_SIZE_STYLE= """
|
||
QWidget {
|
||
background: transparent;
|
||
height: 25px;
|
||
}
|
||
QSlider::groove:horizontal {
|
||
border: 0px solid;
|
||
border-radius: 3px;
|
||
height: 6px; /* the groove expands to the size of the slider by default. by giving it a height, it has a fixed size */
|
||
background: rgba(20, 20, 20, 0.30);
|
||
margin: 6px 0;
|
||
}
|
||
QSlider::handle:horizontal {
|
||
background: #bebebe;
|
||
border: 0px solid;
|
||
width: 18px;
|
||
height: 18px;
|
||
margin: -6px 0; /* handle is placed by default on the contents rect of the groove. Expand outside the groove */
|
||
border-radius: 9px;
|
||
}
|
||
"""
|
||
|
||
# СТИЛЬ ОБЛАСТИ ДЛЯ КАРТОЧЕК ИГР (QWidget)
|
||
LIST_WIDGET_STYLE = """
|
||
QWidget {
|
||
background: none;
|
||
border: 0px solid rgba(255, 255, 255, 0.10);
|
||
border-radius: 25px;
|
||
}
|
||
"""
|
||
|
||
# ЗАГОЛОВОК "БИБЛИОТЕКА" НА ВКЛАДКЕ
|
||
INSTALLED_TAB_TITLE_STYLE = "font-family: 'Play'; font-size: 24px; color: #ffffff;"
|
||
|
||
# СТИЛЬ КНОПОК "СОХРАНЕНИЯ, ПРИМЕНЕНИЯ И Т.Д."
|
||
ACTION_BUTTON_STYLE = """
|
||
QPushButton {
|
||
background: #3f424d;
|
||
border: 1px solid rgba(255, 255, 255, 0.20);
|
||
border-radius: 10px;
|
||
color: #ffffff;
|
||
font-size: 16px;
|
||
font-family: 'Play';
|
||
padding: 8px 16px;
|
||
}
|
||
QPushButton:hover {
|
||
background: #282a33;
|
||
}
|
||
QPushButton:pressed {
|
||
background: #282a33;
|
||
}
|
||
QPushButton:focus {
|
||
border: 2px solid #409EFF;
|
||
background-color: #404554;
|
||
}
|
||
"""
|
||
|
||
# ТЕКСТОВЫЕ СТИЛИ: ЗАГОЛОВКИ И ОСНОВНОЙ КОНТЕНТ
|
||
TAB_TITLE_STYLE = "font-family: 'Play'; font-size: 24px; color: #ffffff; background-color: none;"
|
||
CONTENT_STYLE = """
|
||
QLabel {
|
||
font-family: 'Play';
|
||
font-size: 16px;
|
||
color: #ffffff;
|
||
background-color: none;
|
||
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
|
||
padding-bottom: 15px;
|
||
}
|
||
"""
|
||
|
||
# СТИЛЬ ОСНОВНЫХ СТРАНИЦ
|
||
# LIBRARY_WIDGET_STYLE
|
||
LIBRARY_WIDGET_STYLE= """
|
||
QWidget {
|
||
background: qlineargradient(x1:0, y1:0, x2:1, y2:0,
|
||
stop:0 rgba(112,20,132,1),
|
||
stop:1 rgba(50,134,182,1));
|
||
border-radius: 0px;
|
||
}
|
||
"""
|
||
|
||
# CONTAINER_STYLE
|
||
CONTAINER_STYLE= """
|
||
QWidget {
|
||
background-color: none;
|
||
}
|
||
"""
|
||
|
||
# OTHER_PAGES_WIDGET_STYLE
|
||
OTHER_PAGES_WIDGET_STYLE= """
|
||
QWidget {
|
||
background: #32343d;
|
||
border-radius: 0px;
|
||
}
|
||
"""
|
||
|
||
# CAROUSEL_WIDGET_STYLE
|
||
CAROUSEL_WIDGET_STYLE= """
|
||
QWidget {
|
||
background: #3f424d;
|
||
border-radius: 0px;
|
||
}
|
||
"""
|
||
|
||
# ФОН ДЛЯ ДЕТАЛЬНОЙ СТРАНИЦЫ, ЕСЛИ ОБЛОЖКА НЕ ЗАГРУЖЕНА
|
||
DETAIL_PAGE_NO_COVER_STYLE = "background: rgba(20,20,20,0.95); border-radius: 15px;"
|
||
|
||
# СТИЛЬ КНОПКИ "ДОБАВИТЬ ИГРУ" И "НАЗАД" НА ДЕТАЛЬНОЙ СТРАНИЦЕ И БИБЛИОТЕКИ
|
||
ADDGAME_BACK_BUTTON_STYLE = """
|
||
QPushButton {
|
||
background: rgba(20, 20, 20, 0.40);
|
||
border: 1px solid rgba(255, 255, 255, 0.5);
|
||
border-radius: 10px;
|
||
color: #ffffff;
|
||
font-size: 16px;
|
||
font-family: 'Play';
|
||
padding: 8px 16px;
|
||
}
|
||
QPushButton:hover {
|
||
background: #09bec8;
|
||
}
|
||
QPushButton:pressed {
|
||
background: #09bec8;
|
||
}
|
||
"""
|
||
|
||
# ОСНОВНОЙ ФРЕЙМ ДЕТАЛЕЙ ИГРЫ
|
||
DETAIL_CONTENT_FRAME_STYLE = """
|
||
QFrame {
|
||
background: qlineargradient(x1:0, y1:0, x2:1, y2:0,
|
||
stop:0 rgba(20, 20, 20, 0.40),
|
||
stop:1 rgba(20, 20, 20, 0.35));
|
||
border: 0px solid rgba(255, 255, 255, 0.10);
|
||
border-radius: 15px;
|
||
}
|
||
"""
|
||
|
||
# ФРЕЙМ ПОД ОБЛОЖКОЙ
|
||
COVER_FRAME_STYLE = """
|
||
QFrame {
|
||
background: rgba(30, 30, 30, 0.80);
|
||
border-radius: 15px;
|
||
border: 0px solid rgba(255, 255, 255, 0.15);
|
||
}
|
||
"""
|
||
|
||
# СКРУГЛЕНИЕ LABEL ПОД ОБЛОЖКУ
|
||
COVER_LABEL_STYLE = "border-radius: 100px;"
|
||
|
||
# ВИДЖЕТ ДЕТАЛЕЙ (ТЕКСТ, ОПИСАНИЕ)
|
||
DETAILS_WIDGET_STYLE = "background: rgba(20,20,20,0.40); border-radius: 15px; padding: 10px;"
|
||
|
||
# НАЗВАНИЕ (ЗАГОЛОВОК) НА ДЕТАЛЬНОЙ СТРАНИЦЕ
|
||
DETAIL_PAGE_TITLE_STYLE = "font-family: 'Play'; font-size: 32px; color: #007AFF;"
|
||
|
||
# ЛИНИЯ-РАЗДЕЛИТЕЛЬ
|
||
DETAIL_PAGE_LINE_STYLE = "color: rgba(255,255,255,0.12); margin: 10px 0;"
|
||
|
||
# ТЕКСТ ОПИСАНИЯ
|
||
DETAIL_PAGE_DESC_STYLE = "font-family: 'Play'; font-size: 16px; color: #ffffff; line-height: 1.5;"
|
||
|
||
# СТИЛЬ КНОПКИ "ИГРАТЬ"
|
||
PLAY_BUTTON_STYLE = """
|
||
QPushButton {
|
||
background: rgba(20, 20, 20, 0.40);
|
||
border: 1px solid rgba(255, 255, 255, 0.5);
|
||
border-radius: 10px;
|
||
font-size: 18px;
|
||
color: #ffffff;
|
||
font-weight: bold;
|
||
font-family: 'Play';
|
||
padding: 8px 16px;
|
||
min-width: 120px;
|
||
min-height: 40px;
|
||
}
|
||
QPushButton:hover {
|
||
background: #09bec8;
|
||
}
|
||
QPushButton:pressed {
|
||
background: #09bec8;
|
||
}
|
||
"""
|
||
|
||
# СТИЛЬ КНОПКИ "ОБЗОР..." В ДИАЛОГЕ "ДОБАВИТЬ ИГРУ"
|
||
DIALOG_BROWSE_BUTTON_STYLE = """
|
||
QPushButton {
|
||
background: rgba(20, 20, 20, 0.40);
|
||
border: 0px solid rgba(255, 255, 255, 0.20);
|
||
border-radius: 15px;
|
||
color: #ffffff;
|
||
font-size: 16px;
|
||
padding: 5px 10px;
|
||
}
|
||
QPushButton:hover {
|
||
background: qlineargradient(x1:0, y1:0, x2:1, y2:0,
|
||
stop:0 rgba(0,122,255,0.20),
|
||
stop:1 rgba(0,122,255,0.15));
|
||
}
|
||
QPushButton:pressed {
|
||
background: rgba(20, 20, 20, 0.60);
|
||
border: 0px solid rgba(255, 255, 255, 0.25);
|
||
}
|
||
"""
|
||
|
||
# СТИЛЬ КАРТОЧКИ ИГРЫ (GAMECARD)
|
||
GAME_CARD_WINDOW_STYLE = """
|
||
QFrame {
|
||
border-radius: 20px;
|
||
background: rgba(20, 20, 20, 0.40);
|
||
border: 0px solid rgba(255, 255, 255, 0.20);
|
||
}
|
||
"""
|
||
|
||
# НАЗВАНИЕ В КАРТОЧКЕ (QLabel)
|
||
GAME_CARD_NAME_LABEL_STYLE = """
|
||
QLabel {
|
||
color: #ffffff;
|
||
font-family: 'Play';
|
||
font-size: 16px;
|
||
font-weight: bold;
|
||
background-color: rgba(20, 20, 20, 0);
|
||
border-bottom-left-radius: 20px;
|
||
border-bottom-right-radius: 20px;
|
||
padding: 14px, 7px, 3px, 7px;
|
||
qproperty-wordWrap: true;
|
||
}
|
||
"""
|
||
|
||
# ДОПОЛНИТЕЛЬНЫЕ СТИЛИ ИНФОРМАЦИИ НА СТРАНИЦЕ ИГР
|
||
LAST_LAUNCH_TITLE_STYLE = "font-family: 'Play'; font-size: 11px; color: #bbbbbb; text-transform: uppercase; letter-spacing: 0.75px; margin-bottom: 2px;"
|
||
LAST_LAUNCH_VALUE_STYLE = "font-family: 'Play'; font-size: 13px; color: #ffffff; font-weight: 600; letter-spacing: 0.75px;"
|
||
PLAY_TIME_TITLE_STYLE = "font-family: 'Play'; font-size: 11px; color: #bbbbbb; text-transform: uppercase; letter-spacing: 0.75px; margin-bottom: 2px;"
|
||
PLAY_TIME_VALUE_STYLE = "font-family: 'Play'; font-size: 13px; color: #ffffff; font-weight: 600; letter-spacing: 0.75px;"
|
||
GAMEPAD_SUPPORT_VALUE_STYLE = """
|
||
font-family: 'Play'; font-size: 12px; color: #00ff00;
|
||
font-weight: bold; background: rgba(0, 0, 0, 0.3);
|
||
border-radius: 5px; padding: 4px 8px;
|
||
"""
|
||
|
||
# СТИЛИ ПОЛНОЭКРАНОГО ПРЕВЬЮ СКРИНШОТОВ ТЕМЫ
|
||
PREV_BUTTON_STYLE="background-color: rgba(0, 0, 0, 0.5); color: white; border: none;"
|
||
NEXT_BUTTON_STYLE="background-color: rgba(0, 0, 0, 0.5); color: white; border: none;"
|
||
CAPTION_LABEL_STYLE="color: white; font-size: 16px;"
|
||
|
||
# СТИЛИ БЕЙДЖА PROTONDB НА КАРТОЧКЕ
|
||
def get_protondb_badge_style(tier):
|
||
tier = tier.lower()
|
||
tier_colors = {
|
||
"platinum": {"background": "rgba(255,255,255,0.9)", "color": "black"},
|
||
"gold": {"background": "rgba(253,185,49,0.7)", "color": "black"},
|
||
"silver": {"background": "rgba(169,169,169,0.8)", "color": "black"},
|
||
"bronze": {"background": "rgba(205,133,63,0.7)", "color": "black"},
|
||
"borked": {"background": "rgba(255,0,0,0.7)", "color": "black"},
|
||
"pending": {"background": "rgba(160,82,45,0.7)", "color": "black"}
|
||
}
|
||
colors = tier_colors.get(tier, {"background": "rgba(0, 0, 0, 0.5)", "color": "white"})
|
||
return f"""
|
||
qproperty-alignment: AlignCenter;
|
||
background-color: {colors["background"]};
|
||
color: {colors["color"]};
|
||
font-size: 16px;
|
||
border-radius: 5px;
|
||
font-family: 'Play';
|
||
font-weight: bold;
|
||
"""
|
||
|
||
# СТИЛИ БЕЙДЖА STEAM
|
||
STEAM_BADGE_STYLE= """
|
||
qproperty-alignment: AlignCenter;
|
||
background: rgba(0, 0, 0, 0.5);
|
||
color: white;
|
||
font-size: 16px;
|
||
border-radius: 5px;
|
||
font-family: 'Play';
|
||
font-weight: bold;
|
||
"""
|
||
|
||
# Favorite Star
|
||
FAVORITE_LABEL_STYLE = "color: gold; font-size: 32px; background: transparent;"
|
||
|
||
# СТИЛИ ДЛЯ QMessageBox (ОКНА СООБЩЕНИЙ)
|
||
MESSAGE_BOX_STYLE = """
|
||
QMessageBox {
|
||
background: qlineargradient(x1:0, y1:0, x2:1, y2:0,
|
||
stop:0 rgba(40, 40, 40, 0.95),
|
||
stop:1 rgba(25, 25, 25, 0.95));
|
||
border: 1px solid rgba(255, 255, 255, 0.15);
|
||
border-radius: 12px;
|
||
}
|
||
QMessageBox QLabel {
|
||
color: #ffffff;
|
||
font-family: 'Play';
|
||
font-size: 16px;
|
||
}
|
||
QMessageBox QPushButton {
|
||
background: rgba(30, 30, 30, 0.6);
|
||
border: 1px solid rgba(255, 255, 255, 0.2);
|
||
border-radius: 8px;
|
||
color: #ffffff;
|
||
font-family: 'Play';
|
||
padding: 8px 20px;
|
||
min-width: 80px;
|
||
}
|
||
QMessageBox QPushButton:hover {
|
||
background: #09bec8;
|
||
border-color: rgba(255, 255, 255, 0.3);
|
||
}
|
||
"""
|
||
|
||
# СТИЛИ ДЛЯ ВКЛАДКИ НАСТРОЕК PORTPROTON
|
||
# PARAMS_TITLE_STYLE
|
||
PARAMS_TITLE_STYLE = "color: #ffffff; font-family: 'Play'; font-size: 16px; padding: 10px; background: transparent;"
|
||
|
||
PROXY_INPUT_STYLE = """
|
||
QLineEdit {
|
||
background: #282a33;
|
||
border: 0px solid rgba(255, 255, 255, 0.2);
|
||
border-radius: 10px;
|
||
height: 34px;
|
||
padding-left: 12px;
|
||
color: #ffffff;
|
||
font-family: 'Play';
|
||
font-size: 16px;
|
||
}
|
||
QLineEdit:focus {
|
||
border: 1px solid rgba(255, 255, 255, 0.2);
|
||
}
|
||
QMenu {
|
||
border: 1px solid rgba(255, 255, 255, 0.2);
|
||
padding: 5px 10px;
|
||
background: #32343d;
|
||
}
|
||
QMenu::item {
|
||
padding: 0px 10px;
|
||
border: 10px solid transparent; /* reserve space for selection border */
|
||
}
|
||
QMenu::item:selected {
|
||
background: #3f424d;
|
||
border-radius: 10px;
|
||
}
|
||
"""
|
||
|
||
SETTINGS_COMBO_STYLE = f"""
|
||
QComboBox {{
|
||
background: #3f424d;
|
||
border: 0px solid rgba(255, 255, 255, 0.2);
|
||
border-radius: 10px;
|
||
height: 34px;
|
||
padding-left: 12px;
|
||
color: #ffffff;
|
||
font-family: 'Play';
|
||
font-size: 16px;
|
||
min-width: 120px;
|
||
combobox-popup: 0;
|
||
}}
|
||
QComboBox:on {{
|
||
background: #373a43;
|
||
border: 1px solid rgba(255, 255, 255, 0.2);
|
||
border-top-left-radius: 10px;
|
||
border-top-right-radius: 10px;
|
||
border-bottom-left-radius: 0px;
|
||
border-bottom-right-radius: 0px;
|
||
}}
|
||
QComboBox:hover {{
|
||
border: 1px solid rgba(255, 255, 255, 0.2);
|
||
}}
|
||
/* Состояние фокуса */
|
||
QComboBox:focus {{
|
||
border: 2px solid #409EFF;
|
||
background-color: #404554;
|
||
}}
|
||
QComboBox::drop-down {{
|
||
subcontrol-origin: padding;
|
||
subcontrol-position: center right;
|
||
border-left: 1px solid rgba(255, 255, 255, 0.05);
|
||
padding: 12px;
|
||
height: 12px;
|
||
width: 12px;
|
||
}}
|
||
QComboBox::down-arrow {{
|
||
image: url({theme_manager.get_icon("down", current_theme_name, as_path=True)});
|
||
padding: 12px;
|
||
height: 12px;
|
||
width: 12px;
|
||
}}
|
||
QComboBox::down-arrow:on {{
|
||
image: url({theme_manager.get_icon("up", current_theme_name, as_path=True)});
|
||
padding: 12px;
|
||
height: 12px;
|
||
width: 12px;
|
||
}}
|
||
/* Список при открытом комбобоксе */
|
||
QComboBox QAbstractItemView {{
|
||
outline: none;
|
||
border: 1px solid rgba(255, 255, 255, 0.2);
|
||
border-top-style: none;
|
||
}}
|
||
QListView {{
|
||
background: #3f424d;
|
||
}}
|
||
QListView::item {{
|
||
padding: 7px 7px 7px 12px;
|
||
border-radius: 0px;
|
||
color: #ffffff;
|
||
}}
|
||
QListView::item:hover {{
|
||
background: #282a33;
|
||
}}
|
||
QListView::item:selected {{
|
||
background: #282a33;
|
||
}}
|
||
/* Выделение в списке при фокусе на элементе */
|
||
QListView::item:focus {{
|
||
background: #409EFF;
|
||
color: #ffffff;
|
||
}}
|
||
"""
|
||
|
||
|
||
# ФУНКЦИЯ ДЛЯ ДИНАМИЧЕСКОГО ГРАДИЕНТА (ДЕТАЛИ ИГР)
|
||
# Функции из этой темы срабатывает всегда вне зависимости от выбранной темы, функции из других тем работают только в этих темах
|
||
def detail_page_style(stops):
|
||
return f"""
|
||
QWidget {{
|
||
background: qlineargradient(x1:0, y1:0, x2:1, y2:1,
|
||
{stops});
|
||
border-radius: 15px;
|
||
}}
|
||
"""
|