Show off your theme!

[ManuelSchneid3r]

This is the place to brag with your custom theme. Please post a screenshot and the *qss. Lets vote on them and ship the best ones with Albert.

[ManuelSchneid3r]

/*
 * author: Manuel Schneider <https://github.com/ManuelSchneid3r>
 *
 * 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)
 */

* {
    color: #81A1C1;
    background-color: #2E3440;
}

QToolTip {

}

#frame {
    background-color: none;
    border: none;
    max-width:640px;
    min-width:640px;
    padding: 10px; /* to have a drag handle */
}

#inputLine {
    border-radius: 8px;
    border: 1px solid #4C566A;
    color: #81A1C1;
    font-size: 26px;
    padding: 6px;
    selection-background-color: #3B4252;
    selection-color: #81A1C1;
}

#settingsButton {
    background-color: transparent;
    color: #4C566A;
    max-height:13px;
    max-width:13px;
    min-height:13px;
    min-width:13px;
    padding: 16px;
}

/********** ListViews ************/

QListView {
    margin-top: 10px;
    border: 1px solid #4C566A;
    border-radius: 8px;
    padding: 6px;
    color: #5E81AC;
    selection-color: #81A1C1;
    selection-background-color: #3B4252;
}


QListView::item {
    padding: 4px;
    border-radius: 6px;
}

QListView::item:selected {
    background-color: #3B4252;
}

QListView QScrollBar:vertical  {
    width: 2px;
    background: transparent;
}

QListView QScrollBar::handle:vertical  {
    background: #4C566A;
    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;
}

/********** resultsList **********/

QListView#resultsList {
    icon-size: 38px;
    font-size: 20px;
}

/********** actionList **********/

QListView#actionList {
    font-size: 16px;
}

[Stonley890]

I love the layout of this theme.
Is it alright for me to share a variant of this theme with different colors?

[ManuelSchneid3r]

Sure but keep in mind to not invest that much time. Wbm is undergoing heavy changes atm

[xsak]

NumixGruvboxRounded

I modified the Numix Rounded theme with some Gruvbox colors.

Filename: NumixGruvboxRounded.qss

/*
 * author: Akos Keresztes <https://github.com/xsak/GruvBox-Albert-themes>
 * based on: Leandro Heck <https://github.com/leoheck>
 * based on Manuel Schneider's themes Numix and Yosemite Dark
 *
 * 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)
 */

* {
  color : #BDAE93;
  background-color: #32302F;
}

#frame {
  width:640px;
  padding: 12px;
  border-radius: 5px;
  background-color: #32302F;
  /*border: 1px solid #3C3836;*/

  /* Workaround for Qt to get fixed size button*/
  min-width:640px;
  max-width:640px;
}

#inputLine {
  padding: 2px;
  font: 36px "Source Sans Pro Bold";
  selection-color: #BDAE93;
  selection-background-color: #665C54;
  border: none;
  background-color: #32302F;
}

#settingsButton {
  border: none;
  border-radius: 7px;
  color : #332828;
  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: #32302F;
}


/********** ListViews ************/

QListView {
    selection-color: #BDAE93;
}

QListView::item:selected {
  border: none;
  background: qlineargradient(x1:0, x2:1, stop:0.0 #3c3a3a, stop:0.5 #3c3a3a, stop:1.0 #3c3a3a );
}

QListView QScrollBar:vertical  {
  width: 5px;
  background: transparent;
}

QListView QScrollBar::handle:vertical  {
  background: #32302F;
  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-size: 26px;
  font: 20px "Source Sans Pro Bold";
  background-color: transparent;
  border: none;
}

QListView#resultsList::item{
  height:48px;
  padding: 4px;
  border-bottom: 1px dotted #3C3836;
}

QListView#resultsList::item:selected{
  border: none;
  background: #504945;
}

[marioawad]

Modified the original Bright theme to make the frame wider and the fonts more compact.

Really useful for browsing around the file system with long paths for example.

Thank you for the amazing Albert app and all its plugins.

Bright wide compact screenshot:

