Skip to content

Instantly share code, notes, and snippets.

@Diogo-Rossi
Created January 12, 2025 22:09
Show Gist options
  • Save Diogo-Rossi/4fe23727426c12b9e4df5f78bf17a2f2 to your computer and use it in GitHub Desktop.
Save Diogo-Rossi/4fe23727426c12b9e4df5f78bf17a2f2 to your computer and use it in GitHub Desktop.
QWidget {
color: white;
background-color: rgb(40, 40, 40);
}
QScrollBar {
background: rgb(42, 42, 42);
}
/* Context menu buttons. */
QMenu::item:selected {
background: black;
}
/* Makes some cickable things in the configuration menu look nicer. */
QAbstractButton:hover {
background-color: rgb(66, 66, 66);
}
QAbstractButton:pressed {
background-color: black;
}
/* Top menu bar buttons */
QToolButton {
background-color: rgb(58, 58, 58);
}
QToolButton:hover {
background-color: rgba(30, 30, 30, 0.505);
}
QToolButton:disabled {
background-color: rgb(126, 126, 126);
}
QToolButton:checked {
background-color: black;
}
QToolButton:selected {
background-color: rgb(31, 28, 99);
}
/* Tabs background and text colors */
QTabBar::tab {
background-color: rgb(58, 58, 58); /* Tab background */
color: white; /* Tab text color */
padding: 5px; /* Padding for better spacing */
border: 1px solid rgb(72, 72, 72); /* Border around tabs */
}
/* Active (selected) tab */
QTabBar::tab:selected {
background-color: black; /* Background color of the active tab */
color: white; /* Text color of the active tab */
border: 1px solid rgb(31, 28, 99); /* Highlight border for the active tab */
}
/* Hover effect for tabs */
QTabBar::tab:hover {
background-color: rgb(66, 66, 66); /* Background color on hover */
color: white; /* Text color on hover */
}
/* Tabs that are disabled */
QTabBar::tab:disabled {
background-color: rgb(126, 126, 126); /* Disabled tab background */
color: rgb(200, 200, 200); /* Disabled tab text color */
}
QTabBar::tab:top:selected, QDockWidget QTabBar::tab:top:selected {
background-color: black; /* Tab background */
border-bottom: 3px solid #259AE9;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
/* Tabs area background */
QTabWidget::pane {
background-color: rgb(42, 42, 42); /* Background of the tabs area */
border: 1px solid rgb(72, 72, 72); /* Border around the tabs area */
}
/* Tooltip styling */
QToolTip {
background-color: rgb(66, 66, 66); /* Background color of the tooltip */
color: white; /* Text color of the tooltip */
border: 1px solid rgb(72, 72, 72); /* Border color of the tooltip */
padding: 5px; /* Padding for better spacing */
border-radius: 4px; /* Rounded corners for a polished look */
}
/* Menu bar button styling */
QMenuBar::item {
background-color: rgb(58, 58, 58); /* Default background for menu items */
color: white; /* Default text color */
padding: 5px 10px; /* Padding for better spacing */
}
/* Hover effect for menu bar buttons */
QMenuBar::item:selected {
background-color: rgb(66, 66, 66); /* Background color when hovered */
color: white; /* Text color when hovered */
}
/* Active menu bar button (e.g., when the menu is open) */
QMenuBar::item:pressed {
background-color: black; /* Background color when pressed */
color: white; /* Text color when pressed */
}
/* General styling for table headers (e.g., shortcut list and others) */
QHeaderView::section {
background-color: rgb(58, 58, 58); /* General header background */
color: white; /* General header text color */
padding: 5px; /* General header padding */
border: 1px solid rgb(72, 72, 72); /* General header border */
}
/* Specific styling for details view headers */
QTreeView QHeaderView::section {
background-color: rgb(50, 50, 50); /* Background color for details view headers */
color: white; /* Text color for details view headers */
padding: 4px 8px; /* Padding for details view headers */
border: 1px solid rgb(64, 64, 64); /* Border color for details view headers */
}
/* Styling the main details view container */
QTreeView {
background-color: rgb(42, 42, 42); /* Background of the details view */
color: white; /* Text color of items */
alternate-background-color: rgb(48, 48, 48); /* Alternate row color for better visibility */
border: none; /* Remove any additional borders */
}
/* Hover effect for details view headers */
QTreeView QHeaderView::section:hover {
background-color: rgb(66, 66, 66); /* Hover background color */
color: white; /* Hover text color */
}
/* Pressed effect for details view headers */
QTreeView QHeaderView::section:pressed {
background-color: black; /* Pressed background color */
color: white; /* Pressed text color */
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment