kde-playground/loopy/themes/blackglass-light/style.qss

/*+++ Startscreen +++*/

#infolabel {
  background-color:qlineargradient(x1:0, y1:0, x2:0, y2:1,stop:0 #444, stop: 0.6 black, stop:1 black);
  color: white;
  border-top: 1px solid gray;
}

/*+++ Fullscreenplaylist +++*/

#fullscreenplaylist {
   background-color:black;
   border-left: 1px solid gray;
}

/*+++ Fullscreenbar +++*/

#fullscreenbar {
  background-color:qlineargradient(x1:0, y1:0, x2:0, y2:1,stop:0 #444, stop: 0.6 black, stop:1 black);
  border-top: 1px solid gray;
  /*padding:10px;*/
  color: white;
}
 
#fullscreenbarTitlelabel {
  color:white;
  text-align:left;
}

#fullscreenbarTimeLabel {
  text-align:right;
  color:white;
}

#fullscreenbar QSlider:groove {
  background-color:qlineargradient(x1:0, y1:0, x2:0, y2:1,stop:0 black, stop:1 #444);
  border:1px solid gray;
  border-radius: 4px;
  height: 8px;
}

#fullscreenbar QSlider:handle {
  margin-top: -2px;
  margin-bottom: -2px;
  width: 8px;
  background-color:qlineargradient(x1:0, y1:0, x2:0, y2:1,stop:0 #333, stop: 0.5 black, stop:1 black);
  border-radius: 4px;
  border:1px solid gray;
}

#fullscreenbar QToolButton {
  border: 1px solid transparent;
  border-radius: 4px;
}

#fullscreenbar QToolButton:hover {
  border: 1px solid gray;
}

#fullscreenbar QToolButton:pressed {
  border: 1px solid #444;
} 

/*+++ Toolbar +++

#mainToolBar {
  background-color:qlineargradient(x1:0, y1:0, x2:0, y2:1,stop:0 #444, stop: 0.6 black, stop:1 black);
  border-top:1px solid gray;
  border-radius: 0px;
  padding:5px;
}

#mainToolBar QSlider:groove {
  background-color:qlineargradient(x1:0, y1:0, x2:0, y2:1,stop:0 black, stop:1 #444);
  border:1px solid gray;
  border-radius: 4px;
  height: 8px;
}

#mainToolBar QSlider:handle {
  margin-top: -2px;
  margin-bottom: -2px;
  width: 8px;
  background-color:qlineargradient(x1:0, y1:0, x2:0, y2:1,stop:0 #333, stop: 0.5 black, stop:1 black);
  border-radius: 4px;
  border:1px solid gray;
}

#mainToolBar QToolButton {
  border: 1px solid transparent;
  border-radius: 4px;
}

#mainToolBar QToolButton:hover {
  border: 1px solid gray;
}

#mainToolBar QToolButton:pressed {
  border: 1px solid #444;
}*/

/*+++ Statusbar +++*/

QStatusBar {
  background-color: black;
}

#timelabel {
  color: lightgray;
  padding-right:5px;
  padding-left:5px;
}

/*+++ Playlist +++*/

/*KListWidget*/

#playlist {
  background-color:qlineargradient(x1:0, y1:0, x2:0, y2:1,stop:0 #444, stop: 0.6 black, stop:1 black);
  border-radius: 0px;
  show-decoration-selected: 1; /* make the selection span the entire width of the view */
}

#playlist::item {
  background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,
                                 stop: 0 #7FBAE3, stop: 1 #063E72);
                                 color:white;
}

#playlist::item:alternate {
  background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,
                                 stop: 0 #7FBAE3, stop: 1 #063E72);
                                 color:white;
}

#playlist::item:selected {
  background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,
                                 stop: 0 #C9C9C9, stop: 1 #848484);
                                 color:black;
}

#playlist::item:selected:!active {
  background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,
                                 stop: 0 #C9C9C9, stop: 1 #848484);
                                 color:black;
}

#playlist::item:selected:active {
  background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,
                                 stop: 0 #C9C9C9, stop: 1 #848484);
                                 color:black;
}

#playlist::item:hover {
  background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,
                                 stop: 0 #C9C9C9, stop: 1 #848484);
                                 color:black;
}

/*KToolbar*/

#playlisttoolbar {
  background-color:qlineargradient(x1:0, y1:0, x2:0, y2:1,stop:0 #444, stop: 0.6 black, stop:1 black);
  border-radius: 0px;
  border-top:1px solid gray;
  padding:5px;
}

#playlisttoolbar QToolButton {
  border: 1px solid transparent;
  border-radius: 4px;
}

#playlisttoolbar QToolButton:hover {
  border: 1px solid gray;
}

#playlisttoolbar QToolButton:pressed {
  border: 1px solid #444;
}

/*QDockWidget*/

QMainWindow::separator {
  border-left: 1px solid gray;
  border-right: 1px solid gray;
  border-top: 1px solid gray;
  background-color:black;
  width: 10px; /* when vertical */
  height: 10px; /* when horizontal */
}

QMainWindow::separator:hover {
  background: gray;
}

QToolBar::handle {
  /*background:url($themeDir/toolbar-handle.png);*/
  color:white;
}

#playlistdock {
  background-color:black;
  color:lightgray;
  titlebar-close-icon: url($themeDir/close-icon.png);
  titlebar-normal-icon: url($themeDir/normal-icon.png);
}

#playlistdock::title {
  text-align: left;
  background-color:qlineargradient(x1:0, y1:0, x2:0, y2:1,stop:0 #444, stop: 0.6 black, stop:1 black);
  border-top:1px solid gray;
  border-bottom:1px solid gray;
  padding:5px;
}

#playlistdock::close-button, #playlistdock::float-button {
  border: 0px;
  padding: 0px;
}

#playlistdock::close-button:hover, #playlistdock::float-button:hover {
  background: transparent;
  border: 1px solid gray;
  border-radius: 6px;
}

#playlistdock::close-button:pressed, #playlistdock::float-button:pressed {
  padding: 1px -1px -1px 1px;
}