Files
palladiumcore/src/qt/res/styles/dark.qss
Davide Grilli 733fe26b42 Fix dark mode input heights and spinbox button visibility
- Set consistent min-height (22px) and padding (2px) for all input widgets
- Add dark-styled backgrounds to spinbox buttons (#2A2A2A with hover)
- Use native Qt arrows for spinbox buttons to match light mode
- Apply styling to QLineEdit, QSpinBox, QComboBox, PalladiumAmountField

Ensures uniform widget dimensions and visible controls across all pages
in both light and dark modes
2026-01-26 23:03:29 +01:00

482 lines
9.8 KiB
Plaintext

/* =======================================================
PALLADIUM CORE DARK THEME - Color Only Edition
======================================================= */
/* This stylesheet only overrides colors and inherits all
dimensional properties (padding, margin, border-radius,
sizes) from Qt defaults to ensure identical layout
between dark and light themes. */
/* --- COLOR PALETTE ---
Background dark: #2D2D2D (Main background)
Background darker: #1E1E1E (Input fields, tables)
Background lighter: #3D3D3D (Toolbars, elevated surfaces)
Text primary: #E0E0E0 (Main text)
Text secondary: #AAAAAA (Muted text)
Text disabled: #6A6A6A (Disabled state)
Borders subtle: #404040 (Separators, discrete lines)
Borders standard: #4A4A4A (Containers, inputs)
Borders emphasized: #5A5A5A (Focus, active elements)
Borders hover: #606060 (Interactive feedback)
Accent primary: #007BFF (Selection, focus, active)
Accent hover: #0069D9 (Accent hover state)
*/
/* --- BASE WIDGETS --- */
QWidget {
background-color: #2D2D2D;
color: #E0E0E0;
selection-background-color: #007BFF;
selection-color: #FFFFFF;
}
/* --- MENU BAR --- */
QMenuBar {
background-color: #2D2D2D;
color: #E0E0E0;
border-bottom: 1px solid #404040;
}
QMenuBar::item {
background-color: transparent;
}
QMenuBar::item:selected {
background-color: #3A3A3A;
border: 1px solid #4A4A4A;
}
/* --- MENUS --- */
QMenu {
background-color: #2D2D2D;
border: 1px solid #4A4A4A;
}
QMenu::item:selected {
background-color: #007BFF;
color: white;
}
QMenu::separator {
background: #404040;
}
/* --- TOOLBAR --- */
QToolBar {
background-color: #3D3D3D;
border-bottom: 1px solid #404040;
}
QToolButton {
background-color: transparent;
border: 1px solid transparent;
color: #E0E0E0;
}
QToolButton:hover {
background-color: #4D4D4D;
border: 1px solid #5A5A5A;
}
QToolButton:pressed {
background-color: #3A3A3A;
border: 1px solid #606060;
}
QToolButton:checked {
background-color: #007BFF;
color: white;
border: 1px solid #007BFF;
}
/* --- TABS --- */
QTabWidget::pane {
border: 1px solid #4A4A4A;
background-color: #2D2D2D;
}
QTabBar::tab {
background: #1E1E1E;
color: #AAAAAA;
border: 1px solid #4A4A4A;
}
QTabBar::tab:hover {
background: #252525;
color: #E0E0E0;
border: 1px solid #5A5A5A;
}
QTabBar::tab:selected {
background: #2D2D2D;
color: #FFFFFF;
border: 1px solid #4A4A4A;
}
/* --- INPUT FIELDS --- */
QLineEdit, QTextEdit, QPlainTextEdit, QSpinBox, QDoubleSpinBox {
background-color: #1E1E1E;
color: #FFFFFF;
border: 1px solid #4A4A4A;
selection-background-color: #007BFF;
min-height: 22px;
padding: 2px;
}
QLineEdit:hover, QTextEdit:hover, QPlainTextEdit:hover,
QSpinBox:hover, QDoubleSpinBox:hover {
border: 1px solid #5A5A5A;
background-color: #252525;
}
QLineEdit:focus, QTextEdit:focus, QPlainTextEdit:focus,
QSpinBox:focus, QDoubleSpinBox:focus {
border: 1px solid #007BFF;
background-color: #252525;
}
QLineEdit:disabled, QTextEdit:disabled, QPlainTextEdit:disabled,
QSpinBox:disabled, QDoubleSpinBox:disabled {
background-color: #1E1E1E;
color: #6A6A6A;
border: 1px solid #404040;
}
/* --- SPIN BOX BUTTONS --- */
QSpinBox::up-button, QDoubleSpinBox::up-button,
QSpinBox::down-button, QDoubleSpinBox::down-button {
background-color: #2A2A2A;
border-left: 1px solid #3A3A3A;
}
QSpinBox::up-button:hover, QDoubleSpinBox::up-button:hover,
QSpinBox::down-button:hover, QDoubleSpinBox::down-button:hover {
background-color: #3A3A3A;
}
/* --- LISTS & TABLES --- */
QTableView, QListView, QTreeWidget, QTreeView {
background-color: #1E1E1E;
alternate-background-color: #252525;
color: #E0E0E0;
gridline-color: #404040;
border: 1px solid #4A4A4A;
selection-background-color: #007BFF;
}
QTableView:focus, QListView:focus, QTreeWidget:focus, QTreeView:focus {
border: 1px solid #5A5A5A;
}
QTableView::item:hover, QListView::item:hover,
QTreeWidget::item:hover, QTreeView::item:hover {
background-color: #3A3A3A;
}
QTableView::item:selected, QListView::item:selected,
QTreeWidget::item:selected, QTreeView::item:selected {
background-color: #007BFF;
color: #FFFFFF;
}
QHeaderView::section {
background-color: #333;
color: #E0E0E0;
border: none;
border-right: 1px solid #404040;
border-bottom: 1px solid #4A4A4A;
}
QHeaderView::section:hover {
background-color: #3A3A3A;
border-bottom: 1px solid #5A5A5A;
}
/* --- SCROLLBARS --- */
QScrollBar:vertical {
background: #1E1E1E;
}
QScrollBar::handle:vertical {
background: #4A4A4A;
}
QScrollBar::handle:vertical:hover {
background: #5A5A5A;
}
QScrollBar:horizontal {
background: #1E1E1E;
}
QScrollBar::handle:horizontal {
background: #4A4A4A;
}
QScrollBar::handle:horizontal:hover {
background: #5A5A5A;
}
/* --- BUTTONS --- */
QPushButton {
background-color: #444;
border: 1px solid #5A5A5A;
color: white;
}
QPushButton:hover {
background-color: #555;
border: 1px solid #606060;
}
QPushButton:pressed {
background-color: #3A3A3A;
border: 1px solid #007BFF;
}
QPushButton:disabled {
background-color: #2D2D2D;
color: #6A6A6A;
border: 1px solid #404040;
}
QPushButton:default {
background-color: #007BFF;
color: white;
border: 1px solid #007BFF;
}
QPushButton:default:hover {
background-color: #0069D9;
border: 1px solid #0069D9;
}
/* --- CHECKBOXES --- */
QCheckBox {
color: #E0E0E0;
}
QCheckBox::indicator {
border: 1px solid #4A4A4A;
background-color: #1E1E1E;
}
QCheckBox::indicator:hover {
border: 1px solid #5A5A5A;
background-color: #252525;
}
QCheckBox::indicator:checked {
background-color: #007BFF;
border: 1px solid #007BFF;
}
QCheckBox::indicator:disabled {
background-color: #1E1E1E;
border: 1px solid #404040;
}
/* --- RADIO BUTTONS --- */
QRadioButton {
color: #E0E0E0;
}
QRadioButton::indicator {
border: 1px solid #4A4A4A;
background-color: #1E1E1E;
}
QRadioButton::indicator:hover {
border: 1px solid #5A5A5A;
background-color: #252525;
}
QRadioButton::indicator:checked {
background-color: #007BFF;
border: 2px solid #007BFF;
}
QRadioButton::indicator:disabled {
background-color: #1E1E1E;
border: 1px solid #404040;
}
/* --- COMBO BOX --- */
QComboBox {
background-color: #1E1E1E;
color: #E0E0E0;
border: 1px solid #4A4A4A;
min-height: 22px;
padding: 2px;
}
QComboBox:hover {
border: 1px solid #5A5A5A;
background-color: #252525;
}
QComboBox:focus {
border: 1px solid #007BFF;
}
QComboBox::drop-down {
border: none;
border-left: 1px solid #404040;
}
QComboBox::drop-down:hover {
background-color: #3A3A3A;
border-left: 1px solid #5A5A5A;
}
QComboBox QAbstractItemView {
background-color: #2D2D2D;
border: 1px solid #4A4A4A;
selection-background-color: #007BFF;
selection-color: white;
}
/* --- PROGRESS BAR --- */
QProgressBar {
background-color: #1E1E1E;
border: 1px solid #4A4A4A;
color: #E0E0E0;
}
QProgressBar::chunk {
background-color: #007BFF;
}
/* --- SLIDER --- */
QSlider::groove:horizontal {
background: #1E1E1E;
border: 1px solid #4A4A4A;
}
QSlider::handle:horizontal {
background: #007BFF;
border: 2px solid #007BFF;
}
QSlider::handle:horizontal:hover {
background: #0069D9;
border: 2px solid #0069D9;
}
/* --- GROUP BOX --- */
QGroupBox {
border: 1px solid #4A4A4A;
color: #E0E0E0;
}
QGroupBox::title {
color: #E0E0E0;
background-color: #2D2D2D;
}
/* --- SPLITTER --- */
QSplitter::handle {
background-color: #4A4A4A;
}
QSplitter::handle:hover {
background-color: #5A5A5A;
}
/* --- STATUS BAR --- */
QStatusBar {
background-color: #2D2D2D;
color: #888;
border-top: 1px solid #404040;
}
QStatusBar::item {
border: none;
}
/* --- TOOLTIPS --- */
QToolTip {
background-color: #3A3A3A;
color: #E0E0E0;
border: 1px solid #5A5A5A;
}
/* --- FRAME --- */
QFrame[frameShape="StyledPanel"],
QFrame[frameShape="Box"] {
border-color: #4A4A4A;
}
QFrame[frameShape="HLine"] {
border-top-color: #404040;
}
QFrame[frameShape="VLine"] {
border-left-color: #404040;
}
/* --- SEND COINS ENTRY (Dark Mode Fix) --- */
/* Payment request warning frame */
QFrame#SendCoins_UnauthenticatedPaymentRequest {
background-color: #3A3A00; /* Dark yellow/warning background */
border: 1px solid #5A5A00;
color: #FFFF99; /* Light yellow text */
}
QFrame#SendCoins_UnauthenticatedPaymentRequest QLabel {
color: #FFFF99; /* Light yellow text for labels */
background-color: transparent;
}
/* --- PALLADIUM AMOUNT FIELD (Dark Mode Fix) --- */
/* Fix for Amount field background in Send/Receive pages */
PalladiumAmountField QAbstractSpinBox {
background-color: #1E1E1E;
color: #FFFFFF;
border: 1px solid #4A4A4A;
min-height: 22px;
padding: 2px;
}
PalladiumAmountField QAbstractSpinBox:hover {
border: 1px solid #5A5A5A;
background-color: #252525;
}
PalladiumAmountField QAbstractSpinBox:focus {
border: 1px solid #007BFF;
background-color: #252525;
}
/* Fix for spinbox up/down buttons visibility */
PalladiumAmountField QAbstractSpinBox::up-button,
PalladiumAmountField QAbstractSpinBox::down-button {
background-color: #2A2A2A;
border-left: 1px solid #3A3A3A;
}
PalladiumAmountField QAbstractSpinBox::up-button:hover,
PalladiumAmountField QAbstractSpinBox::down-button:hover {
background-color: #3A3A3A;
}
PalladiumAmountField QComboBox {
background-color: #1E1E1E;
color: #E0E0E0;
border: 1px solid #4A4A4A;
}
PalladiumAmountField QComboBox:hover {
border: 1px solid #5A5A5A;
background-color: #252525;
}
PalladiumAmountField QComboBox:focus {
border: 1px solid #007BFF;
}