Skip to content

Instantly share code, notes, and snippets.

@Fenrirthviti
Created August 10, 2017 20:46
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save Fenrirthviti/2006b0d555408a82c64485571a131ccb to your computer and use it in GitHub Desktop.
Save Fenrirthviti/2006b0d555408a82c64485571a131ccb to your computer and use it in GitHub Desktop.
/***********************/
/* --- Tab Widgets --- */
/***********************/
QTabWidget {
border: none;
}
QTabWidget::pane {
border: 1px solid rgb(118, 121, 124); /* Light Gray */
padding: 5px;
margin: 0;
}
QTabWidget::tab-bar {
left: 5px;
}
/********************/
/* --- Tab Bars --- */
/********************/
QTabBar {
qproperty-drawBase: 0;
border-radius: 3px;
}
QTabBar:focus {
border: none;
}
QTabBar::close-button {
image: url(./Rachni/close.png);
background: transparent;
}
QTabBar::close-button:hover {
image: url(./Rachni/close-hover.png);
background: transparent;
}
QTabBar::close-button:pressed {
image: url(:./Rachni/close-pressed.png);
background: transparent;
}
QTabBar::tab:top {
color: rgb(239, 240, 241); /* White */
border: 1px solid rgb(118, 121, 124); /* Light Gray */
border-bottom: 1px transparent;
background-color: rgba(240, 98, 146, 0.5); /* Pink (Secondary) */
padding: 5px;
min-width: 50px;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
}
QTabBar::tab:!selected:top {
color: rgb(239, 240, 241); /* White */
background-color: rgb(84, 87, 91); /* Gray */
border: 1px solid rgb(118, 121, 124); /* Light Gray */
border-bottom: 1px transparent;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
}
QTabBar::tab:!selected:hover:top {
background-color: rgb(0, 188, 212); /* Cyan (Primary) */
}
/* These target the dock widget tab bars, as they are bottom oriented */
QTabBar::tab:bottom {
color: rgb(239, 240, 241); /* White */
border: 1px solid rgb(118, 121, 124); /* Light Gray */
background-color: rgba(240, 98, 146, 0.5); /* Pink (Secondary) */
padding: 5px;
min-width: 50px;
border-bottom-right-radius: 2px;
border-bottom-left-radius: 2px;
}
QTabBar::tab:!selected:bottom {
background-color: rgb(49, 54, 59); /* Gray */
}
QTabBar::tab:!selected:hover:bottom {
background-color: rgb(0, 188, 212); /* Cyan (Primary) */
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment