Dark Quassel Theme (qss)

DarkQuassel.css

/**
** Dark Quassel Theme
**
** - Settings > Configure Quassel > Interface > Client Style.
** - Restart Quassel.
**
*/


/* Window colors */
Palette {
    window:                     #2b2b2b;
    foreground:                 #ffffff;
    base:                       #131313;
    alternate-base:             #42403B;
    tooltip-base:               #131313;
    tooltip-text:               white;
    light:                      #444444;
    midlight:                   #333333;
    button:                     #292929;
    mid:                        #252525;
    dark:                       #202020;
    shadow:                     #1d1d1d;
    text:                       white;
    button-text:                #B6B3AB;
    highlight:                  #00ff00;
    highlight-text:             #000000;
    link:                       #539FA3;
    link-visited:               #845B90;
    marker-line:                qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 #ff0000, stop: 0.1 #ff0000, stop: 0.1 rgba(255,0,0,64), stop: 0.5 transparent);
    background:                 #212121;
}


/* Base Object Colors */

/* Tables */
QTreeView, QTableView {
    alternate-background-color: rgba(0,0,0, 64);
    border:                     0;
}

QTreeView {
    selection-background-color: transparent;
}

QTreeView::item:focus {
    border:                     none;
}

QTreeView::item:selected {
    background:                 lightcyan;
    border:                     none;
    border-radius:              5px;
    color:                      black;
}

QTreeView::item:hover {
    background:                 cyan;
    border-radius:              5px;
    color:                      black;
}

/* Scrollbar */
QScrollBar {
    background:                 transparent;
    margin:                     0;
}

QScrollBar:hover {
    background:                 #161616;
}

QScrollBar:vertical {
    width:                      8px;
}

QScrollBar:horizontal {
    height:                     8px;
}

QScrollBar::handle {
    background:                 palette(midlight);
    border:                     2px solid palette(midlight);
    border-radius:              2px;
    margin:                     2px;
    padding:                    0;
}

QScrollBar::handle:vertical {
    min-height:                 50px;
    min-width:                  0;
}

QScrollBar::handle:horizontal {
    min-height:                 0;
    min-width:                  50px;
}

QScrollBar::handle:hover {
    background:                 palette(light);
    border-color:               palette(light);
}

QScrollBar::handle:pressed {
    background:                 palette(highlight);
    border-color:               palette(highlight);
}

QScrollBar::add-line , QScrollBar::sub-line {
    border:                     0;

    height:                     0;
}

QScrollBar::up-arrow, QScrollBar::down-arrow {
    border:                     0;

    height:                     0;

    width:                      0;
}

QScrollBar::add-page, QScrollBar::sub-page {
    background:                 none;
}

/* Input Box */
MultiLineEdit {
    border-radius:              5px;
}

/* Widgets */
QMainWindow QAbstractScrollArea {
    border:                     0;
}

/* Splitter */
QSplitter::handle, QMainWindow::separator {
    background:                 palette(dark);
}

QSplitter::handle:horizontal:hover, QMainWindow::separator:vertical:hover {
    background:                 qlineargradient(x1: 0, y1: 0, x2: 1, y2: 0, stop: 0 palette(window), stop: 0.5 palette(light), stop: 1 palette(window));
}

QSplitter::handle:vertical:hover, QMainWindow::separator:horizontal:hover {
    background:                 qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 palette(window), stop: 0.5 palette(light), stop: 1 palette(window));
}

/* Menu Bar / Context Menues */
QMenu {
    margin:                     5px;
}

/* ToolTip */
QToolTip {
    background:                 #131313;
    border:                     1px solid #202020;
    border-radius:              5px;
    color:                      white;
    font-size:                  12px;
}

/* Tabs */
QTabWidget::tab-bar {
    alignment:                  center;
}

QTabBar::tab {
    height:                     20px;
    min-width:                  30px;
}

QTabBar::tab:bottom:selected {
    background:                 qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 palette(highlight), stop: 0.2 palette(highlight), stop: 0.2 transparent);
}

QTabBar::tab:top:selected {
    background:                 qlineargradient(x1: 0, y1: 1, x2: 0, y2: 0, stop: 0 palette(highlight), stop: 0.2 palette(highlight), stop: 0.2 transparent);
}

QTabBar::tab:!selected {
    color:                      #888;
}

QTabBar::tab:bottom:!selected {
    background:                 qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 palette(light), stop: 0.2 palette(light), stop: 0.2 transparent);
}

QTabBar::tab:top:!selected {
    background:                 qlineargradient(x1: 0, y1: 1, x2: 0, y2: 0, stop: 0 palette(light), stop: 0.2 palette(light), stop: 0.2 transparent);
}

QTabBar::tab:!selected:hover {
    color:                      #aaa;
}

QTabBar::tab:bottom:!selected:hover {
    background:                 qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 #666, stop: 0.2 #666, stop: 0.2 transparent);
}

QTabBar::tab:top:!selected:hover {
    background:                 qlineargradient(x1: 0, y1: 1, x2: 0, y2: 0, stop: 0 #666, stop: 0.2 #666, stop: 0.2 transparent);
}


/* Quassel CSS */

/* Main Chat Background Override */
ChatView {
    background:                 palette(base);
}

/* Font */
ChatLine {
    font-family:                Ubuntu, Oxygen, Courier, Monotype;
}
MultiLineEdit {
    font-family:                Ubuntu, Oxygen, Courier, Monotype;
}

ChatLine#plain {
    font-family:                Ubuntu, Oxygen, Courier, Monotype;
}

/* Font: UI Global Font */
ChatListItem {
    font-family:                Ubuntu, Oxygen, Courier, Monotype;
    font-size:                  16px;
    font-weight:                light;
    padding-bottom:             12px;
    padding-top:                12px;
}

NickListItem {
    font-family:                Ubuntu, Oxygen, Courier, Monotype;
}
StyledLabel#topicLabel {
    font-family:                Ubuntu, Oxygen, Courier, Monotype;
    font-size:                  16px;
}

/* Topic Box */
StyledLabel#topicLabel {
    background:                 palette(base);
    border-radius:              5px;
    font-family:                Ubuntu, Oxygen, Courier, Monotype;
    padding:                    2px;
}

/* Buffer / Channel List */
ChatListItem                                         { foreground: #888888; }
ChatListItem[state="inactive"]                       { foreground: #555555; }
ChatListItem[state="channel-event"]                  { foreground: #888888; }
ChatListItem[state="unread-message"]                 { foreground: #85A83F; }
ChatListItem[state="highlighted"]                    { foreground: cyan;    }
ChatListItem[type="network", state="unread-message"] { foreground: #999999; }
ChatListItem[type="network", state="highlighted"]    { foreground: cyan;    }
ChatListItem[type="query", state="unread-message"]   { foreground: #FFAA00; }

/* Nick List */
NickListItem[type="category"]           { foreground: #debc85; }
NickListItem[type="user"]               { foreground: #cccccc; }
NickListItem[type="user", state="away"] { foreground: gray;    }

/* Chatbox Line Formatting */
ChatLine[label="highlight"] {
    foreground:                 #8db7bd;
    background:                 #192527;
}

ChatLine[label="highlight"]            { font-weight: bold;   }
ChatLine::timestamp[label="highlight"] { font-weight: normal; }
ChatLine::sender                       { background: #101010; }
ChatLine::timestamp                    { background: #101010; }

ChatLine::sender[label="highlight"] {
    foreground:                 #5e7c80;
    background:                 #162224;
}

ChatLine::timestamp[label="highlight"] {
    foreground:                 #5e7c80;
    background:                 #162224;
}

ChatLine#plain         { foreground: #c8c8cb; }
ChatLine#notice        { foreground: #A6E22E; }
ChatLine#nick          { foreground: #75715E; }
ChatLine#kill          { foreground: #75715E; }
ChatLine#server        { foreground: #A6E22E; }
ChatLine#info          { foreground: #A6E22E; }
ChatLine#topic         { foreground: #FD971F; }
ChatLine#netsplit      { foreground: #996633; }
ChatLine#netsplit-join { foreground: #996633; }
ChatLine#netsplit-quit { foreground: #996633; }

ChatLine#action {
    foreground:                 #F92672;
    font-style:                 italic;
}

ChatLine#mode {
    foreground:                 #75715E;
    font-weight:                bold;
}

ChatLine#join {
    foreground:                 #75715E;
    font-size:                  9px;
    font-weight:                light;
}

ChatLine#part {
    foreground:                 #75715E;
    font-size:                  9px;
    font-weight:                light;
}

ChatLine#quit {
    foreground:                 #75715E;
    font-size:                  9px;
    font-weight:                light;
}

ChatLine#kick {
    foreground:                 red;
    font-weight:                bold;
}

ChatLine#error {
    foreground:                 red;
    font-weight:                bold;
}

ChatLine#daychange {
    foreground:                 #A6E22E;
    font-weight:                bold;
}

ChatLine::timestamp {
    foreground:                 #707C70;
    font-style:                 normal;
    font-weight:                normal;
}

ChatLine::url {
    foreground:                 palette(link);
    font-style:                 underline;
}

/* Sender Colors */
ChatLine::sender#plain[sender="self"] { foreground: #779; }

/* The following are the sixteen colours used for the senders. */
ChatLine::sender#plain[sender="0"] { foreground: #e90d7f; }
ChatLine::sender#plain[sender="1"] { foreground: #8e55e9; }
ChatLine::sender#plain[sender="2"] { foreground: #b30e0e; }
ChatLine::sender#plain[sender="3"] { foreground: #17b339; }
ChatLine::sender#plain[sender="4"] { foreground: #58afb3; }
ChatLine::sender#plain[sender="5"] { foreground: #9d54b3; }
ChatLine::sender#plain[sender="6"] { foreground: #b39775; }
ChatLine::sender#plain[sender="7"] { foreground: #3176b3; }
ChatLine::sender#plain[sender="8"] { foreground: #e90d7f; }
ChatLine::sender#plain[sender="9"] { foreground: #8e55e9; }
ChatLine::sender#plain[sender="a"] { foreground: #b30e0e; }
ChatLine::sender#plain[sender="b"] { foreground: #17b339; }
ChatLine::sender#plain[sender="c"] { foreground: #58afb3; }
ChatLine::sender#plain[sender="d"] { foreground: #9d54b3; }
ChatLine::sender#plain[sender="e"] { foreground: #b39775; }
ChatLine::sender#plain[sender="f"] { foreground: #3176b3; }

/* mIRC formats */
ChatLine[format="bold"]      { font-weight: bold;     }
ChatLine[format="italic"]    { font-style: italic;    }
ChatLine[format="underline"] { font-style: underline; }

ChatLine[fg-color="1"] { foreground: #444; }
ChatLine[bg-color="1"] { background: #444; }
ChatLine[fg-color="2"] { foreground: #15a; }
ChatLine[bg-color="2"] { background: #15a; }
ChatLine[fg-color="c"] { foreground: #15f; }
ChatLine[bg-color="c"] { background: #15f; }

BufferViewDock[active=true] {
    color:                      palette(highlight);
}

QMainWindow QDockWidget {
    border:                     none;
}