Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
Semi-transparent theme for Albert
/*
* author: <https://github.com/zezic>
* author: <https://github.com/tepf>
*
* Check http://doc.qt.io/qt-5/stylesheet-syntax.html especially the subtopics:
* The Style Sheet Syntax (http://doc.qt.io/qt-5/stylesheet-syntax.html)
* Qt Style Sheets Reference (http://doc.qt.io/qt-5/stylesheet-reference.html)
*/
* {
background-color: rgba(39, 41, 41, 0.5);
}
#frame {
width:640px;
padding: 15px;
/* background-color: #2d2d2d; */
background-color: rgba(39, 41, 41, 0.5);
/*border: 1px solid #555;*/
/* Workaround for Qt to get fixed size button*/
min-width:640px;
max-width:640px;
}
#inputLine {
padding: 2px;
font: 36px "SF UI Display";
selection-color: #fdf6e3;
selection-background-color: #586e75;
border: none;
background-color: rgba(39, 41, 41, 0.0);
color: rgba(255, 255, 255, .7);
}
#settingsButton {
border: none;
border-radius: 7px;
color : #555;
background-color: transparent;
/* Respect the frame border */
margin: 6px 6px 0px 0px;
border-top-right-radius: 6px;
border-bottom-left-radius: 10px;
/* Workaround for Qt to get fixed size button*/
min-width:14px;
min-height:14px;
max-width:14px;
max-height:14px;
}
#settingsButton:hover {
background-color: #2d2d2d;
}
/********** ListViews **********/
QListView {
selection-color: rgba(255, 255, 255, 1);
}
QListView::item:selected {
border: none;
background: transparent;
}
QListView QScrollBar:vertical {
width: 5px;
background: transparent;
}
QListView QScrollBar::handle:vertical {
background: #AAAAAA;
min-height: 24px;
}
QListView QScrollBar::add-line:vertical, QScrollBar::sub-line:vertical,
QListView QScrollBar::up-arrow:vertical, QScrollBar::down-arrow:vertical,
QListView QScrollBar::add-page:vertical, QScrollBar::sub-page:vertical {
border: 0px;
width: 0px;
height: 0px;
background: transparent;
}
/********** actionList **********/
QListView#actionList {
font-size: 20px;
}
QListView#actionList::item{
height:28px;
}
/********** resultsList **********/
QListView#resultsList {
icon-size: 36px;
font: 20px "SF UI Display";
background-color: transparent;
border: none;
color: rgba(255, 255, 255, 0.5);
}
QListView#resultsList::item{
height:48px;
padding: 4px;
color: rgba(255, 255, 255, 0);
}
QListView#resultsList::item:selected{
border: none;
background: transparent;
color: rgba(255, 255, 255, 1);
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.