Bright original screenshot for reference:

Filename: BrightWideCompact.qss

/*
 * Modified from the original Bright theme of Albert to make the frame wider and
 * the fonts more compact. Really useful for browsing around the filesystem with
 * long paths for example. Search for Mario for the few changes done below if
 * you want to apply it to other versions of the Bright theme.
 *
 * author: Mario Awad <https://github.com/marioawad>
 * original author: Manuel Schneider <https://github.com/ManuelSchneid3r>
 *
 * 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)
 */

* {
  border: none;
  color : #808080;
  background-color: #FFFFFF;
}

#frame {
  padding: 6px;
  border-radius: 12px;
  background-color: #FFFFFF;
  border: 6px solid #808080;

  /* Workaround for Qt to get fixed size button */
  min-width:960px; /* Mario: Default was 640px */
  max-width:960px; /* Mario: Default was 640px */
}

#inputLine {
  padding: 4px; /* Mario: Default was 2px */
  border-radius: 2px;
  font-size: 24px; /* Mario: Default was 36px */
  selection-color: #FFFFFF;
  selection-background-color: #808080;
  background-color: #D0D0D0;
}

#settingsButton {
  color : #808080;
  background-color: #FFFFFF;
  padding: 4px;

  /* 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:13px;
  min-height:13px;
  max-width:13px;
  max-height:13px;
}

/********** ListViews **********/

QListView {
  background: transparent;
  selection-color: #808080;
}

QListView::item:selected {
  background: qlineargradient(x1:0, x2:1, stop:0.0 #20808080, stop:0.5 #10808080, stop:1.0 #20808080 );
}

QListView QScrollBar:vertical  {
  width: 5px;
  background: transparent;
}

QListView QScrollBar::handle:vertical  {
  background: #808080;
  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: 16px; /* Mario: Default was 20px */
}

QListView#actionList::item{
  height:28px;
}

/********** resultsList **********/

QListView#resultsList {
  icon-size: 44px;
  font-size: 18px; /* Mario: Default was 26px */
}

QListView#resultsList::item{
  height:48px;
}

[Stonley890]

Modified the Nord theme to give it a medium gray color scheme.

NordGray.qss

/*
* author: Stonley890 <https://github.com/stonley890>, Manuel Schneider <https://github.com/ManuelSchneid3r>
*
* 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)
*/

* {
  color: #ffffff;
  background-color: #212121;
}

#frame {
  background-color: none;
  border: none;
  max-width:640px;
  min-width:640px;
  padding: 10px; /* to have a drag handle */
}


#inputLine {
  border-radius: 8px;
  border: 1px solid #454545;
  color: #ffffff;
  font-size: 26px;
  padding: 8px;
  selection-background-color: #3281ea;
  selection-color: #ffffff;
}


#settingsButton {
  background-color: transparent;
  color: #4C566A;
  max-height:13px;
  max-width:13px;
  min-height:13px;
  min-width:13px;
  padding: 16px;
}


QListView {
  border-radius: 8px;
  border: 1px solid #454545;
  color: #c5c5c5;
  margin-top: 4px;
  selection-background-color: #3281ea;
  selection-color: #ffffff;
}

QListView::item {
  border-radius: 6px;
  padding: 4px;
}

QListView::item:selected {
  background-color: #414141;
}


QListView#resultsList {
  font-size: 20px;
  icon-size: 34px;
  padding: 4px 8px 4px 8px;
}

QListView#resultsList::item {
  margin: 4px 0px 4px 0px;
  height: 44px;
}


QListView#actionList {
  font-size: 16px;
  padding: 6px 8px 6px 8px;
}

QListView#actionList::item {
  margin: 2px 0px 2px 0px;
}


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 {
  background: transparent;
  border: 0px;
  height: 0px;
  width: 0px;
}

QListView QScrollBar:vertical  {
  background: transparent;
  margin: 8px 0px 8px 0px;
  width: 2px;
}

QListView QScrollBar::handle:vertical  {
  background: #808080;
  min-height: 24px;
}