← Back to list

Qt Stylesheet properties Guide

void MainWindow::applyLightTheme() { this->setStyleSheet(R”(

Daniel Gakwayya · 2026-02-21 17:33 · 0 claps · 1.1 min read
#qt6 #application-window
Open on Medium ↗
Wiki topics: 👗 · Fashion

Qt Stylesheet properties Guide

void MainWindow::applyLightTheme() { this->setStyleSheet(R”(

/ ================= GLOBAL ================= /

QMainWindow { background-color: #F3F5F8; font-family: “Segoe UI”; }

/ ================= TITLE ================= /

QLabel#titleLabel { font-size: 28px; font-weight: 600; color: #1E293B; padding-bottom: 8px; }

/ ================= TOP PANEL ================= /

QWidget#topPanelWidget { background-color: #FFFFFF; border: 1px solid #E3E7EE; border-radius: 10px; padding: 12px; }

/ ================= BUTTON BASE ================= /

QPushButton { background-color: #FFFFFF; border: 1px solid #D7DCE5; border-radius: 8px; padding: 8px 18px; color: #1F2937; font-size: 13px; }

QPushButton:hover { background-color: #F1F5F9; border: 1px solid #2563EB; }

QPushButton:pressed { background-color: #E5EAF3; }

/ ================= PRIMARY BUTTON ================= /

QPushButton#addLogButton { background-color: #2563EB; border: none; color: white; font-weight: 500; }

QPushButton#addLogButton:hover { background-color: #3B82F6; }

QPushButton#addLogButton:pressed { background-color: #1D4ED8; }

/ ================= CLEAR BUTTON (Danger Accent) ================= /

QPushButton#clearLogsButton:hover { border: 1px solid #DC2626; }

/ ================= COMBOBOX ================= /

QComboBox { background-color: #FFFFFF; border: 1px solid #D7DCE5; border-radius: 6px; padding: 6px 12px; min-width: 150px; color: #1F2937; }

QComboBox:hover { border: 1px solid #2563EB; }

QComboBox::drop-down { border: none; }

QComboBox QAbstractItemView { background-color: #FFFFFF; border: 1px solid #D7DCE5; selection-background-color: #2563EB; selection-color: white; }

/ ================= LOG CARD ================= /

QFrame#logsFrame { background-color: #FFFFFF; border: 1px solid #E3E7EE; border-radius: 12px; padding: 4px; }

/ ================= LOG TEXT ================= /

QTextBrowser { background-color: #FAFBFD; border: none; color: #1E293B; font-family: Consolas; font-size: 16px; border-radius: 12px; padding: 6px; }

/ ================= SECTION LABEL ================= /

QLabel { color: #475569; font-size: 18px; }

/ ================= STATUS BAR ================= /

QLabel#statusLabel { background-color: #F3F5F8; border-top: 1px solid #E3E7EE; color: #64748B; padding-left: 8px; }

)”); }


메타데이터
post_id
5d4e1a0448c8
slug
qt-stylesheet-properties-guide-5d4e1a0448c8
url
https://medium.com/@danielgakwayya/qt-stylesheet-properties-guide-5d4e1a0448c8
canonical_url
https://medium.com/@danielgakwayya/qt-stylesheet-properties-guide-5d4e1a0448c8
author_url
https://medium.com/@danielgakwayya
status
ok
fetched_at
2026-06-13 07:35:29