Когда разрабатываете свой GUI с помощью PyQt для какого-либо софта бывает необходимо позаимствовать цвета из текущего стиля интерфейса. Например, чтобы правильно раскрасить свои виджеты, подогнав их по цвету. Ведь бывает, что ваш GUI используется в разных софтах. Причём некоторые со светлой темой а другие с тёмной.
По умолчанию стили наследуются, но если вы задаёте какую-либо раскраску для части виджета через свой styleSheet, то требуется ссылаться на цвета текущего стиля.
Как это сделать? Как получить нужный цвет из палитры имеющегося стиля? Это достаточно просто, нужно использовать класс QPalette и его роли.
Например, мне нужно достать цвет текста из одного виджета и применить его в другом как цвет фона (не важно зачем именно так, просто захотелось😊).
Получаем палитру виджета и сразу достаём нужный цвет, указав его роль.
from PySide2.QtGui import QPalette
color = main_window.palette().color(QPalette.Text)
теперь можем использовать этот цвет в стилях
my_widget.setStyleSheet(f'background-color: {color.name()};')
Готово, мы динамически переопределили дефолтный стиль используя текущий стиль окна!
На самом деле есть запись покороче, в одну строку и без лишних переменных. Не очень-то по правилам CSS, но Qt это понимает.
my_widget.setStyleSheet('background-color: palette(Text);')
Этот способ не подходит если вам нужно как-то модифицировать цвет перед применением в своих стилях. В этом случае потребуется первый способ.
Зато он прекрасно сработает в файле .qss, то есть не придётся в коде прописывать раскраску отдельных элементов через ссылки на палитру, всё красиво сохранится в отдельном файле .qss!
QListView#my_widget::item:selected {
background: palette(Midlight);
}
Про имеющиеся роли можно почитать здесь🌍
#qt#tricks
BTS’ “Permission To Dance On Stage - Live” becomes the First Live Album by an Asian Act to enter the Top 10 of the Worldwide Apple Music Album Charts!
CONGRATULATIONS BTS
#CHARTS
•@OUR_7_PRINCES•
“Dynamite” has surpassed 2.1 billion streams on Spotify, BTS's first song to do so!
Congratulations bts 💜
Let's get that 2B for the MV too.
https://youtu.be/gdZLi9oWNZg?si=MK1oUNrKA-X2B0S0
#CHARTS | #SPOTIFY
•@OUR_7_PRINCES•
"Butterfly" by BTS now hits 300 Million streams on Spotify, becoming their 44th song to do so..!
CONGRATULATIONS BTS
#CHARTS | #SPOTIFY
•@OUR_7_PRINCES•
📊| @/BTS_twt's “PERMISSION TO DANCE ON STAGE – LIVE” (14.5M) breaks the record as the BIGGEST DEBUT for a live album in spotify's HISTORY, surpassing Beyonce ‘Homecoming: The Live Album’ (8.5)!
CONGRATULATIONS BTS
RECORD MAKER BTS
BTS GREATEST OF ALL TIME
#CHARTS | #SPOTIFY
•@OUR_7_PRINCES•
🌍| #PTD_ON_THE_STAGE_LIVE album on itunes —
#1. Australia
#1. Austria
#1. Brazil
#1. France
#1. India
#1. Philippines
#1. Spain
— 7 #1 around the world so far!
Apple Music : https://music.apple.com/in/album/permission-to-dance-on-stage-live/1823627665
Spotify link : https://open.spotify.com/album/7xLhqoM0ilHRKUg2irVSDI?si=VaQHZroSQY2V7tdhnz0oeg
#CHARTS | #iTUNES
•@OUR_7_PRINCES•
#go#chart#charts#cncf#helm#kubernetes
Helm is a tool that helps manage applications on Kubernetes. It simplifies deploying and managing apps by using pre-configured packages called Helm Charts. These charts include all the necessary resources for an application, making it easy to install, update, or remove apps with just a few commands. This saves time and reduces errors, as you only need to edit a single file to change settings across different environments. Using Helm boosts productivity and makes deploying complex applications much easier.
https://github.com/helm/helm
#other#awesome#chartjs#charts#integrations#plugins#resources
Chart.js is a flexible JavaScript library for creating interactive charts with extensive customization options. You can use it with popular frameworks like React, Vue, and Angular through dedicated adapters, and extend its functionality with plugins for styling, features, and data handling. The library supports three major versions—v2 (April 2016), v3 (April 2021), and v4 (November 2022)—each with different plugin compatibility. This means you can choose the version that best fits your project needs and find compatible extensions for charts, animations, zooming, data labels, and more. Whether you need basic charts or advanced visualizations with custom interactions, Chart.js provides the tools to build professional data displays efficiently.
https://github.com/chartjs/awesome
#typescript#charts#data_grid#data_table#date_picker#date_range_picker#hacktoberfest#react#time_picker
MUI X provides advanced React components like Data Grids, Date Pickers, Charts, and Tree Views for building data-rich apps, offering free MIT-licensed tools for basic needs and paid Pro/Premium plans with advanced features like server-side data handling and AI assistance, saving development time with ready-made solutions while allowing customization for any design system[1][2][4].
https://github.com/mui/mui-x