Merge pull request #5558

TriKriSta (8):
      style: add dark style
      refactor: move palette colors in ini files
      feat: edit reload themes
      refactor: rename palette colors
      style: edit styles
      feat: add color for links in palette
      refactor: edit variables for themes
      fix: initialization theme

res.qrc

@@ -44,6 +44,72 @@
         <file>img/taskbar/light/taskbar_offline.svg</file>
         <file>img/taskbar/light/taskbar_event.svg</file>
         <file>img/transfer.svg</file>
+        <file>themes/dark/palette.ini</file>
+        <file>themes/dark/fileTransferWidget/fileDone.svg</file>
+        <file>themes/dark/centralWidget/centralWidget.css</file>
+        <file>themes/dark/chatArea/chatArea.css</file>
+        <file>themes/dark/chatArea/chatHead.css</file>
+        <file>themes/dark/chatArea/innerStyle.css</file>
+        <file>themes/dark/chatArea/scrollBarUpArrow.svg</file>
+        <file>themes/dark/chatArea/scrollBarDownArrow.svg</file>
+        <file>themes/dark/chatArea/scrollBarLeftArrow.svg</file>
+        <file>themes/dark/chatArea/scrollBarRightArrow.svg</file>
+        <file>themes/dark/chatForm/buttons.css</file>
+        <file>themes/dark/chatForm/fullScreenButtons.css</file>
+        <file>themes/dark/chatForm/callButton.svg</file>
+        <file>themes/dark/chatForm/labels.css</file>
+        <file>themes/dark/chatForm/micButton.svg</file>
+        <file>themes/dark/chatForm/micButtonRed.svg</file>
+        <file>themes/dark/chatForm/videoButton.svg</file>
+        <file>themes/dark/chatForm/videoButtonRed.svg</file>
+        <file>themes/dark/chatForm/volButton.svg</file>
+        <file>themes/dark/chatForm/volButtonRed.svg</file>
+        <file>themes/dark/chatForm/videoPreview.svg</file>
+        <file>themes/dark/chatForm/videoPreviewRed.svg</file>
+        <file>themes/dark/chatForm/emoteButton.svg</file>
+        <file>themes/dark/chatForm/fileButton.svg</file>
+        <file>themes/dark/chatForm/screenshotButton.svg</file>
+        <file>themes/dark/chatForm/searchCalendarButton.svg</file>
+        <file>themes/dark/chatForm/searchDownButton.svg</file>
+        <file>themes/dark/chatForm/searchHideButton.svg</file>
+        <file>themes/dark/chatForm/searchSettingsButton.svg</file>
+        <file>themes/dark/chatForm/searchUpButton.svg</file>
+        <file>themes/dark/chatForm/sendButton.svg</file>
+        <file>themes/dark/chatForm/exitFullScreenButton.svg</file>
+        <file>themes/dark/emoticonWidget/dot_page.svg</file>
+        <file>themes/dark/emoticonWidget/dot_page_current.svg</file>
+        <file>themes/dark/emoticonWidget/dot_page_hover.svg</file>
+        <file>themes/dark/emoticonWidget/emoticonWidget.css</file>
+        <file>themes/dark/fileTransferWidget/fileTransferWidget.css</file>
+        <file>themes/dark/friendList/friendList.css</file>
+        <file>themes/dark/msgEdit/msgEdit.css</file>
+        <file>themes/dark/settings/mainContent.css</file>
+        <file>themes/dark/settings/mainHead.css</file>
+        <file>themes/dark/statusButton/statusButton.css</file>
+        <file>themes/dark/statusButton/menu_indicator.svg</file>
+        <file>themes/dark/window/general.css</file>
+        <file>themes/dark/window/profile.css</file>
+        <file>themes/dark/window/statusPanel.css</file>
+        <file>themes/dark/window/window.css</file>
+        <file>themes/dark/chatArea/info.svg</file>
+        <file>themes/dark/chatArea/spinner.svg</file>
+        <file>themes/dark/chatArea/typing.svg</file>
+        <file>themes/dark/chatArea/error.svg</file>
+        <file>themes/dark/fileTransferInstance/no.svg</file>
+        <file>themes/dark/fileTransferInstance/pause.svg</file>
+        <file>themes/dark/fileTransferInstance/yes.svg</file>
+        <file>themes/dark/fileTransferInstance/dir.svg</file>
+        <file>themes/dark/fileTransferInstance/arrow_white.svg</file>
+        <file>themes/dark/fileTransferInstance/browse.svg</file>
+        <file>themes/dark/fileTransferInstance/filetransferWidget.css</file>
+        <file>themes/dark/genericChatForm/genericChatForm.css</file>
+        <file>themes/dark/acceptCall/acceptCall.svg</file>
+        <file>themes/dark/rejectCall/rejectCall.svg</file>
+        <file>themes/dark/notificationEdge/notificationEdge.css</file>
+        <file>themes/dark/loginScreen/loginScreen.css</file>
+        <file>themes/dark/contentDialog/contentDialog.css</file>
+        <file>themes/dark/tooliconsZone/tooliconsZone.css</file>
+        <file>themes/default/palette.ini</file>
         <file>themes/default/fileTransferWidget/fileDone.svg</file>
         <file>themes/default/centralWidget/centralWidget.css</file>
         <file>themes/default/chatArea/chatArea.css</file>
@@ -101,6 +167,7 @@
         <file>themes/default/fileTransferInstance/arrow_white.svg</file>
         <file>themes/default/fileTransferInstance/browse.svg</file>
         <file>themes/default/fileTransferInstance/filetransferWidget.css</file>
+        <file>themes/default/genericChatForm/genericChatForm.css</file>
         <file>themes/default/acceptCall/acceptCall.svg</file>
         <file>themes/default/rejectCall/rejectCall.svg</file>
         <file>img/login_logo.svg</file>

src/chatlog/chatline.cpp

@@ -119,6 +119,13 @@ void ChatLine::fontChanged(const QFont& font)
         c->fontChanged(font);
 }
 
+void ChatLine::reloadTheme()
+{
+    for (ChatLineContent* c : content) {
+        c->reloadTheme();
+    }
+}
+
 int ChatLine::getColumnCount()
 {
     return content.size();

src/chatlog/chatline.h

@@ -82,6 +82,7 @@ public:
     void selectionCleared();
     void selectionFocusChanged(bool focusIn);
     void fontChanged(const QFont& font);
+    void reloadTheme();
 
     int getColumnCount();
     int getRow() const;

src/chatlog/chatlinecontent.cpp

@@ -88,6 +88,10 @@ void ChatLineContent::visibilityChanged(bool)
 {
 }
 
+void ChatLineContent::reloadTheme()
+{
+}
+
 QString ChatLineContent::getText() const
 {
     return QString();

src/chatlog/chatlinecontent.h

@@ -59,6 +59,7 @@ public:
     virtual void paint(QPainter* painter, const QStyleOptionGraphicsItem* option, QWidget* widget) = 0;
 
     virtual void visibilityChanged(bool visible);
+    virtual void reloadTheme();
 
 private:
     friend class ChatLine;

src/chatlog/chatlog.cpp

@@ -23,6 +23,7 @@
 #include "chatmessage.h"
 #include "content/filetransferwidget.h"
 #include "src/widget/translator.h"
+#include "src/widget/style.h"
 
 #include <QAction>
 #include <QApplication>
@@ -65,7 +66,7 @@ ChatLog::ChatLog(QWidget* parent)
     setDragMode(QGraphicsView::NoDrag);
     setViewportUpdateMode(MinimalViewportUpdate);
     setContextMenuPolicy(Qt::CustomContextMenu);
-    setBackgroundBrush(QBrush(Qt::white, Qt::SolidPattern));
+    setBackgroundBrush(QBrush(Style::getColor(Style::GroundBase), Qt::SolidPattern));
 
     // The selection rect for multi-line selection
     selGraphItem = scene->addRect(0, 0, 0, 0, selectionRectColor.darker(120), selectionRectColor);
@@ -659,6 +660,15 @@ void ChatLog::fontChanged(const QFont& font)
     }
 }
 
+void ChatLog::reloadTheme()
+{
+    setBackgroundBrush(QBrush(Style::getColor(Style::GroundBase), Qt::SolidPattern));
+
+    for (ChatLine::Ptr l : lines) {
+        l->reloadTheme();
+    }
+}
+
 void ChatLog::forceRelayout()
 {
     startResizeWorker();

src/chatlog/chatlog.h

@@ -53,6 +53,7 @@ public:
     void scrollToLine(ChatLine::Ptr line);
     void selectAll();
     void fontChanged(const QFont& font);
+    void reloadTheme();
 
     QString getSelectedText() const;
 

src/chatlog/chatmessage.cpp

@@ -50,9 +50,7 @@ ChatMessage::Ptr ChatMessage::createChatMessage(const QString& sender, const QSt
     QString text = rawMessage.toHtmlEscaped();
     QString senderText = sender;
 
-    const QColor actionColor =
+    auto textType = Text::NORMAL;
-        QColor("#1818FF"); // has to match the color in innerStyle.css (div.action)
-
     // smileys
     if (Settings::getInstance().getUseEmoticons())
         text = SmileyPack::getInstance().smileyfied(text);
@@ -73,6 +71,7 @@ ChatMessage::Ptr ChatMessage::createChatMessage(const QString& sender, const QSt
         text = wrapDiv(text, "msg");
         break;
     case ACTION:
+        textType = Text::ACTION;
         senderText = "*";
         text = wrapDiv(QString("%1 %2").arg(sender.toHtmlEscaped(), text), "action");
         msg->setAsAction();
@@ -88,24 +87,19 @@ ChatMessage::Ptr ChatMessage::createChatMessage(const QString& sender, const QSt
     if (isMe)
         authorFont.setBold(true);
 
-    QColor color = QColor(0, 0, 0);
+    QColor color = Style::getColor(Style::MainText);
-    QColor authorColor;
+    if (colorizeName && Settings::getInstance().getEnableGroupChatsColor()) {
-
-    if (colorizeName && Settings::getInstance().getEnableGroupChatsColor())
-    {
         QByteArray hash = QCryptographicHash::hash((sender.toUtf8()), QCryptographicHash::Sha256);
         quint8 *data = (quint8*)hash.data();
 
-        authorColor.setHsv(data[0], 255, 196);
+        color.setHsv(data[0], 255, 196);
 
-        if (!isMe)
+        if (!isMe && textType == Text::NORMAL) {
-        {
+                textType = Text::CUSTOM;
-            color = authorColor;
         }
     }
 
-    msg->addColumn(new Text(senderText, authorFont, true, sender,
+    msg->addColumn(new Text(senderText, authorFont, true, sender, textType, color),
-                            type == ACTION ? actionColor : color),
                    ColumnFormat(NAME_COL_WIDTH, ColumnFormat::FixedSize, ColumnFormat::Right));
     msg->addColumn(new Text(text, baseFont, false, ((type == ACTION) && isMe)
                                                        ? QString("%1 %2").arg(sender, rawMessage)

src/chatlog/content/filetransferwidget.cpp

@@ -52,9 +52,9 @@ FileTransferWidget::FileTransferWidget(QWidget* parent, ToxFile file)
     : QWidget(parent)
     , ui(new Ui::FileTransferWidget)
     , fileInfo(file)
-    , backgroundColor(Style::getColor(Style::LightGrey))
+    , backgroundColor(Style::getColor(Style::GroundExtra))
     , buttonColor(Style::getColor(Style::Yellow))
-    , buttonBackgroundColor(Style::getColor(Style::White))
+    , buttonBackgroundColor(Style::getColor(Style::GroundBase))
     , active(true)
 {
     ui->setupUi(this);
@@ -329,7 +329,7 @@ void FileTransferWidget::updateWidgetColor(ToxFile const& file)
     case ToxFile::INITIALIZING:
     case ToxFile::PAUSED:
     case ToxFile::TRANSMITTING:
-        setBackgroundColor(Style::getColor(Style::LightGrey), false);
+        setBackgroundColor(Style::getColor(Style::GroundExtra), false);
         break;
     case ToxFile::BROKEN:
     case ToxFile::CANCELED:
@@ -510,7 +510,7 @@ void FileTransferWidget::setupButtons(ToxFile const& file)
         ui->rightButton->setObjectName("cancel");
         ui->rightButton->setToolTip(tr("Cancel transfer"));
 
-        setButtonColor(Style::getColor(Style::LightGrey));
+        setButtonColor(Style::getColor(Style::GroundExtra));
         break;
 
     case ToxFile::INITIALIZING:

src/chatlog/content/text.cpp

@@ -31,18 +31,18 @@
 #include <QTextBlock>
 #include <QTextFragment>
 
-#include "src/widget/style.h"
-
 static const QString COLOR_HIGHLIGHT = QStringLiteral("#ff7626");
 
 Text::Text(const QString& txt, const QFont& font, bool enableElide, const QString& rwText,
-           const QColor c)
+           const TextType& type, const QColor& custom)
     : rawText(rwText)
     , elide(enableElide)
     , defFont(font)
     , defStyleSheet(Style::getStylesheet(QStringLiteral("chatArea/innerStyle.css"), font))
-    , color(c)
+    , textType(type)
+    , customColor(custom)
 {
+    color = textColor();
     setText(txt);
     setAcceptedMouseButtons(Qt::LeftButton);
     setAcceptHoverEvents(true);
@@ -248,6 +248,15 @@ void Text::visibilityChanged(bool visible)
     update();
 }
 
+void Text::reloadTheme()
+{
+    defStyleSheet = Style::getStylesheet(QStringLiteral("chatArea/innerStyle.css"), defFont);
+    color = textColor();
+    dirty = true;
+    regenerate();
+    update();
+}
+
 qreal Text::getAscent() const
 {
     return ascent;
@@ -459,3 +468,15 @@ void Text::selectText(QTextCursor& cursor, const std::pair<int, int>& point)
         update();
     }
 }
+
+QColor Text::textColor() const
+{
+    QColor c = Style::getColor(Style::MainText);
+    if (textType == ACTION) {
+        c = Style::getColor(Style::Action);
+    } else if (textType == CUSTOM) {
+        c = customColor;
+    }
+
+    return c;
+}

src/chatlog/content/text.h

@@ -21,6 +21,7 @@
 #define TEXT_H
 
 #include "../chatlinecontent.h"
+#include "src/widget/style.h"
 
 #include <QFont>
 
@@ -31,8 +32,15 @@ class Text : public ChatLineContent
     Q_OBJECT
 
 public:
+    enum TextType
+    {
+        NORMAL,
+        ACTION,
+        CUSTOM
+    };
+
     Text(const QString& txt = "", const QFont& font = QFont(), bool enableElide = false,
-         const QString& rawText = QString(), const QColor c = Qt::black);
+         const QString& rawText = QString(), const TextType& type = NORMAL, const QColor& custom = Style::getColor(Style::MainText));
     virtual ~Text();
 
     void setText(const QString& txt);
@@ -56,6 +64,7 @@ public:
     virtual void paint(QPainter* painter, const QStyleOptionGraphicsItem* option, QWidget* widget) final;
 
     virtual void visibilityChanged(bool keepInMemory) final;
+    virtual void reloadTheme() final override;
 
     virtual qreal getAscent() const final;
     virtual void mousePressEvent(QGraphicsSceneMouseEvent* event) final override;
@@ -84,6 +93,7 @@ protected:
 
 private:
     void selectText(QTextCursor& cursor, const std::pair<int, int>& point);
+    QColor textColor() const;
 
     QString text;
     QString rawText;
@@ -97,7 +107,9 @@ private:
     qreal ascent = 0.0;
     QFont defFont;
     QString defStyleSheet;
+    TextType textType;
     QColor color;
+    QColor customColor;
 };
 
 #endif // TEXT_H

src/widget/chatformheader.cpp

@@ -281,6 +281,14 @@ QSize ChatFormHeader::getAvatarSize() const
     return QSize{avatar->width(), avatar->height()};
 }
 
+void ChatFormHeader::reloadTheme()
+{
+    callButton->setStyleSheet(Style::getStylesheet(STYLE_PATH));
+    videoButton->setStyleSheet(Style::getStylesheet(STYLE_PATH));
+    volButton->setStyleSheet(Style::getStylesheet(STYLE_PATH));
+    micButton->setStyleSheet(Style::getStylesheet(STYLE_PATH));
+}
+
 void ChatFormHeader::addWidget(QWidget* widget, int stretch, Qt::Alignment alignment)
 {
     headTextLayout->addWidget(widget, stretch, alignment);

src/widget/chatformheader.h

@@ -72,6 +72,8 @@ public:
     void setAvatar(const QPixmap& img);
     QSize getAvatarSize() const;
 
+    void reloadTheme();
+
     // TODO: Remove
     void addWidget(QWidget* widget, int stretch = 0, Qt::Alignment alignment = Qt::Alignment());
     void addLayout(QLayout* layout);

src/widget/contentlayout.cpp

@@ -66,6 +66,14 @@ ContentLayout::~ContentLayout()
     mainContent->deleteLater();
 }
 
+void ContentLayout::reloadTheme()
+{
+#ifndef Q_OS_MAC
+    mainHead->setStyleSheet(Style::getStylesheet("settings/mainHead.css"));
+    mainContent->setStyleSheet(Style::getStylesheet("settings/mainContent.css"));
+#endif
+}
+
 void ContentLayout::clear()
 {
     QLayoutItem* item;
@@ -110,10 +118,7 @@ void ContentLayout::init()
         mainContent->setStyle(QStyleFactory::create(Settings::getInstance().getStyle()));
     }
 
-#ifndef Q_OS_MAC
+    reloadTheme();
-    mainHead->setStyleSheet(Style::getStylesheet("settings/mainHead.css"));
-    mainContent->setStyleSheet(Style::getStylesheet("settings/mainContent.css"));
-#endif
 
     mainHLineLayout.addWidget(&mainHLine);
     mainHLineLayout.addSpacing(5);

src/widget/contentlayout.h

@@ -30,6 +30,7 @@ public:
     explicit ContentLayout(QWidget* parent);
     ~ContentLayout();
 
+    void reloadTheme();
     void clear();
 
     QFrame mainHLine;

src/widget/form/genericchatform.cpp

@@ -173,8 +173,6 @@ GenericChatForm::GenericChatForm(const Contact* contact, QWidget* parent)
     fileLayout->setSpacing(0);
     fileLayout->setMargin(0);
 
-    msgEdit->setStyleSheet(Style::getStylesheet("msgEdit/msgEdit.css")
-                           + fontToCss(s.getChatMessageFont(), "QTextEdit"));
     msgEdit->setFixedHeight(MESSAGE_EDIT_HEIGHT);
     msgEdit->setFrameStyle(QFrame::NoFrame);
 
@@ -243,8 +241,7 @@ GenericChatForm::GenericChatForm(const Contact* contact, QWidget* parent)
 
     connect(chatWidget, &ChatLog::workerTimeoutFinished, this, &GenericChatForm::onContinueSearch);
 
-    chatWidget->setStyleSheet(Style::getStylesheet("chatArea/chatArea.css"));
+    reloadTheme();
-    headWidget->setStyleSheet(Style::getStylesheet("chatArea/chatHead.css"));
 
     fileFlyout->setFixedSize(FILE_FLYOUT_SIZE);
     fileFlyout->setParent(this);
@@ -298,6 +295,26 @@ QDate GenericChatForm::getFirstDate() const
     return getDate(chatWidget->getFirstLine());
 }
 
+void GenericChatForm::reloadTheme()
+{
+    const Settings& s = Settings::getInstance();
+    setStyleSheet(Style::getStylesheet("genericChatForm/genericChatForm.css"));
+
+    msgEdit->setStyleSheet(Style::getStylesheet("msgEdit/msgEdit.css")
+                           + fontToCss(s.getChatMessageFont(), "QTextEdit"));
+
+    chatWidget->setStyleSheet(Style::getStylesheet("chatArea/chatArea.css"));
+    headWidget->setStyleSheet(Style::getStylesheet("chatArea/chatHead.css"));
+    chatWidget->reloadTheme();
+    headWidget->reloadTheme();
+    searchForm->reloadTheme();
+
+    emoteButton->setStyleSheet(Style::getStylesheet(STYLE_PATH));
+    fileButton->setStyleSheet(Style::getStylesheet(STYLE_PATH));
+    screenshotButton->setStyleSheet(Style::getStylesheet(STYLE_PATH));
+    sendButton->setStyleSheet(Style::getStylesheet(STYLE_PATH));
+}
+
 void GenericChatForm::setName(const QString& newName)
 {
     headWidget->setName(newName);

src/widget/form/genericchatform.h

@@ -83,6 +83,7 @@ public:
     static QString resolveToxPk(const ToxPk& pk);
     QDate getLatestDate() const;
     QDate getFirstDate() const;
+    void reloadTheme();
 
 signals:
     void sendMessage(uint32_t, QString);

src/widget/form/searchsettingsform.cpp

@@ -15,9 +15,8 @@ SearchSettingsForm::SearchSettingsForm(QWidget *parent) :
 
     ui->choiceDateButton->setAttribute(Qt::WA_LayoutUsesWidgetRect);
     ui->choiceDateButton->setObjectName(QStringLiteral("choiceDateButton"));
-    ui->choiceDateButton->setStyleSheet(Style::getStylesheet(QStringLiteral("chatForm/buttons.css")));
 
-    ui->startDateLabel->setStyleSheet(Style::getStylesheet(QStringLiteral("chatForm/labels.css")));
+    reloadTheme();
 
     connect(ui->startSearchComboBox, static_cast<void(QComboBox::*)(int)>(&QComboBox::currentIndexChanged),
             this, &SearchSettingsForm::onStartSearchSelected);
@@ -75,6 +74,12 @@ ParameterSearch SearchSettingsForm::getParameterSearch()
     return ps;
 }
 
+void SearchSettingsForm::reloadTheme()
+{
+    ui->choiceDateButton->setStyleSheet(Style::getStylesheet(QStringLiteral("chatForm/buttons.css")));
+    ui->startDateLabel->setStyleSheet(Style::getStylesheet(QStringLiteral("chatForm/labels.css")));
+}
+
 void SearchSettingsForm::updateStartDateLabel()
 {
     ui->startDateLabel->setText(startDate.toString(Settings::getInstance().getDateFormat()));

src/widget/form/searchsettingsform.h

@@ -17,6 +17,7 @@ public:
     ~SearchSettingsForm();
 
     ParameterSearch getParameterSearch();
+    void reloadTheme();
 
 private:
     Ui::SearchSettingsForm *ui;

src/widget/form/settings/aboutform.cpp

@@ -22,6 +22,7 @@
 
 #include "src/widget/tool/recursivesignalblocker.h"
 #include "src/net/updatecheck.h"
+#include "src/widget/style.h"
 #include "src/widget/translator.h"
 #include "src/persistence/profile.h"
 #include "src/persistence/settings.h"
@@ -192,8 +193,8 @@ void AboutForm::onUpdateCheckFailed()
 QString AboutForm::createLink(QString path, QString text) const
 {
     return QString::fromUtf8(
-               "<a href=\"%1\" style=\"text-decoration: underline; color:#0000ff;\">%2</a>")
+               "<a href=\"%1\" style=\"text-decoration: underline; color:%2;\">%3</a>")
-        .arg(path, text);
+        .arg(path, Style::getColor(Style::Link).name(), text);
 }
 
 AboutForm::~AboutForm()

src/widget/form/settings/aboutsettings.ui

@@ -280,7 +280,7 @@
 <html><head><meta name="qrichtext" content="1" /><style type="text/css">
 p, li { white-space: pre-wrap; }
 </style></head><body style=" font-family:'Noto Sans'; font-size:10pt; font-weight:400; font-style:normal;">
-<p style=" margin-top:12px; margin-bottom:12px; margin-left:0px; margin-right:0px; -qt-block-indent:0; text-indent:0px;"><span style=" font-family:'Sans Serif'; color:#000000;">Copyright © 2014-2018 by The qTox Project Contributors</span></p>
+<p style=" margin-top:12px; margin-bottom:12px; margin-left:0px; margin-right:0px; -qt-block-indent:0; text-indent:0px;"><span style=" font-family:'Sans Serif';">Copyright © 2014-2018 by The qTox Project Contributors</span></p>
 <p style=" margin-top:12px; margin-bottom:12px; margin-left:0px; margin-right:0px; -qt-block-indent:0; text-indent:0px;"><span style=" font-family:'Ubuntu';">qTox is a Qt-based graphical interface for Tox.</span></p>
 <p style=" margin-top:12px; margin-bottom:12px; margin-left:0px; margin-right:0px; -qt-block-indent:0; text-indent:0px;"><span style=" font-family:'Sans Serif';">qTox is libre software: you can redistribute it and/or modify it under the terms of the GNU General Public License as published by the Free Software Foundation, either version 3 of the License, or (at your option) any later version.</span></p>
 <p style=" margin-top:12px; margin-bottom:12px; margin-left:0px; margin-right:0px; -qt-block-indent:0; text-indent:0px;"><span style=" font-family:'Sans Serif';">qTox is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for more details. </span></p>

src/widget/genericchatroomwidget.cpp

@@ -163,19 +163,19 @@ void GenericChatroomWidget::reloadTheme()
     QPalette p;
 
     p = statusMessageLabel->palette();
-    p.setColor(QPalette::WindowText, Style::getColor(Style::LightGrey));       // Base color
+    p.setColor(QPalette::WindowText, Style::getColor(Style::GroundExtra));       // Base color
-    p.setColor(QPalette::HighlightedText, Style::getColor(Style::MediumGrey)); // Color when active
+    p.setColor(QPalette::HighlightedText, Style::getColor(Style::StatusActive)); // Color when active
     statusMessageLabel->setPalette(p);
 
     p = nameLabel->palette();
-    p.setColor(QPalette::WindowText, Style::getColor(Style::White));         // Base color
+    p.setColor(QPalette::WindowText, Style::getColor(Style::GroundBase));           // Base color
-    p.setColor(QPalette::HighlightedText, Style::getColor(Style::DarkGrey)); // Color when active
+    p.setColor(QPalette::HighlightedText, Style::getColor(Style::NameActive)); // Color when active
     nameLabel->setPalette(p);
 
     p = palette();
     p.setColor(QPalette::Window, Style::getColor(Style::ThemeMedium));   // Base background color
     p.setColor(QPalette::Highlight, Style::getColor(Style::ThemeLight)); // On mouse over
-    p.setColor(QPalette::Light, Style::getColor(Style::White));          // When active
+    p.setColor(QPalette::Light, Style::getColor(Style::GroundBase));          // When active
     setPalette(p);
 }
 

src/widget/searchform.cpp

@@ -118,6 +118,17 @@ void SearchForm::insertEditor(const QString &text)
     searchLine->insert(text);
 }
 
+void SearchForm::reloadTheme()
+{
+    settingsButton->setStyleSheet(Style::getStylesheet(QStringLiteral("chatForm/buttons.css")));
+    upButton->setStyleSheet(Style::getStylesheet(QStringLiteral("chatForm/buttons.css")));
+    downButton->setStyleSheet(Style::getStylesheet(QStringLiteral("chatForm/buttons.css")));
+    hideButton->setStyleSheet(Style::getStylesheet(QStringLiteral("chatForm/buttons.css")));
+    startButton->setStyleSheet(Style::getStylesheet(QStringLiteral("chatForm/buttons.css")));
+
+    settings->reloadTheme();
+}
+
 void SearchForm::showEvent(QShowEvent* event)
 {
     QWidget::showEvent(event);

src/widget/searchform.h

@@ -45,6 +45,7 @@ public:
     ParameterSearch getParameterSearch();
     void setFocusEditor();
     void insertEditor(const QString &text);
+    void reloadTheme();
 
 protected:
     virtual void showEvent(QShowEvent* event) final override;

src/widget/style.cpp

@@ -28,6 +28,7 @@
 #include <QMap>
 #include <QPainter>
 #include <QRegularExpression>
+#include <QSettings>
 #include <QStandardPaths>
 #include <QStringBuilder>
 #include <QStyle>
@@ -64,7 +65,8 @@
 
 namespace {
     const QLatin1Literal ThemeSubFolder{"themes/"};
-    const QLatin1Literal BuiltinThemePath{":themes/default/"};
+    const QLatin1Literal BuiltinThemeDefaultPath{":themes/default/"};
+    const QLatin1Literal BuiltinThemeDarkPath{":themes/dark/"};
 }
 
 // helper functions
@@ -81,23 +83,34 @@ QString qssifyFont(QFont font)
     return QString("%1 %2px \"%3\"").arg(font.weight() * 8).arg(font.pixelSize()).arg(font.family());
 }
 
-// colors as defined in
+static QMap<Style::ColorPalette, QColor> palette;
-// https://github.com/ItsDuke/Tox-UI/blob/master/UI%20GUIDELINES.md
-static QColor palette[] = {
-    QColor("#6bc260"), QColor("#cebf44"), QColor("#c84e4e"), QColor("#000000"), QColor("#1c1c1c"),
-    QColor("#414141"), QColor("#414141").lighter(120), QColor("#d1d1d1"), QColor("#ffffff"),
-    QColor("#ff7700"),
 
-    // Theme colors
+static QMap<QString, QString> dictColor;
-    QColor("#1c1c1c"), QColor("#2a2a2a"), QColor("#414141"), QColor("#4e4e4e"),
+static QMap<QString, QString> dictFont;
+static QMap<QString, QString> dictTheme;
+
+QList<Style::ThemeNameColor> Style::themeNameColors = {
+    {Style::Light, QObject::tr("Default"), QColor()},
+    {Style::Light, QObject::tr("Blue"), QColor("#004aa4")},
+    {Style::Light, QObject::tr("Olive"), QColor("#97ba00")},
+    {Style::Light, QObject::tr("Red"), QColor("#c23716")},
+    {Style::Light, QObject::tr("Violet"), QColor("#4617b5")},
+    {Style::Dark, QObject::tr("Dark"), QColor()},
+    {Style::Dark, QObject::tr("Dark blue"), QColor("#00336d")},
+    {Style::Dark, QObject::tr("Dark olive"), QColor("#4d5f00")},
+    {Style::Dark, QObject::tr("Dark red"), QColor("#7a210d")},
+    {Style::Dark, QObject::tr("Dark violet"), QColor("#280d6c")}
 };
 
-static QMap<QString, QString> dict;
-
 QStringList Style::getThemeColorNames()
 {
-    return {QObject::tr("Default"), QObject::tr("Blue"), QObject::tr("Olive"), QObject::tr("Red"),
+    QStringList l;
-            QObject::tr("Violet")};
+
+    for (auto t : themeNameColors) {
+        l << t.name;
+    }
+
+    return l;
 }
 
 QString Style::getThemeName()
@@ -116,14 +129,28 @@ QString Style::getThemeFolder()
 
     // No themes available, fallback to builtin
     if(fullPath.isEmpty()) {
-        return BuiltinThemePath;
+        return getThemePath();
     }
 
     return fullPath % QDir::separator();
 }
 
-QList<QColor> Style::themeColorColors = {QColor(), QColor("#004aa4"), QColor("#97ba00"),
+
-                                         QColor("#c23716"), QColor("#4617b5")};
+QMap<Style::ColorPalette, QString> Style::aliasColors = {{Green, "green"},
+                                                         {Yellow, "yellow"},
+                                                         {Red, "red"},
+                                                         {MainText,"mainText"},
+                                                         {NameActive, "nameActive"},
+                                                         {StatusActive,"statusActive"},
+                                                         {GroundExtra, "groundExtra"},
+                                                         {GroundBase, "groundBase"},
+                                                         {Orange, "orange"},
+                                                         {ThemeDark, "themeDark"},
+                                                         {ThemeMediumDark, "themeMediumDark"},
+                                                         {ThemeMedium, "themeMedium"},
+                                                         {ThemeLight, "themeLight"},
+                                                         {Action, "action"},
+                                                         {Link, "link"}};
 
 // stylesheet filename, font -> stylesheet
 // QString implicit sharing deduplicates stylesheets rather than constructing a new one each time
@@ -162,7 +189,7 @@ const QString Style::getImagePath(const QString& filename)
     } else {
         qWarning() << "Failed to open file (using defaults):" << fullPath;
 
-        fullPath = BuiltinThemePath % filename;
+        fullPath = getThemePath() % filename;
 
         if (QFileInfo::exists(fullPath)) {
             return fullPath;
@@ -210,7 +237,7 @@ const QString Style::resolve(const QString& filename, const QFont& baseFont)
     } else {
         qWarning() << "Failed to open file (using defaults):" << fullPath;
 
-        fullPath = BuiltinThemePath;
+        fullPath = getThemePath();
         QFile file{fullPath};
 
         if (file.open(QFile::ReadOnly | QFile::Text)) {
@@ -221,24 +248,16 @@ const QString Style::resolve(const QString& filename, const QFont& baseFont)
         }
     }
 
-    if (dict.isEmpty()) {
+    if (palette.isEmpty()) {
-        dict = {// colors
+        initPalette();
-                {"@green", Style::getColor(Style::Green).name()},
+    }
-                {"@yellow", Style::getColor(Style::Yellow).name()},
-                {"@red", Style::getColor(Style::Red).name()},
-                {"@black", Style::getColor(Style::Black).name()},
-                {"@darkGrey", Style::getColor(Style::DarkGrey).name()},
-                {"@mediumGrey", Style::getColor(Style::MediumGrey).name()},
-                {"@mediumGreyLight", Style::getColor(Style::MediumGreyLight).name()},
-                {"@lightGrey", Style::getColor(Style::LightGrey).name()},
-                {"@white", Style::getColor(Style::White).name()},
-                {"@orange", Style::getColor(Style::Orange).name()},
-                {"@themeDark", Style::getColor(Style::ThemeDark).name()},
-                {"@themeMediumDark", Style::getColor(Style::ThemeMediumDark).name()},
-                {"@themeMedium", Style::getColor(Style::ThemeMedium).name()},
-                {"@themeLight", Style::getColor(Style::ThemeLight).name()},
 
-                // fonts
+    if (dictColor.isEmpty()) {
+        initDictColor();
+    }
+
+    if (dictFont.isEmpty()) {
+        dictFont = {
             {"@baseFont",
              QString::fromUtf8("'%1' %2px").arg(baseFont.family()).arg(QFontInfo(baseFont).pixelSize())},
             {"@extraBig", qssifyFont(Style::getFont(Style::ExtraBig))},
@@ -250,8 +269,16 @@ const QString Style::resolve(const QString& filename, const QFont& baseFont)
             {"@smallLight", qssifyFont(Style::getFont(Style::SmallLight))}};
     }
 
-    for (const QString& key : dict.keys()) {
+    for (const QString& key : dictColor.keys()) {
-        qss.replace(QRegularExpression(key % QLatin1Literal{"\\b"}), dict[key]);
+        qss.replace(QRegularExpression(key % QLatin1Literal{"\\b"}), dictColor[key]);
+    }
+
+    for (const QString& key : dictFont.keys()) {
+        qss.replace(QRegularExpression(key % QLatin1Literal{"\\b"}), dictFont[key]);
+    }
+
+    for (const QString& key : dictTheme.keys()) {
+        qss.replace(QRegularExpression(key % QLatin1Literal{"\\b"}), dictTheme[key]);
     }
 
     // @getImagePath() function
@@ -273,7 +300,7 @@ const QString Style::resolve(const QString& filename, const QFont& baseFont)
                 existingImagesCache << fullImagePath;
             } else {
                 qWarning() << "Failed to open file (using defaults):" << fullImagePath;
-                fullImagePath = BuiltinThemePath % path;
+                fullImagePath = getThemePath() % path;
             }
         }
 
@@ -300,10 +327,14 @@ void Style::repolish(QWidget* w)
 void Style::setThemeColor(int color)
 {
     stylesheetsCache.clear(); // clear stylesheet cache which includes color info
-    if (color < 0 || color >= themeColorColors.size())
+    palette.clear();
+    dictColor.clear();
+    initPalette();
+    initDictColor();
+    if (color < 0 || color >= themeNameColors.size())
         setThemeColor(QColor());
     else
-        setThemeColor(themeColorColors[color]);
+        setThemeColor(themeNameColors[color].color);
 }
 
 /**
@@ -316,10 +347,10 @@ void Style::setThemeColor(const QColor& color)
 {
     if (!color.isValid()) {
         // Reset to default
-        palette[ThemeDark] = QColor("#1c1c1c");
+        palette[ThemeDark] = getColor(ThemeDark);
-        palette[ThemeMediumDark] = QColor("#2a2a2a");
+        palette[ThemeMediumDark] = getColor(ThemeMediumDark);
-        palette[ThemeMedium] = QColor("#414141");
+        palette[ThemeMedium] = getColor(ThemeMedium);
-        palette[ThemeLight] = QColor("#4e4e4e");
+        palette[ThemeLight] = getColor(ThemeLight);
     } else {
         palette[ThemeDark] = color.darker(155);
         palette[ThemeMediumDark] = color.darker(135);
@@ -327,10 +358,10 @@ void Style::setThemeColor(const QColor& color)
         palette[ThemeLight] = color.lighter(110);
     }
 
-    dict["@themeDark"] = getColor(ThemeDark).name();
+    dictTheme["@themeDark"] = getColor(ThemeDark).name();
-    dict["@themeMediumDark"] = getColor(ThemeMediumDark).name();
+    dictTheme["@themeMediumDark"] = getColor(ThemeMediumDark).name();
-    dict["@themeMedium"] = getColor(ThemeMedium).name();
+    dictTheme["@themeMedium"] = getColor(ThemeMedium).name();
-    dict["@themeLight"] = getColor(ThemeLight).name();
+    dictTheme["@themeLight"] = getColor(ThemeLight).name();
 }
 
 /**
@@ -350,3 +381,46 @@ QPixmap Style::scaleSvgImage(const QString& path, uint32_t width, uint32_t heigh
     render.render(&painter, pixmap.rect());
     return pixmap;
 }
+
+void Style::initPalette()
+{
+    QSettings settings(getThemePath() % "palette.ini", QSettings::IniFormat);
+
+    auto keys = aliasColors.keys();
+
+    settings.beginGroup("colors");
+    QMap<Style::ColorPalette, QString> c;
+    for (auto k : keys) {
+        c[k] = settings.value(aliasColors[k], "#000").toString();
+        palette[k] = QColor(settings.value(aliasColors[k], "#000").toString());
+    }
+    auto p = palette;
+    settings.endGroup();
+
+}
+
+void Style::initDictColor()
+{
+    dictColor = {
+            {"@green", Style::getColor(Style::Green).name()},
+            {"@yellow", Style::getColor(Style::Yellow).name()},
+            {"@red", Style::getColor(Style::Red).name()},
+            {"@mainText", Style::getColor(Style::MainText).name()},
+            {"@nameActive", Style::getColor(Style::NameActive).name()},
+            {"@statusActive", Style::getColor(Style::StatusActive).name()},
+            {"@groundExtra", Style::getColor(Style::GroundExtra).name()},
+            {"@groundBase", Style::getColor(Style::GroundBase).name()},
+            {"@orange", Style::getColor(Style::Orange).name()},
+            {"@action", Style::getColor(Style::Action).name()},
+            {"@link", Style::getColor(Style::Link).name()}};
+}
+
+QString Style::getThemePath()
+{
+    const int num = Settings::getInstance().getThemeColor();
+    if (themeNameColors[num].type == Dark) {
+        return BuiltinThemeDarkPath;
+    }
+
+    return BuiltinThemeDefaultPath;
+}

src/widget/style.h

@@ -34,17 +34,18 @@ public:
         Green,
         Yellow,
         Red,
-        Black,
+        MainText,
-        DarkGrey,
+        NameActive,
-        MediumGrey,
+        StatusActive,
-        MediumGreyLight,
+        GroundExtra,
-        LightGrey,
+        GroundBase,
-        White,
         Orange,
         ThemeDark,
         ThemeMediumDark,
         ThemeMedium,
         ThemeLight,
+        Action,
+        Link
     };
 
     enum Font
@@ -58,6 +59,18 @@ public:
         SmallLight
     };
 
+    enum MainTheme
+    {
+        Light,
+        Dark
+    };
+
+    struct ThemeNameColor {
+        MainTheme type;
+        QString name;
+        QColor color;
+    };
+
     static QStringList getThemeColorNames();
     static const QString getStylesheet(const QString& filename, const QFont& baseFont = QFont());
     static const QString getImagePath(const QString& filename);
@@ -71,6 +84,9 @@ public:
     static void setThemeColor(const QColor& color);
     static void applyTheme();
     static QPixmap scaleSvgImage(const QString& path, uint32_t width, uint32_t height);
+    static void initPalette();
+    static void initDictColor();
+    static QString getThemePath();
 
 signals:
     void themeChanged();
@@ -79,8 +95,9 @@ private:
     Style();
 
 private:
-    static QList<QColor> themeColorColors;
+    static QList<ThemeNameColor> themeNameColors;
     static std::map<std::pair<const QString, const QFont>, const QString> stylesheetsCache;
+    static QMap<ColorPalette, QString> aliasColors;
 };
 
 #endif // STYLE_H

src/widget/widget.cpp

@@ -150,14 +150,11 @@ void Widget::init()
     connect(actionQuit, &QAction::triggered, qApp, &QApplication::quit);
 
     layout()->setContentsMargins(0, 0, 0, 0);
-    ui->centralwidget->setStyleSheet(Style::getStylesheet(QStringLiteral("centralWidget/centralWidget.css")));
-    ui->friendList->setStyleSheet(Style::getStylesheet("friendList/friendList.css"));
 
     profilePicture = new MaskablePixmapWidget(this, QSize(40, 40), ":/img/avatar_mask.svg");
     profilePicture->setPixmap(QPixmap(":/img/contact_dark.svg"));
     profilePicture->setClickable(true);
     profilePicture->setObjectName("selfAvatar");
-    profilePicture->setStyleSheet(Style::getStylesheet("window/profile.css"));
     ui->myProfile->insertWidget(0, profilePicture);
     ui->myProfile->insertSpacing(1, 7);
 
@@ -200,10 +197,6 @@ void Widget::init()
 
     ui->searchContactFilterBox->setMenu(filterMenu);
 
-#ifndef Q_OS_MAC
-    ui->statusHead->setStyleSheet(Style::getStylesheet("window/statusPanel.css"));
-#endif
-
     contactListWidget = new FriendListWidget(this, settings.getGroupchatPosition());
     ui->friendList->setWidget(contactListWidget);
     ui->friendList->setLayoutDirection(Qt::RightToLeft);
@@ -211,8 +204,6 @@ void Widget::init()
 
     ui->statusLabel->setEditable(true);
 
-    ui->statusPanel->setStyleSheet(Style::getStylesheet("window/statusPanel.css"));
-
     QMenu* statusButtonMenu = new QMenu(ui->statusButton);
     statusButtonMenu->addAction(statusOnline);
     statusButtonMenu->addAction(statusAway);
@@ -229,8 +220,6 @@ void Widget::init()
     ui->statusButton->setEnabled(false);
 
     Style::setThemeColor(settings.getThemeColor());
-    reloadTheme();
-    updateIcons();
 
     filesForm = new FilesForm();
     addFriendForm = new AddFriendForm;
@@ -397,6 +386,8 @@ void Widget::init()
     connect(&settings, &Settings::groupchatPositionChanged, contactListWidget,
             &FriendListWidget::onGroupchatPositionChanged);
 
+    reloadTheme();
+    updateIcons();
     retranslateUi();
     Translator::registerHandler(std::bind(&Widget::retranslateUi, this), this);
 
@@ -677,6 +668,8 @@ void Widget::onSeparateWindowChanged(bool separate, bool clicked)
         }
 
         QWidget* contentWidget = new QWidget(this);
+        contentWidget->setObjectName("contentWidget");
+
         contentLayout = new ContentLayout(contentWidget);
         ui->mainSplitter->addWidget(contentWidget);
 
@@ -2174,6 +2167,7 @@ void Widget::reloadTheme()
 {
     this->setStyleSheet(Style::getStylesheet("window/general.css"));
     QString statusPanelStyle = Style::getStylesheet("window/statusPanel.css");
+    ui->centralwidget->setStyleSheet(Style::getStylesheet(QStringLiteral("centralWidget/centralWidget.css")));
     ui->tooliconsZone->setStyleSheet(Style::getStylesheet("tooliconsZone/tooliconsZone.css"));
     ui->statusPanel->setStyleSheet(statusPanelStyle);
     ui->statusHead->setStyleSheet(statusPanelStyle);
@@ -2181,6 +2175,12 @@ void Widget::reloadTheme()
     ui->statusButton->setStyleSheet(Style::getStylesheet("statusButton/statusButton.css"));
     contactListWidget->reDraw();
 
+    profilePicture->setStyleSheet(Style::getStylesheet("window/profile.css"));
+
+    if (contentLayout != nullptr) {
+        contentLayout->reloadTheme();
+    }
+
     for (Friend* f : FriendList::getAllFriends()) {
         uint32_t friendId = f->getId();
         friendWidgets[friendId]->reloadTheme();
@@ -2190,6 +2190,15 @@ void Widget::reloadTheme()
         uint32_t groupId = g->getId();
         groupWidgets[groupId]->reloadTheme();
     }
+
+
+    for (auto f : FriendList::getAllFriends()) {
+        chatForms[f->getId()]->reloadTheme();
+    }
+
+    for (auto g : GroupList::getAllGroups()) {
+        groupChatForms[g->getId()]->reloadTheme();
+    }
 }
 
 void Widget::nextContact()

themes/dark/acceptCall/acceptCall.svg

@@ -0,0 +1,45 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   version="1.1"
+   width="50"
+   height="50"
+   id="svg2">
+  <defs
+     id="defs4" />
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     transform="translate(0,-1002.3622)"
+     id="layer1">
+    <rect
+       width="49.821426"
+       height="50.17857"
+       ry="25.089285"
+       x="-1.8160549e-08"
+       y="1002.3622"
+       id="rect2985"
+       style="fill:#6bc25f;fill-opacity:1;fill-rule:nonzero;stroke:none" />
+    <polygon
+       points="1.661,4.127 0,5.789 4.24,10.029 4.241,10.029 5.902,8.369 12.608,1.662 10.946,0 4.24,6.707 "
+       transform="matrix(2.0727105,0,0,2.0575931,12.878646,1018.1177)"
+       id="polygon3756"
+       style="fill:#ffffff" />
+  </g>
+</svg>

themes/dark/centralWidget/centralWidget.css

@@ -0,0 +1,24 @@
+QLabel
+{
+    color: @mainText;
+}
+
+QLineEdit
+{
+    color: @mainText;
+}
+
+QTextEdit
+{
+    color: @mainText;
+}
+
+QSpinBox, QDoubleSpinBox
+{
+    color: @mainText;
+} 
+
+QListView
+{
+    color: @mainText;
+}

themes/dark/chatArea/chatArea.css

@@ -0,0 +1,15 @@
+QTextEdit
+{
+    background: @groundBase;
+    color: @mainText;
+}
+
+QGraphicsView
+{
+    border: none;
+}
+
+QWidget
+{
+    background: @groundBase;
+}

themes/dark/chatArea/chatHead.css

@@ -0,0 +1,42 @@
+QLineEdit
+{
+    color: @mainText;
+    background: @groundBase;
+    border: 0px;
+}
+
+#nameLabel
+{
+    color: @mainText;
+    font: @mediumBold;
+    font-size:12px;
+}
+
+#statusLabel
+{
+    color: @statusActive;
+    font: @medium;
+    font-size:12px;
+}
+
+#peersLabel
+{
+    color: @statusActive;
+    font: @medium;
+    font-size:12px;
+}
+
+QLabel[peerType="our"]
+{
+    color: green;
+}
+
+QLabel[peerType="muted"]
+{
+    color: darkred;
+}
+
+QLabel[playingAudio="true"]
+{
+    font-weight: bold;
+}

themes/dark/chatArea/error.svg

@@ -0,0 +1,62 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   version="1.1"
+   width="18"
+   height="18"
+   id="svg2">
+  <defs
+     id="defs4" />
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     transform="translate(0,-1034.3622)"
+     id="layer1">
+    <g
+       transform="matrix(0.06327074,0,0,0.06293016,-3.8785809,1012.9172)"
+       id="info">
+      <g
+         id="g3770">
+        <path
+           d="m 18.056477,9.0033293 a 9.0282383,9.0282383 0 1 1 -18.056477,0 9.0282383,9.0282383 0 1 1 18.056477,0 z"
+           transform="matrix(15.755659,0,0,15.84093,61.301336,341.16918)"
+           id="path3000"
+           style="fill:#c84e4e;fill-opacity:1;stroke:none" />
+        <g
+           transform="translate(5.8400555,0.7447856)"
+           id="g3788"
+           style="fill:#ffffff">
+          <path
+             d="m 208.10484,437.30994 a 24.239483,24.239483 0 1 1 -48.47897,0 24.239483,24.239483 0 1 1 48.47897,0 z"
+             transform="translate(13.841768,-25.125222)"
+             id="path3016"
+             style="fill:#ffffff;fill-opacity:1;stroke:none" />
+          <rect
+             width="39.413795"
+             height="121.56454"
+             ry="8.9924459"
+             x="178.00023"
+             y="456.58124"
+             id="rect3786"
+             style="fill:#ffffff;fill-opacity:1;stroke:none" />
+        </g>
+      </g>
+    </g>
+  </g>
+</svg>

themes/dark/chatArea/info.svg

@@ -0,0 +1,62 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   version="1.1"
+   width="18"
+   height="18"
+   id="svg2">
+  <defs
+     id="defs4" />
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     transform="translate(0,-1034.3622)"
+     id="layer1">
+    <g
+       transform="matrix(0.06327074,0,0,0.06293016,-3.8785809,1012.9172)"
+       id="info">
+      <g
+         id="g3770">
+        <path
+           d="m 18.056477,9.0033293 a 9.0282383,9.0282383 0 1 1 -18.056477,0 9.0282383,9.0282383 0 1 1 18.056477,0 z"
+           transform="matrix(15.755659,0,0,15.84093,61.301336,341.16918)"
+           id="path3000"
+           style="fill:#6bc260;fill-opacity:1;stroke:none" />
+        <g
+           transform="translate(5.8400555,0.7447856)"
+           id="g3788"
+           style="fill:#ffffff">
+          <path
+             d="m 208.10484,437.30994 a 24.239483,24.239483 0 1 1 -48.47897,0 24.239483,24.239483 0 1 1 48.47897,0 z"
+             transform="translate(13.841768,-25.125222)"
+             id="path3016"
+             style="fill:#ffffff;fill-opacity:1;stroke:none" />
+          <rect
+             width="39.413795"
+             height="121.56454"
+             ry="8.9924459"
+             x="178.00023"
+             y="456.58124"
+             id="rect3786"
+             style="fill:#ffffff;fill-opacity:1;stroke:none" />
+        </g>
+      </g>
+    </g>
+  </g>
+</svg>

themes/dark/chatArea/innerStyle.css

@@ -0,0 +1,37 @@
+body {
+    font: @baseFont;
+}
+
+p {
+    white-space: pre-wrap;
+}
+
+.action {
+    color: @action;
+    font-style: italic;
+    font-weight: bold;
+}
+
+.typing {
+    color: #131212;
+}
+
+.quote {
+    color: #279419;
+}
+
+.alert {
+    margin-left: 0px;
+    margin-right: 0px;
+    background-color: @orange;
+}
+
+.alert_name {
+    background-color: @orange;
+    font: @bigBold;
+}
+
+a {
+    color: @link;
+    font-weight: bold
+}

themes/dark/chatArea/scrollBarDownArrow.svg

@@ -0,0 +1,23 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   version="1.1"
+   width="10"
+   height="10"
+   viewBox="0 0 10 10"
+   id="Layer_1"
+   xml:space="preserve"><metadata
+     id="metadata9"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title></dc:title></cc:Work></rdf:RDF></metadata><defs
+     id="defs7" /><polygon
+     points="0,0 7.145,0 3.572,6.187 "
+     transform="matrix(1.3925994,0,0,1.6101695,0,0.0378813)"
+     id="polygon3"
+     style="fill:#d1d1d1;fill-opacity:1" /></svg>

themes/dark/chatArea/scrollBarLeftArrow.svg

@@ -0,0 +1,23 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   version="1.1"
+   width="10"
+   height="10"
+   viewBox="0 0 10 10"
+   id="Layer_1"
+   xml:space="preserve"><metadata
+     id="metadata9"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title></dc:title></cc:Work></rdf:RDF></metadata><defs
+     id="defs7" /><polygon
+     points="7.145,0 3.572,6.187 0,0 "
+     transform="matrix(0,1.3925994,-1.6101695,0,9.9561207,0.04387929)"
+     id="polygon3"
+     style="fill:#d1d1d1;fill-opacity:1" /></svg>

themes/dark/chatArea/scrollBarRightArrow.svg

@@ -0,0 +1,23 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   version="1.1"
+   width="10"
+   height="10"
+   viewBox="0 0 10 10"
+   id="Layer_1"
+   xml:space="preserve"><metadata
+     id="metadata9"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title></dc:title></cc:Work></rdf:RDF></metadata><defs
+     id="defs7" /><polygon
+     points="3.572,6.187 0,0 7.145,0 "
+     transform="matrix(0,-1.3925994,1.6101695,0,-0.005998,9.994002)"
+     id="polygon3"
+     style="fill:#d1d1d1;fill-opacity:1" /></svg>

themes/dark/chatArea/scrollBarUpArrow.svg

@@ -0,0 +1,23 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   version="1.1"
+   width="10"
+   height="10"
+   viewBox="0 0 10 10"
+   id="Layer_1"
+   xml:space="preserve"><metadata
+     id="metadata9"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title></dc:title></cc:Work></rdf:RDF></metadata><defs
+     id="defs7" /><polygon
+     points="7.145,0 3.572,6.187 0,0 "
+     transform="matrix(-1.3925994,0,0,-1.6101695,9.9501227,10)"
+     id="polygon3"
+     style="fill:#d1d1d1;fill-opacity:1" /></svg>

themes/dark/chatArea/spinner.svg

@@ -0,0 +1,43 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   id="svg3849"
+   height="18"
+   width="18"
+   version="1.1">
+  <defs
+     id="defs3851">
+    <filter
+       id="filter4418"
+       color-interpolation-filters="sRGB">
+      <feGaussianBlur
+         stdDeviation="0.10811274"
+         id="feGaussianBlur4420" />
+    </filter>
+  </defs>
+  <metadata
+     id="metadata3854">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     id="layer1"
+     transform="translate(0.1875,-1034.3622)">
+    <path
+       style="fill:#333333;fill-opacity:1;stroke:none;filter:url(#filter4418)"
+       id="path3857"
+       transform="translate(0,1034.3622)"
+       d="M 9,1 C 4.581722,1 1,4.581722 1,9 c 0,4.418278 3.581722,8 8,8 3.600455,0 6.621126,-2.384809 7.625,-5.65625 l -2.09375,0 C 13.6204,13.49724 11.485281,15 9,15 5.6862916,15 3,12.313708 3,9 3,5.6862915 5.6862916,3 9,3 c 2.485281,0 4.6204,1.5027597 5.53125,3.65625 l 2.09375,0 C 15.621126,3.3848094 12.600455,1 9,1 Z" />
+  </g>
+</svg>

themes/dark/chatArea/symbols.svg

@@ -0,0 +1,208 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.2"
+   width="744.09448"
+   height="1052.3622"
+   id="svg2"
+   inkscape:version="0.48.5 r10040"
+   sodipodi:docname="symbols.svg">
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="2560"
+     inkscape:window-height="1386"
+     id="namedview39"
+     showgrid="false"
+     inkscape:zoom="0.89702957"
+     inkscape:cx="120.52364"
+     inkscape:cy="577.58784"
+     inkscape:window-x="-2"
+     inkscape:window-y="-3"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg2" />
+  <defs
+     id="defs4" />
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <rect
+     width="240.94118"
+     height="240.94118"
+     x="419.90225"
+     y="358.90332"
+     id="rect3804"
+     style="fill:#000000;fill-opacity:0;stroke:none" />
+  <g
+     transform="translate(-19.999993,-14.285714)"
+     id="g3864">
+    <path
+       d="m 205.71429,686.64789 160,320.00001 -320.000004,0 z"
+       id="rect2985"
+       style="fill:#c84e4e;fill-opacity:1;stroke:#000000;stroke-width:16;stroke-linejoin:round;stroke-opacity:1" />
+    <flowRoot
+       transform="matrix(8.7750279,0,0,6.5433553,-681.18052,-5346.0366)"
+       id="flowRoot2988"
+       xml:space="preserve"
+       style="font-size:40px;font-style:normal;font-weight:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Sans"><flowRegion
+         id="flowRegion2990"><rect
+           width="125.71429"
+           height="85.714287"
+           x="95.714287"
+           y="926.64789"
+           id="rect2992" /></flowRegion><flowPara
+         id="flowPara2994">!</flowPara></flowRoot>  </g>
+  <g
+     transform="translate(-18.571423,8.5714286)"
+     id="info"
+     inkscape:export-xdpi="11.328032"
+     inkscape:export-ydpi="11.328032">
+    <path
+       d="m 448.57143,603.07648 a 189.28572,189.28572 0 1 1 -378.571445,0 189.28572,189.28572 0 1 1 378.571445,0 z"
+       transform="matrix(0.72483708,0,0,0.72483708,16.345817,46.658532)"
+       id="path3764"
+       style="fill:#6bc260;fill-opacity:1;stroke:#1c1c1c;stroke-width:16;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:0;stroke-dasharray:none;stroke-dashoffset:0" />
+    <g
+       id="g3788"
+       transform="translate(6.5785877,0.74522643)"
+       style="fill:#ffffff">
+      <path
+         transform="translate(13.841768,-25.125222)"
+         d="m 208.10484,437.30994 c 0,13.38709 -10.85239,24.23948 -24.23948,24.23948 -13.3871,0 -24.23949,-10.85239 -24.23949,-24.23948 0,-13.3871 10.85239,-24.23949 24.23949,-24.23949 13.38709,0 24.23948,10.85239 24.23948,24.23949 z"
+         sodipodi:ry="24.239483"
+         sodipodi:rx="24.239483"
+         sodipodi:cy="437.30994"
+         sodipodi:cx="183.86536"
+         id="path3016"
+         style="fill:#ffffff;fill-opacity:1;stroke:none"
+         sodipodi:type="arc" />
+      <rect
+         ry="8.9924459"
+         y="456.58124"
+         x="178.00023"
+         height="121.56454"
+         width="39.413795"
+         id="rect3786"
+         style="fill:#ffffff;fill-opacity:1;stroke:none" />
+    </g>
+  </g>
+  <g
+     transform="translate(-342.85714,-295.71428)"
+     id="g3850">
+    <path
+       d="m 448.57143,603.07648 a 189.28572,189.28572 0 1 1 -378.571445,0 189.28572,189.28572 0 1 1 378.571445,0 z"
+       transform="matrix(0.72483708,0,0,0.72483708,340.63154,52.37285)"
+       id="path3764-1"
+       style="fill:#414141;fill-opacity:1;stroke:none" />
+    <flowRoot
+       transform="matrix(8.7750279,0,0,6.1071156,-354.88741,-5316.9084)"
+       id="flowRoot2988-9-1"
+       xml:space="preserve"
+       style="font-size:40px;font-style:normal;font-weight:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Sans"><flowRegion
+         id="flowRegion2990-3-0"><rect
+           width="125.71429"
+           height="85.714287"
+           x="95.714287"
+           y="926.64789"
+           id="rect2992-2-08"
+           style="fill:#ffffff;fill-opacity:1" /></flowRegion><flowPara
+         id="flowPara2994-4-8"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;fill:#ffffff;fill-opacity:1;font-family:Aller;-inkscape-font-specification:Aller">i</flowPara></flowRoot>  </g>
+  <g
+     transform="translate(330.16534,365.19627)"
+     id="error"
+     inkscape:export-xdpi="5.6643357"
+     inkscape:export-ydpi="5.6643357">
+    <path
+       d="m 341.48702,483.79073 a 137.20131,137.20131 0 0 1 -274.402618,0 137.20131,137.20131 0 1 1 274.402618,0 z"
+       id="path3764-6"
+       style="fill:#c84e4e;fill-opacity:1;stroke:#1c1c1c;stroke-width:11.59739304;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:0;stroke-dasharray:none;stroke-dashoffset:0" />
+    <g
+       id="g3788-0"
+       transform="translate(6.5785866,0.72866166)"
+       style="fill:#ffffff">
+      <path
+         transform="translate(13.841768,-25.125222)"
+         d="m 208.10484,437.30994 c 0,13.38709 -10.85239,24.23948 -24.23948,24.23948 -13.3871,0 -24.23949,-10.85239 -24.23949,-24.23948 0,-13.3871 10.85239,-24.23949 24.23949,-24.23949 13.38709,0 24.23948,10.85239 24.23948,24.23949 z"
+         sodipodi:ry="24.239483"
+         sodipodi:rx="24.239483"
+         sodipodi:cy="437.30994"
+         sodipodi:cx="183.86536"
+         id="path3016-8"
+         style="fill:#ffffff;fill-opacity:1;stroke:none"
+         sodipodi:type="arc" />
+      <rect
+         ry="8.9924459"
+         y="456.58124"
+         x="178.00023"
+         height="121.56454"
+         width="39.413795"
+         id="rect3786-2"
+         style="fill:#ffffff;fill-opacity:1;stroke:none" />
+    </g>
+  </g>
+  <path
+     d="m 591.05751,386.8743 36.87891,5.31312 m -55.64044,122.34813 36.87889,5.31308 m -15.45524,-156.42803 -21.93151,152.22907 14.10828,35.26976 23.49041,-29.85297 21.93142,-152.22911 z"
+     id="path3012-0"
+     style="fill:#cccccc;stroke:#6e6e6e;stroke-width:4.51865435;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none" />
+  <path
+     d="m 494.05192,469.82629 a 2.5619,2.5619 0 1 1 -5.1238,0 2.5619,2.5619 0 1 1 5.1238,0 z"
+     transform="matrix(4.5186544,0,0,4.5186544,-1726.5774,-1541.9613)"
+     id="path3806"
+     style="fill:#6e6e6e;fill-opacity:1;stroke:#6e6e6e;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;stroke-dashoffset:0" />
+  <path
+     d="m 494.05192,469.82629 a 2.5619,2.5619 0 1 1 -5.1238,0 2.5619,2.5619 0 1 1 5.1238,0 z"
+     transform="matrix(4.5186544,0,0,4.5186544,-1683.834,-1541.9613)"
+     id="path3806-6"
+     style="fill:#6e6e6e;fill-opacity:1;stroke:#6e6e6e;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;stroke-dashoffset:0" />
+  <path
+     d="m 494.05192,469.82629 a 2.5619,2.5619 0 1 1 -5.1238,0 2.5619,2.5619 0 1 1 5.1238,0 z"
+     transform="matrix(4.5186544,0,0,4.5186544,-1638.4193,-1541.9613)"
+     id="path3806-6-2"
+     style="fill:#6e6e6e;fill-opacity:1;stroke:#6e6e6e;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;stroke-dashoffset:0" />
+  <g
+     id="notification">
+    <path
+       d="m 494.05192,469.82629 a 2.5619,2.5619 0 1 1 -5.1238,0 2.5619,2.5619 0 1 1 5.1238,0 z"
+       transform="matrix(8.782556,0,0,8.782556,-3756.8812,-3871.6691)"
+       id="path3806-4"
+       style="fill:#6bc260;fill-opacity:1;stroke:none" />
+    <path
+       d="m 494.05192,469.82629 a 2.5619,2.5619 0 1 1 -5.1238,0 2.5619,2.5619 0 1 1 5.1238,0 z"
+       transform="matrix(8.782556,0,0,8.782556,-3784.3812,-3816.6691)"
+       id="path3806-2"
+       style="fill:#cebf44;fill-opacity:1;stroke:none" />
+    <path
+       d="m 494.05192,469.82629 a 2.5619,2.5619 0 1 1 -5.1238,0 2.5619,2.5619 0 1 1 5.1238,0 z"
+       transform="matrix(8.782556,0,0,8.782556,-3729.3812,-3816.6688)"
+       id="path3806-6-4"
+       style="fill:#c84e4e;fill-opacity:1;stroke:none" />
+  </g>
+  <path
+     d="m 458.1875,12.1875 0,209.46875 200.21875,0 0,-209.46875 -200.21875,0 z m 43.9375,137.125 a 25,25 0 0 1 24.28125,25 25,25 0 0 1 -50,0 25,25 0 0 1 25.71875,-25 z m 56.90625,0 a 25,25 0 0 1 24.28125,25 25,25 0 0 1 -50,0 25,25 0 0 1 25.71875,-25 z m 56.90625,0 a 25,25 0 0 1 24.25,25 25,25 0 0 1 -50,0 25,25 0 0 1 25.75,-25 z"
+     id="mask"
+     style="fill:#ffffff;fill-opacity:1;stroke:none" />
+</svg>

themes/dark/chatArea/typing.svg

@@ -0,0 +1,61 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="18"
+   height="18"
+   id="svg3815"
+   version="1.1"
+   inkscape:version="0.48.5 r10040"
+   sodipodi:docname="Neues Dokument 5">
+  <defs
+     id="defs3817" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="22.4"
+     inkscape:cx="23.994336"
+     inkscape:cy="16.050687"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     inkscape:window-width="2560"
+     inkscape:window-height="1386"
+     inkscape:window-x="-2"
+     inkscape:window-y="-3"
+     inkscape:window-maximized="1" />
+  <metadata
+     id="metadata3820">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Ebene 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(0,-1034.3622)">
+    <path
+       inkscape:connector-curvature="0"
+       d="m 0,1034.3622 0,18 18,0 0,-18 -18,0 z m 3.9500533,11.7834 a 2.2475413,2.148285 0 0 1 2.1829252,2.1482 2.2475416,2.1482852 0 0 1 -4.4950832,0 2.2475413,2.148285 0 0 1 2.312158,-2.1482 z m 5.1159617,0 a 2.2475413,2.148285 0 0 1 2.18293,2.1482 2.2475417,2.1482853 0 0 1 -4.4950834,0 2.2475413,2.148285 0 0 1 2.3121534,-2.1482 z m 5.11597,0 a 2.2475413,2.148285 0 0 1 2.18012,2.1482 2.2475435,2.1482871 0 0 1 -4.495087,0 2.2475413,2.148285 0 0 1 2.314967,-2.1482 z"
+       id="mask"
+       style="fill:#ffffff;fill-opacity:1;stroke:none" />
+  </g>
+</svg>

themes/dark/chatForm/buttons.css

@@ -0,0 +1,183 @@
+/* Message edit */
+
+QAbstractButton#emoteButton
+{
+    background-image: url("@getImagePath(chatForm/emoteButton.svg)");
+    border-top-right-radius: 5px;
+    width: 24px;
+    height: 24px;
+}
+
+QAbstractButton#fileButton
+{
+    background-image: url("@getImagePath(chatForm/fileButton.svg)");
+    border-bottom-right-radius: 5px;
+    width: 24px;
+    height: 24px;
+}
+
+QAbstractButton#screenshotButton
+{
+    background-image: url("@getImagePath(chatForm/screenshotButton.svg)");
+    border-top-left-radius: 5px;
+    width: 24px;
+    height: 24px;
+}
+
+QAbstractButton#sendButton
+{
+    background-image: url("@getImagePath(chatForm/sendButton.svg)");
+    border-radius: 5px;
+    width: 50px;
+    height: 50px;
+
+}
+
+/* Header */
+
+QAbstractButton#volButton
+{
+    border-image: url("@getImagePath(chatForm/volButton.svg)");
+    border-radius: 5px;
+    width: 22px;
+    height: 18px;
+}
+
+QAbstractButton#micButton
+{
+    border-image: url("@getImagePath(chatForm/micButton.svg)");
+    border-radius: 5px;
+    width: 22px;
+    height: 18px;
+}
+
+QAbstractButton#videoButton
+{
+    background-image: url("@getImagePath(chatForm/videoButton.svg)");
+    border-radius: 5px;
+    width: 50px;
+    height: 40px;
+}
+
+QAbstractButton#callButton
+{
+    background-image: url("@getImagePath(chatForm/callButton.svg)");
+    border-radius: 5px;
+    width: 50px;
+    height: 40px;
+}
+
+/* SearchLine */
+
+QAbstractButton#searchSettingsButton
+{
+    background-image: url("@getImagePath(chatForm/searchSettingsButton.svg)");
+    border-radius: 5px;
+    width: 35px;
+    height: 35px;
+}
+
+QAbstractButton#searchHideButton
+{
+    background-image: url("@getImagePath(chatForm/searchHideButton.svg)");
+    border-radius: 5px;
+    width: 35px;
+    height: 35px;
+}
+
+QAbstractButton#searchUpButton
+{
+    background-image: url("@getImagePath(chatForm/searchUpButton.svg)");
+    border-radius: 5px;
+    width: 35px;
+    height: 35px;
+}
+
+QAbstractButton#searchDownButton
+{
+    background-image: url("@getImagePath(chatForm/searchDownButton.svg)");
+    border-radius: 5px;
+    width: 35px;
+    height: 35px;
+}
+
+QAbstractButton#choiceDateButton
+{
+    background-image: url("@getImagePath(chatForm/searchCalendarButton.svg)");
+    border-radius: 5px;
+    width: 45px;
+    height: 35px;
+}
+
+QAbstractButton#startButton
+{
+    border-radius: 5px;
+    width: 60px;
+    height: 35px;
+    color: #fff
+}
+
+/* Common */
+
+QAbstractButton
+{
+    background-repeat: none;
+    background-position: center;
+    border: none;
+}
+
+QAbstractButton:disabled
+{
+    color: gray;
+    background-color: #515151;
+}
+
+QAbstractButton:focus
+{
+    outline: none;
+}
+
+QAbstractButton[state="green"]
+{
+    background-color: #529449;
+}
+
+QAbstractButton[state="green"]:hover
+{
+    background-color: #589f4e;
+}
+
+QAbstractButton[state="green"]:pressed
+{
+    background-color: #437a3c;
+}
+
+QAbstractButton[state="red"]
+{
+    background-color: #9e2525;
+}
+
+QAbstractButton[state="red"]:hover
+{
+    background-color: #bd2c2c;
+}
+
+QAbstractButton[state="red"]:pressed
+{
+    background-color: #8f2121;
+}
+
+QAbstractButton[state="yellow"]
+{
+    background-color: #e6a850;
+}
+
+QAbstractButton[state="yellow"]:hover
+{
+    background-color: #e6bd5d;
+}
+
+QAbstractButton[state="yellow"]:pressed
+{
+    background-color: #e6843e;
+}

themes/dark/chatForm/callButton.svg

@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   version="1.1"
+   width="25"
+   height="23"
+   viewBox="0 0 25 23"
+   id="Layer_1"
+   xml:space="preserve"><metadata
+     id="metadata9"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title></dc:title></cc:Work></rdf:RDF></metadata><defs
+     id="defs7" /><path
+     d="m 19.546776,-0.03791866 c 0,0 -0.585151,-0.1170302 -0.819211,0.58515098 L 16.621021,5.4625006 c 0,0 -0.35109,0.7021812 0.234061,1.4043624 l 1.521392,1.9895133 c 0,0 0.585151,0.4681208 0.11703,1.1703017 -0.46812,0.585151 -2.691694,4.681208 -8.426174,7.255873 0,0 -0.702181,0.46812 -1.287332,-0.234061 C 8.3118772,16.346309 6.6734545,13.771645 5.6201827,14.239765 L 0.35382383,16.6974 c 0,0 -0.46812079,0 -0.35109059,0.936241 0.1170302,0.936242 0,5.266359 6.20260046,5.266359 7.3729023,0 18.6078013,-10.649748 18.6078013,-17.3204692 0,0 0,-5.61744946 -3.510906,-5.61744946 h -1.755453 z"
+     id="path3"
+     style="fill:#ffffff" /></svg>

themes/dark/chatForm/emoteButton.svg

@@ -0,0 +1,28 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   version="1.1"
+   width="17"
+   height="17"
+   viewBox="0 0 17 17"
+   id="Layer_1"
+   xml:space="preserve"><metadata
+     id="metadata15"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title></dc:title></cc:Work></rdf:RDF></metadata><defs
+     id="defs13" /><g
+     transform="matrix(1.6827488,0,0,1.654661,0,0.02245763)"
+     id="g3"><path
+       d="M 3.4,1.5 C 3.4,2.3 2.7,3 1.9,3 1.1,3 0.4,2.3 0.4,1.5 0.4,0.7 1.1,0 1.9,0 2.7,0 3.4,0.7 3.4,1.5 z m 6,0 C 9.4,2.3 8.7,3 7.9,3 7.1,3 6.4,2.3 6.4,1.5 6.4,0.7 7.1,0 7.9,0 8.7,0 9.4,0.7 9.4,1.5 z"
+       id="path5"
+       style="fill:#ffffff" /><g
+       id="g7"><path
+         d="M 0.7,6.6 C 0.7,6.6 0.8,6.7 1,6.9 1.2,7.1 1.5,7.4 1.8,7.7 2.2,8 2.7,8.2 3.2,8.4 3.5,8.5 3.8,8.5 4.1,8.6 4.3,8.7 4.7,8.7 5,8.7 5.4,8.7 5.7,8.7 6,8.6 6.3,8.6 6.6,8.5 6.9,8.4 7.4,8.2 7.9,8 8.3,7.7 9.1,7.1 9.4,6.5 9.4,6.6 l 0.7,0.2 c 0,0 0,0.2 -0.2,0.5 C 9.6,7.7 9.4,8.2 9,8.6 8.8,8.9 8.5,9.1 8.3,9.3 8,9.5 7.6,9.7 7.3,9.8 6.9,9.9 6.6,10.1 6.2,10.1 5.8,10.2 5.4,10.2 5.1,10.2 4.6,10.2 4.3,10.2 3.9,10.1 3.4,10.1 3,10 2.7,9.8 2.3,9.7 2,9.5 1.7,9.3 1.4,9.1 1.2,8.9 1,8.6 0.2,7.7 0,6.9 0,6.9 L 0.7,6.6 z"
+         id="path9"
+         style="fill:#ffffff" /></g></g></svg>

themes/dark/chatForm/exitFullScreenButton.svg

@@ -0,0 +1,42 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   width="20"
+   height="20.000362"
+   viewBox="0 0 20 20.000363">
+  <defs
+     id="defs2" />
+  <metadata
+     id="metadata5">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(-2.4999999,-295.2666)">
+    <path
+       style="opacity:1;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#ffffff;stroke-width:0.72138608;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       d="m 2.8606929,295.62754 v 4.60721 h 0.3600048 v -4.24701 h 4.4824852 v -0.36043 z m 14.4624221,0.0236 v 0.36044 h 4.447384 v 4.25305 h 0.354961 v -4.6133 z M 2.8738071,309.85279 v 5.04937 h 4.8387917 v -0.35807 H 3.2338116 v -4.69139 z m 18.9105419,0.004 v 4.6914 h -4.447384 v 0.35808 h 4.802342 v -5.04938 z"
+       id="rect4485"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="cccccccccccccccccccccccccccc" />
+  </g>
+</svg>

themes/dark/chatForm/fileButton.svg

@@ -0,0 +1,27 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   version="1.1"
+   width="16"
+   height="16"
+   viewBox="0 0 16 16"
+   id="Layer_1"
+   xml:space="preserve"><metadata
+     id="metadata13"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title></dc:title></cc:Work></rdf:RDF></metadata><defs
+     id="defs11" /><g
+     transform="matrix(1.1649174,0,0,1.1610052,0,0.08477933)"
+     id="g3"><path
+       d="M 13.629,2.874 C 13.567,2.619 13.48,2.38 13.373,2.158 13.185,1.77 12.935,1.439 12.655,1.166 12.445,0.96 12.217,0.784 11.983,0.639 11.63,0.418 11.263,0.262 10.905,0.158 10.726,0.105 10.55,0.067 10.377,0.04 10.204,0.014 10.036,0 9.872,0 9.446,0 9.068,0.061 8.744,0.156 8.501,0.228 8.29,0.317 8.107,0.413 7.835,0.558 7.632,0.713 7.49,0.84 7.396,0.926 7.33,0.996 7.291,1.043 L 1.279,6.974 1.278,6.977 C 1.12,7.134 0.962,7.315 0.812,7.523 0.587,7.834 0.383,8.206 0.235,8.636 0.089,9.066 0,9.556 0,10.099 c 0.001,0.216 0.028,0.432 0.079,0.645 0.088,0.371 0.246,0.734 0.461,1.075 0.161,0.256 0.354,0.5 0.578,0.724 0.336,0.336 0.743,0.626 1.211,0.834 0.233,0.104 0.482,0.187 0.743,0.244 0.262,0.057 0.536,0.088 0.82,0.088 0.27,0 0.529,-0.042 0.774,-0.108 0.214,-0.06 0.418,-0.138 0.609,-0.229 0.338,-0.16 0.642,-0.357 0.914,-0.562 0.406,-0.306 0.738,-0.629 0.976,-0.878 0.235,-0.25 0.374,-0.426 0.384,-0.439 l -1.109,-0.871 0,0 0.51,0.399 -0.51,-0.4 0.453,0.356 -0.452,-0.356 H 6.44 l 0,0 v 10e-4 l 0,0 C 6.438,10.626 6.347,10.738 6.194,10.904 6.078,11.03 5.925,11.185 5.747,11.345 5.614,11.466 5.467,11.59 5.31,11.703 5.077,11.878 4.825,12.031 4.58,12.136 4.457,12.19 4.337,12.23 4.221,12.257 c -0.115,0.027 -0.225,0.04 -0.328,0.04 -0.185,0 -0.36,-0.021 -0.527,-0.058 C 3.073,12.176 2.805,12.057 2.563,11.903 2.382,11.788 2.217,11.65 2.073,11.5 1.856,11.273 1.686,11.019 1.574,10.77 1.518,10.645 1.476,10.524 1.45,10.41 1.424,10.296 1.41,10.19 1.41,10.099 1.41,9.839 1.438,9.606 1.485,9.394 1.557,9.077 1.671,8.806 1.81,8.571 1.948,8.337 2.112,8.138 2.276,7.974 L 8.341,1.988 8.364,1.958 C 8.373,1.948 8.406,1.91 8.468,1.858 8.564,1.778 8.72,1.667 8.948,1.576 9.063,1.53 9.195,1.489 9.348,1.459 9.501,1.429 9.674,1.411 9.872,1.411 c 0.1,0 0.219,0.01 0.348,0.032 0.226,0.038 0.48,0.116 0.727,0.232 0.186,0.089 0.366,0.198 0.53,0.329 0.124,0.097 0.238,0.207 0.34,0.327 0.152,0.182 0.277,0.388 0.366,0.629 0.09,0.241 0.143,0.518 0.144,0.848 0,0.151 -0.02,0.297 -0.053,0.436 -0.053,0.21 -0.139,0.407 -0.248,0.59 C 11.917,5.017 11.785,5.182 11.65,5.32 L 11.649,5.322 8.609,8.496 C 8.604,8.5 8.586,8.519 8.553,8.542 8.501,8.579 8.418,8.63 8.306,8.671 8.194,8.712 8.052,8.744 7.869,8.744 7.818,8.744 7.771,8.738 7.728,8.728 7.653,8.711 7.588,8.681 7.526,8.638 7.48,8.608 7.437,8.567 7.396,8.52 7.336,8.449 7.284,8.359 7.248,8.257 7.213,8.155 7.192,8.043 7.192,7.926 7.192,7.815 7.213,7.71 7.247,7.612 7.271,7.537 7.305,7.467 7.341,7.405 7.396,7.31 7.455,7.231 7.498,7.183 7.52,7.156 7.537,7.14 7.546,7.13 7.55,7.127 7.553,7.125 7.554,7.123 L 7.562,7.115 9.917,4.789 8.925,3.786 6.593,6.09 C 6.568,6.114 6.521,6.16 6.463,6.224 6.348,6.352 6.185,6.558 6.043,6.842 5.973,6.983 5.907,7.146 5.86,7.328 5.813,7.51 5.781,7.711 5.781,7.926 c 0.001,0.281 0.05,0.557 0.143,0.814 0.069,0.193 0.164,0.376 0.282,0.545 0.09,0.126 0.193,0.243 0.31,0.349 0.176,0.158 0.38,0.289 0.609,0.381 0.229,0.091 0.482,0.141 0.744,0.141 0.273,0 0.521,-0.04 0.735,-0.1 C 8.765,10.011 8.908,9.953 9.031,9.894 9.217,9.803 9.359,9.704 9.46,9.623 9.55,9.553 9.606,9.495 9.634,9.467 l 3.03,-3.166 c 0.268,-0.277 0.53,-0.623 0.732,-1.041 0.101,-0.209 0.186,-0.436 0.245,-0.679 0.061,-0.242 0.095,-0.503 0.095,-0.772 0,-0.33 -0.037,-0.642 -0.107,-0.935 z M 8.362,1.96 l 0,0 0,0 0,0 z"
+       id="path5"
+       style="fill:#ffffff" /><polygon
+       points="12.664,6.301 12.666,6.299 12.664,6.301 "
+       id="polygon7"
+       style="fill:#ffffff" /></g></svg>

themes/dark/chatForm/fullScreenButtons.css

@@ -0,0 +1,78 @@
+QFrame
+{
+    background-color: rgba(50, 50, 50, 0.6);
+    border-radius: 20px;
+}
+
+QAbstractButton
+{
+    background-color: transparent;
+    background-repeat: none;
+    background-position: center;
+    border: none;
+    border-radius: 5px;
+}
+
+QAbstractButton:hover
+{
+    background-color: rgba(255,255,255, 0.2);
+}
+
+QAbstractButton:pressed
+{
+    background-color: rgba(0,0,0, 0.2);
+}
+
+QAbstractButton#volButtonFullScreen
+{
+    background-image: url("@getImagePath(chatForm/volButton.svg)");
+    width: 11px;
+    height: 9px;
+    padding: 12px;
+}
+
+QAbstractButton#micButtonFullScreen
+{
+    background-image: url("@getImagePath(chatForm/micButton.svg)");
+    width: 11px;
+    height: 9px;
+    padding: 12px;
+}
+
+QAbstractButton#videoButtonFullScreen
+{
+    background-image: url("@getImagePath(chatForm/videoButtonRed.svg)");
+    width: 37px;
+    height: 33px;
+}
+
+QAbstractButton#videoPreviewButton
+{
+    background-image: url("@getImagePath(chatForm/videoPreview.svg)");
+    width: 13px;
+    height: 13px;
+    padding: 10px;
+}
+
+QAbstractButton#exitFullScreenButton
+{
+    background-image: url("@getImagePath(chatForm/exitFullScreenButton.svg)");
+    width: 30px;
+    height: 30px;
+    padding: 1px;
+}
+
+QAbstractButton#volButtonFullScreen[state="red"]
+{
+    background-image: url("@getImagePath(chatForm/volButtonRed.svg)");
+}
+
+QAbstractButton#micButtonFullScreen[state="red"]
+{
+    background-image: url("@getImagePath(chatForm/micButtonRed.svg)");
+}
+
+QAbstractButton#videoPreviewButton[state="red"]
+{
+    background-image: url("@getImagePath(chatForm/videoPreviewRed.svg)");
+}

themes/dark/chatForm/labels.css

@@ -0,0 +1,14 @@
+QLabel
+{
+    color: @mainText;
+}
+
+QLabel:disabled
+{
+    color: #2d2b2b;
+}
+
+QLabel[state="red"]
+{
+    color: #e84747;
+}

themes/dark/chatForm/micButton.svg

@@ -0,0 +1,61 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   id="svg4867"
+   version="1.1"
+   width="30"
+   height="28"
+   viewBox="0 0 28.124999 26.25">
+  <metadata
+     id="metadata4873">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs4871" />
+  <g
+     id="g4144"
+     transform="matrix(1.1279459,0,0,1.1264917,-1.4773586,0.42511766)">
+    <rect
+       ry="2.6881006"
+       y="1.2870765"
+       x="9.962924"
+       height="13.585805"
+       width="7.5794492"
+       id="rect5419"
+       style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.70899999;stroke-miterlimit:10;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+    <rect
+       rx="0.33368644"
+       ry="0.65545553"
+       y="19.949682"
+       x="8.5805082"
+       height="1.3109111"
+       width="10.344279"
+       id="rect5423"
+       style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.70899999;stroke-miterlimit:10;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+    <rect
+       ry="0"
+       rx="0"
+       y="17.113348"
+       x="12.513242"
+       height="3.5990469"
+       width="2.1451259"
+       id="rect5427"
+       style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.70899999;stroke-miterlimit:10;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+    <path
+       id="path5431"
+       d="m 7.0765239,9.8278885 c 0,0 -0.9033248,7.8098235 6.4139421,7.8098235 7.317267,0 7.022576,-7.8534036 7.022576,-7.8534036"
+       style="fill:none;fill-rule:evenodd;stroke:#ffffff;stroke-width:1.89999998;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+  </g>
+</svg>

themes/dark/chatForm/micButtonRed.svg

@@ -0,0 +1,67 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   width="30"
+   height="28"
+   viewBox="0 0 28.124999 26.25">
+  <metadata
+     id="metadata4873">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs4871" />
+  <g
+     id="g4579">
+    <path
+       transform="scale(0.93749998)"
+       id="path4566"
+       d="M 23.042969 11.054688 A 1.1421142 1.1421142 0 0 0 21.962891 12.251953 C 21.962891 12.251953 22.024446 14.395045 21.130859 16.478516 C 20.237269 18.561987 18.648123 20.503906 14.654297 20.503906 C 12.26917 20.503906 10.834958 19.825509 9.9023438 18.849609 L 8.2460938 20.300781 C 9.6278794 21.729986 11.703239 22.789063 14.654297 22.789062 C 19.464186 22.789062 22.100408 20.013725 23.230469 17.378906 C 24.36053 14.744087 24.246094 12.166016 24.246094 12.166016 A 1.1421142 1.1421142 0 0 0 23.042969 11.054688 z M 6.9453125 11.101562 A 1.1421142 1.1421142 0 0 0 5.8046875 12.130859 C 5.8046875 12.130859 5.4834581 14.690516 6.4179688 17.335938 C 6.4620129 17.460618 6.5270768 17.585843 6.578125 17.710938 L 8.4277344 16.089844 C 7.8929617 14.20501 8.0722656 12.394531 8.0722656 12.394531 A 1.1421142 1.1421142 0 0 0 6.9453125 11.101562 z "
+       style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-feature-settings:normal;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;text-orientation:mixed;dominant-baseline:auto;baseline-shift:baseline;text-anchor:start;white-space:normal;shape-padding:0;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;vector-effect:none;fill:#df3b3b;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:2.28399992;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" />
+    <path
+       id="rect5419"
+       transform="scale(0.93749998)"
+       d="M 13.640625 2 C 11.851206 2 10.410156 3.44105 10.410156 5.2304688 L 10.410156 14.353516 L 19.529297 6.3652344 L 19.529297 5.2304688 C 19.529297 3.44105 18.0902 2 16.300781 2 L 13.640625 2 z M 19.529297 10.416016 L 11.470703 17.474609 C 12.044235 17.997563 12.79973 18.324219 13.640625 18.324219 L 16.300781 18.324219 C 18.0902 18.324219 19.529297 16.883169 19.529297 15.09375 L 19.529297 10.416016 z "
+       style="fill:#df3b3b;fill-opacity:1;stroke:none;stroke-width:0.85247785;stroke-miterlimit:10;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+    <rect
+       rx="0.37638026"
+       ry="0.73836523"
+       y="22.89827"
+       x="8.2009907"
+       height="1.4767305"
+       width="11.667788"
+       id="rect5423"
+       style="fill:#df3b3b;fill-opacity:1;stroke:none;stroke-width:0.79919797;stroke-miterlimit:10;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+    <rect
+       ry="0"
+       rx="0"
+       y="19.703161"
+       x="12.636901"
+       height="4.0542965"
+       width="2.4195859"
+       id="rect5427"
+       style="fill:#df3b3b;fill-opacity:1;stroke:none;stroke-width:0.79919797;stroke-miterlimit:10;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+    <rect
+       transform="matrix(0.68672446,0.72691782,-0.75217782,0.65896019,0,0)"
+       y="-13.410425"
+       x="16.876799"
+       height="22.56399"
+       width="2.2383029"
+       id="rect4487"
+       style="opacity:1;fill:#df3b3b;fill-opacity:1;stroke:none;stroke-width:0.60107476;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+  </g>
+</svg>

themes/dark/chatForm/screenshotButton.svg

@@ -0,0 +1,8 @@
+<svg width="16" height="16" xmlns="http://www.w3.org/2000/svg">
+ <metadata id="metadata13">image/svg+xml</metadata>
+ <g>
+  <title>Layer 1</title>
+  <rect ry="1" rx="1" id="svg_6" height="8" width="14" y="3" x="1" stroke-linecap="null" stroke-linejoin="null" stroke-width="2" stroke="#ffffff" fill="none"/>
+  <path id="svg_8" d="m4.50183,15.49984l3.4986,-4.12208l3.49866,4.12208l-6.99725,0z" stroke-linecap="null" stroke-linejoin="null" stroke="#ffffff" fill="#ffffff"/>
+ </g>
+</svg>

themes/dark/chatForm/searchCalendarButton.svg

@@ -0,0 +1,98 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:osb="http://www.openswatchbook.org/uri/2009/osb"
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="24.34902"
+   height="20.696665"
+   viewBox="0 0 24.34902 20.696665"
+   version="1.1"
+   id="svg8"
+   inkscape:version="0.92.2 2405546, 2018-03-11"
+   sodipodi:docname="searchCalendarButton.svg"
+   style="enable-background:new">
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1194"
+     inkscape:window-height="727"
+     id="namedview12"
+     showgrid="false"
+     inkscape:zoom="11.402803"
+     inkscape:cx="12.17451"
+     inkscape:cy="10.348332"
+     inkscape:window-x="356"
+     inkscape:window-y="158"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="layer1" />
+  <defs
+     id="defs2">
+    <linearGradient
+       id="linearGradient2289"
+       osb:paint="solid">
+      <stop
+         style="stop-color:#6e0000;stop-opacity:1;"
+         offset="0"
+         id="stop2287" />
+    </linearGradient>
+  </defs>
+  <metadata
+     id="metadata5">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     style="display:inline"
+     transform="translate(1136.2519,-82.207318)">
+    <g
+       id="g877"
+       transform="matrix(0.04610001,0,0,0.04610001,-1114.1308,77.270056)"
+       style="fill:#ffffff">
+      <rect
+         ry="15.194334"
+         y="107.09895"
+         x="-43.287827"
+         height="79.375"
+         width="39.6875"
+         id="rect816"
+         style="opacity:1;vector-effect:none;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.33097997;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:3.9000001;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0.55504587;paint-order:stroke fill markers" />
+      <path
+         id="rect850"
+         transform="matrix(0.26458333,0,0,0.26458333,-479.85032,216.85036)"
+         d="M 133.22656,-214.80859 C 59.41896,-214.80859 0,-155.38963 0,-81.582031 V 0 h 2000 v -81.582031 c 0,-73.807599 -59.419,-133.226559 -133.2266,-133.226559 z M 0,188.15625 v 963.80855 c 0,73.8076 59.41896,133.2266 133.22656,133.2266 H 1866.7734 c 73.8076,0 133.2266,-59.419 133.2266,-133.2266 V 188.15625 Z"
+         style="opacity:1;vector-effect:none;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.99010497;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:3.9000001;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0.55504587;paint-order:stroke fill markers"
+         inkscape:connector-curvature="0" />
+      <rect
+         ry="15.194334"
+         y="107.09895"
+         x="-426.93365"
+         height="79.375"
+         width="39.6875"
+         id="rect816-7"
+         style="display:inline;opacity:1;vector-effect:none;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.33097997;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:3.9000001;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0.55504587;paint-order:stroke fill markers;enable-background:new" />
+    </g>
+  </g>
+</svg>

themes/dark/chatForm/searchDownButton.svg

@@ -0,0 +1,80 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="26.525974"
+   height="15.58874"
+   viewBox="0 0 26.525974 15.58874"
+   version="1.1"
+   id="svg8"
+   sodipodi:docname="searchDownButton.svg"
+   inkscape:version="0.92.2 2405546, 2018-03-11">
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1920"
+     inkscape:window-height="1015"
+     id="namedview9"
+     showgrid="false"
+     inkscape:zoom="12.817625"
+     inkscape:cx="13.262987"
+     inkscape:cy="7.7943702"
+     inkscape:window-x="0"
+     inkscape:window-y="36"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1" />
+  <defs
+     id="defs2" />
+  <metadata
+     id="metadata5">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(59.722852,-41.245778)">
+    <g
+       id="g11"
+       style="fill:#ffffff"
+       transform="matrix(0.1242249,0,0,0.1242249,-52.303786,36.122025)">
+      <rect
+         transform="rotate(-44.285246)"
+         style="fill:#ffffff;stroke-width:0.36410955"
+         y="123.15389"
+         x="-82.806313"
+         height="30"
+         width="150"
+         id="rect10" />
+      <rect
+         transform="matrix(-0.71587256,-0.69823097,-0.69823097,0.71587256,0,0)"
+         style="fill:#ffffff;stroke-width:0.36410955"
+         y="56.601276"
+         x="-151.04047"
+         height="30.000002"
+         width="150"
+         id="rect10-7" />
+    </g>
+  </g>
+</svg>

themes/dark/chatForm/searchHideButton.svg

@@ -0,0 +1,79 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="26"
+   height="26"
+   viewBox="0 0 26 26"
+   version="1.1"
+   id="svg8"
+   sodipodi:docname="searchHideButton.svg"
+   inkscape:version="0.92.2 2405546, 2018-03-11">
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1920"
+     inkscape:window-height="1015"
+     id="namedview9"
+     showgrid="false"
+     inkscape:zoom="9.0769231"
+     inkscape:cx="13"
+     inkscape:cy="13"
+     inkscape:window-x="0"
+     inkscape:window-y="36"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1" />
+  <defs
+     id="defs2" />
+  <metadata
+     id="metadata5">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(59.891963,-41.449704)">
+    <g
+       id="g30"
+       transform="matrix(1.9999999,1.9999999,-1.9999999,1.9999999,114.96993,45.355829)"
+       style="fill:#ffffff">
+      <rect
+         y="41.988605"
+         x="-43.942345"
+         height="1.5"
+         width="11.5"
+         id="rect11"
+         style="fill:#ffffff;stroke-width:0.26458332" />
+      <rect
+         transform="rotate(-90)"
+         y="-38.942345"
+         x="-48.488605"
+         height="1.5"
+         width="11.500001"
+         id="rect11-3"
+         style="fill:#ffffff;stroke-width:0.26458332" />
+    </g>
+  </g>
+</svg>

themes/dark/chatForm/searchSettingsButton.svg

@@ -0,0 +1,53 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="22.608538"
+   height="22.608543"
+   viewBox="0 0 22.608539 22.608543"
+   enable-background="new 0 0 15.615 15.616"
+   xml:space="preserve"
+   sodipodi:docname="searchSettingsButton.svg"
+   inkscape:version="0.92.2 2405546, 2018-03-11"
+   version="1.1"
+   id="svg6"><metadata
+   id="metadata9"><rdf:RDF><cc:Work
+       rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+         rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title></dc:title></cc:Work></rdf:RDF></metadata><defs
+   id="defs7" /><sodipodi:namedview
+   pagecolor="#ffffff"
+   bordercolor="#666666"
+   borderopacity="1"
+   objecttolerance="10"
+   gridtolerance="10"
+   guidetolerance="10"
+   inkscape:pageopacity="0"
+   inkscape:pageshadow="2"
+   inkscape:window-width="1169"
+   inkscape:window-height="745"
+   id="namedview5"
+   showgrid="false"
+   fit-margin-top="0"
+   fit-margin-left="0"
+   fit-margin-right="0"
+   fit-margin-bottom="0"
+   inkscape:zoom="15.112705"
+   inkscape:cx="7.8074999"
+   inkscape:cy="16.211526"
+   inkscape:window-x="0"
+   inkscape:window-y="36"
+   inkscape:window-maximized="0"
+   inkscape:current-layer="svg6" />
+<path
+   d="m 22.608538,10.183688 c 0,-0.2852152 -0.236003,-0.5183051 -0.518335,-0.5183051 h -0.955599 c -0.288127,0 -0.589284,-0.2229595 -0.668919,-0.4994838 L 19.168392,6.1371404 C 19.030843,5.889577 19.075722,5.5218341 19.27698,5.3162508 l 0.645756,-0.6442642 c 0.202706,-0.2026848 0.202706,-0.5313344 0,-0.7340239 L 18.369167,2.3830454 c -0.20125,-0.2026859 -0.531372,-0.2026859 -0.738417,0 L 16.931428,3.0837706 C 16.725832,3.2893579 16.353724,3.3443717 16.100349,3.2140707 L 13.46522,2.1571936 C 13.190124,2.0804606 12.96136,1.782216 12.96136,1.4941079 V 0.5168576 C 12.96136,0.2345406 12.728252,0 12.445917,0 H 10.24515 C 9.9599197,0 9.7253655,0.234541 9.7253655,0.5168576 v 0.9772503 c 0,0.2881081 -0.2258667,0.5877995 -0.4980661,0.6732181 L 6.1722829,3.4746724 C 5.9261437,3.61801 5.5612809,3.5702314 5.3571307,3.3704474 l -0.68774,-0.6862637 c -0.1998076,-0.2012533 -0.5313693,-0.2012533 -0.7326241,0 L 2.3817512,4.2405479 c -0.2041499,0.2026848 -0.2041499,0.5313342 0,0.7340239 L 3.1274059,5.7259702 C 3.334452,5.928655 3.3894712,6.299293 3.2562666,6.5512046 L 2.2166937,9.1644505 C 2.1399568,9.4409884 1.8416947,9.6653821 1.5535678,9.6653821 H 0.5168907 C 0.23165972,9.6653796 0,9.8984739 0,10.183688 v 2.199178 c 0,0.286676 0.23165972,0.521202 0.5168907,0.521202 h 1.0366771 c 0.2881267,0 0.5892847,0.222956 0.6718131,0.498035 l 1.2770241,3.005592 c 0.1462352,0.247564 0.094112,0.615306 -0.1042469,0.816548 l -0.7152493,0.713756 c -0.2012548,0.202687 -0.2012548,0.531334 0,0.734023 l 1.5579114,1.554919 c 0.2026997,0.202688 0.5328173,0.202688 0.7311763,0 l 0.7644767,-0.760086 c 0.2041494,-0.202688 0.5704624,-0.256266 0.8252873,-0.120157 l 2.6655348,1.062673 c 0.2722005,0.07961 0.4980661,0.379319 0.4980661,0.663083 v 1.016336 c 0,0.286639 0.2345578,0.519753 0.5197836,0.519753 h 2.200768 c 0.282338,0 0.515445,-0.233097 0.515445,-0.519753 v -1.016343 c 0,-0.283773 0.225867,-0.583454 0.50386,-0.667427 l 2.981172,-1.265359 c 0.249035,-0.140437 0.611003,-0.09123 0.816601,0.108604 l 0.673261,0.677563 c 0.201254,0.20125 0.532818,0.20125 0.734071,0 l 1.557911,-1.557812 c 0.20125,-0.20125 0.20125,-0.532783 0,-0.732578 l -0.719592,-0.71667 c -0.19836,-0.202686 -0.254825,-0.573319 -0.118728,-0.825236 l 1.080113,-2.688527 c 0.0753,-0.275072 0.376445,-0.499484 0.664574,-0.502381 h 0.955595 c 0.282339,0 0.518336,-0.233089 0.518336,-0.518305 z m -11.303545,4.815317 c -2.0429492,0 -3.694972,-1.654813 -3.694972,-3.696183 0,-2.0413696 1.6520228,-3.694736 3.694972,-3.694736 2.040053,0 3.697868,1.6533664 3.697868,3.694736 0,2.04137 -1.657815,3.696183 -3.697868,3.696183 z"
+   id="path2"
+   inkscape:connector-curvature="0"
+   style="fill:#ffffff;stroke-width:1.44782674" />
+</svg>

themes/dark/chatForm/searchUpButton.svg

@@ -0,0 +1,80 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="26.525974"
+   height="15.58874"
+   viewBox="0 0 26.525974 15.58874"
+   version="1.1"
+   id="svg8"
+   sodipodi:docname="searchUpButton.svg"
+   inkscape:version="0.92.2 2405546, 2018-03-11">
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1920"
+     inkscape:window-height="1015"
+     id="namedview9"
+     showgrid="false"
+     inkscape:zoom="12.817625"
+     inkscape:cx="0.81918401"
+     inkscape:cy="7.79437"
+     inkscape:window-x="0"
+     inkscape:window-y="36"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1" />
+  <defs
+     id="defs2" />
+  <metadata
+     id="metadata5">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(59.722851,-41.245778)">
+    <g
+       id="g11"
+       style="fill:#ffffff"
+       transform="matrix(0.12336383,0,0,-0.12336383,-52.355211,61.903867)">
+      <rect
+         transform="rotate(-44.285246)"
+         style="fill:#ffffff;stroke-width:0.36410955"
+         y="123.15389"
+         x="-82.806313"
+         height="30"
+         width="150"
+         id="rect10" />
+      <rect
+         transform="matrix(-0.71587256,-0.69823097,-0.69823097,0.71587256,0,0)"
+         style="fill:#ffffff;stroke-width:0.36410955"
+         y="56.601276"
+         x="-151.04047"
+         height="30.000002"
+         width="150"
+         id="rect10-7" />
+    </g>
+  </g>
+</svg>

themes/dark/chatForm/sendButton.svg

@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   version="1.1"
+   width="27"
+   height="32"
+   viewBox="0 0 26.999999 31.999999"
+   id="Layer_1"
+   xml:space="preserve"><metadata
+     id="metadata9"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title></dc:title></cc:Work></rdf:RDF></metadata><defs
+     id="defs7" /><path
+     d="M 5.0774179,2.9032355 C 2.9746346,4.3950939 1.3168041,6.548619 0.57798838,9.0267615 -0.36459081,12.040868 -0.16637195,15.423795 1.2627444,18.256944 c 1.4623839,2.960234 4.1778437,5.214598 7.2744936,6.326585 2.585162,0.998716 5.460029,1.140995 8.151924,0.504193 -0.321586,2.479524 -1.397235,4.780853 -2.664173,6.912277 3.971308,-2.573456 7.23984,-6.100043 9.904013,-9.983019 1.96001,-2.927081 3.262987,-6.41361 3.099422,-9.971968 C 26.884265,8.9176349 25.349801,5.9408249 23.075136,3.812164 20.611955,1.5122157 17.268571,0.20269558 13.900236,0.11428916 10.752299,-0.00174427 7.6029757,1.0411752 5.0774179,2.9032355 z"
+     id="path3"
+     style="fill:#ffffff" /></svg>

themes/dark/chatForm/videoButton.svg

@@ -0,0 +1,27 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   version="1.1"
+   width="25"
+   height="15"
+   viewBox="0 0 25 15"
+   id="Layer_1"
+   xml:space="preserve"><metadata
+     id="metadata13"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title></dc:title></cc:Work></rdf:RDF></metadata><defs
+     id="defs11" /><g
+     transform="matrix(1.1065089,0,0,1.0395229,0,0.03502821)"
+     id="g3"><path
+       d="m 8.845,2 c 0,-1.1 0.9,-2 2,-2 h 9.78 c 1.1,0 2,0.9 2,2 v 10.396 c 0,1.1 -0.9,2 -2,2 h -9.78 c -1.1,0 -2,-0.9 -2,-2 V 2 z"
+       id="path5"
+       style="fill:#ffffff" /><polygon
+       points="0,12.916 7.509,8.581 7.509,5.814 0,1.48 "
+       id="polygon7"
+       style="fill:#ffffff" /></g></svg>

themes/dark/chatForm/videoButtonRed.svg

@@ -0,0 +1,29 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   width="25"
+   height="15"
+   viewBox="0 0 25 15"
+   xml:space="preserve"><metadata
+     id="metadata13"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title></dc:title></cc:Work></rdf:RDF></metadata><defs
+     id="defs11" /><g
+     transform="matrix(1.1065089,0,0,1.0395229,0,0.03502821)"
+     id="g3"
+     style="fill:#df3b3b;fill-opacity:1"><path
+       d="m 8.845,2 c 0,-1.1 0.9,-2 2,-2 h 9.78 c 1.1,0 2,0.9 2,2 v 10.396 c 0,1.1 -0.9,2 -2,2 h -9.78 c -1.1,0 -2,-0.9 -2,-2 V 2 z"
+       id="path5"
+       style="fill:#df3b3b;fill-opacity:1" /><polygon
+       points="0,12.916 7.509,8.581 7.509,5.814 0,1.48 "
+       id="polygon7"
+       style="fill:#df3b3b;fill-opacity:1" /></g></svg>

themes/dark/chatForm/videoPreview.svg

@@ -0,0 +1,42 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 18.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   viewBox="0 0 21 21"
+   enable-background="new 0 0 40 40"
+   xml:space="preserve"
+   width="21"
+   height="21"
+   ><metadata
+     id="metadata13"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title /></cc:Work></rdf:RDF></metadata><defs
+     id="defs11" /><g
+     id="g4494"
+     style="stroke:#ffffff"
+     transform="matrix(0.87011066,0,0,0.87011066,-0.41325191,-0.45274106)"><g
+       transform="matrix(0.51354912,0,0,0.51354912,2.2393718,3.5951719)"
+       style="fill:none;fill-opacity:1;stroke:#ffffff;stroke-width:1.9744947;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0.98818898"
+       id="g6"><path
+         inkscape:connector-curvature="0"
+         style="fill:none;fill-opacity:1;stroke:#ffffff;stroke-width:1.9744947;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0.98818898"
+         id="path2"
+         d="M 25.8,24.5 C 42,30.3 36.8,40 36.8,40 H 2.6 c 0,0 -2.7,-10.9 11.9,-15.5 0,0 5.8,4.9 11.3,0 z" /><path
+         inkscape:connector-curvature="0"
+         style="fill:none;fill-opacity:1;stroke:#ffffff;stroke-width:1.9744947;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0.98818898"
+         id="path4"
+         d="m 10.3,10.1 c 0,0 0.9,13.5 9.6,13.5 8.7,0 9.7,-12.6 9.7,-12.6 0,0 0.4,-11 -9.7,-11 -10,0 -9.6,10.1 -9.6,10.1 z" /></g><rect
+       y="0.92332584"
+       x="0.87794179"
+       height="23.328861"
+       width="23.328861"
+       id="rect4492"
+       style="opacity:1;fill:none;fill-opacity:0;stroke:#ffffff;stroke-width:0.80599999;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0.98818898" /></g></svg>

themes/dark/chatForm/videoPreviewRed.svg

@@ -0,0 +1,41 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 18.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   viewBox="0 0 21 21"
+   enable-background="new 0 0 40 40"
+   xml:space="preserve"
+   width="21"
+   height="21"
+   ><metadata
+     id="metadata13"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title /></cc:Work></rdf:RDF></metadata><defs
+     id="defs11" /><g
+     id="g4494"
+     transform="matrix(0.87011066,0,0,0.87011066,-0.41325191,-0.45274106)"><g
+       transform="matrix(0.51354912,0,0,0.51354912,2.2393718,3.5959177)"
+       style="fill:none;fill-opacity:1;stroke:#df3b3b;stroke-width:1.9744947;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="g6"><path
+         inkscape:connector-curvature="0"
+         style="fill:none;fill-opacity:1;stroke:#df3b3b;stroke-width:1.9744947;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="path2"
+         d="M 25.8,24.5 C 42,30.3 36.8,40 36.8,40 H 2.6 c 0,0 -2.7,-10.9 11.9,-15.5 0,0 5.8,4.9 11.3,0 z" /><path
+         inkscape:connector-curvature="0"
+         style="fill:none;fill-opacity:1;stroke:#df3b3b;stroke-width:1.9744947;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="path4"
+         d="m 10.3,10.1 c 0,0 0.9,13.5 9.6,13.5 8.7,0 9.7,-12.6 9.7,-12.6 0,0 0.4,-11 -9.7,-11 -10,0 -9.6,10.1 -9.6,10.1 z" /></g><rect
+       y="0.92332584"
+       x="0.87794179"
+       height="23.328861"
+       width="23.328861"
+       id="rect4492"
+       style="opacity:1;fill:none;fill-opacity:0;stroke:#df3b3b;stroke-width:0.80599999;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" /></g></svg>

themes/dark/chatForm/volButton.svg

@@ -0,0 +1,52 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   viewBox="0 0 20.625 20.625"
+   height="22"
+   width="22"
+   version="1.1"
+   id="svg5872">
+  <metadata
+     id="metadata5878">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs5876" />
+  <g
+     transform="matrix(1.1540409,0,0,1.1540409,-0.84812976,0.4794057)"
+     id="g3465">
+    <rect
+       style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1.89999998;stroke-linecap:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+       id="rect6422"
+       width="5.2330775"
+       height="5.5364447"
+       x="1.8454813"
+       y="5.6757092"
+       ry="1.4363106"
+       rx="1.281631" />
+    <path
+       style="fill:none;fill-rule:evenodd;stroke:#ffffff;stroke-width:1px;stroke-linecap:round;stroke-linejoin:bevel;stroke-opacity:1"
+       d="m 13.014741,4.9931342 c 0,0 2.696002,3.0409607 0,7.7105728"
+       id="path6434" />
+    <path
+       style="fill:none;fill-rule:evenodd;stroke:#ffffff;stroke-width:1px;stroke-linecap:round;stroke-linejoin:miter;stroke-opacity:1"
+       d="m 15.269462,2.9706889 c 0,0 4.044848,4.3654114 0,10.8453631"
+       id="path6438" />
+    <path
+       id="path4750"
+       d="M 6.337401,6.1307596 10.26,2.246 V 14.832 L 6.2425989,10.447416 Z"
+       style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#ffffff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+  </g>
+</svg>

themes/dark/chatForm/volButtonRed.svg

@@ -0,0 +1,61 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   viewBox="0 0 20.625 20.625"
+   height="22"
+   width="22"
+   version="1.1">
+  <metadata
+     id="metadata5878">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs5876" />
+  <g
+     id="g4509">
+    <rect
+       style="fill:#df3b3b;fill-opacity:1;stroke:#df3b3b;stroke-width:0.65625;stroke-linecap:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+       id="rect6422"
+       width="6.0391855"
+       height="6.3892837"
+       x="1.2816311"
+       y="7.0294061"
+       ry="1.6575612"
+       rx="1.4790546" />
+    <path
+       id="path4750"
+       d="M 6.4654902,7.554553 10.99233,3.0713816 V 17.59614 L 6.3560847,12.536151 Z"
+       style="fill:#df3b3b;fill-opacity:1;fill-rule:evenodd;stroke:#df3b3b;stroke-width:0.65625;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       inkscape:connector-curvature="0" />
+    <rect
+       transform="rotate(46.412557)"
+       y="-9.3177042"
+       x="17.554688"
+       height="8.7275753"
+       width="1.2551807"
+       id="rect4487-3"
+       style="opacity:1;fill:#df3b3b;fill-opacity:1;stroke:#df3b3b;stroke-width:0.41779324;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <rect
+       transform="rotate(133.86159)"
+       y="-22.748537"
+       x="-4.7673388"
+       height="8.7275753"
+       width="1.2551807"
+       id="rect4487-3-3"
+       style="opacity:1;fill:#df3b3b;fill-opacity:1;stroke:#df3b3b;stroke-width:0.41779324;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+  </g>
+</svg>

themes/dark/contentDialog/contentDialog.css

@@ -0,0 +1,21 @@
+QSplitter
+{
+    color: @groundExtra;
+    background-color: @groundExtra;
+    alternate-background-color: @groundExtra;
+    border-color: @groundExtra;
+    gridline-color: @groundExtra;
+    selection-color: @groundExtra;
+    selection-background-color: @groundExtra;
+}
+
+QSplitter:handle
+{
+    color: @groundExtra;
+    background-color: @groundExtra;
+}
+
+QWidget
+{
+    background: @groundBase;
+}

themes/dark/emoteButton/emoteButton.css

@@ -0,0 +1,26 @@
+QPushButton
+{
+    background-color: #6bc260;
+    background-image: url("@getImagePath(emoteButton/emoteButton.svg)");
+    background-repeat: none;
+    background-position: center;
+    border-top-right-radius: 5px;
+    border: none;
+    width: 24px;
+    height: 24px;
+}
+
+QPushButton:hover
+{
+    background-color: #79c76f;
+}
+
+QPushButton:pressed
+{
+    background-color: #51b244;
+}
+
+QPushButton:focus
+{
+    outline: none;
+}

themes/dark/emoteButton/emoteButton.svg

@@ -0,0 +1,28 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   version="1.1"
+   width="17"
+   height="17"
+   viewBox="0 0 17 17"
+   id="Layer_1"
+   xml:space="preserve"><metadata
+     id="metadata15"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title></dc:title></cc:Work></rdf:RDF></metadata><defs
+     id="defs13" /><g
+     transform="matrix(1.6827488,0,0,1.654661,0,0.02245763)"
+     id="g3"><path
+       d="M 3.4,1.5 C 3.4,2.3 2.7,3 1.9,3 1.1,3 0.4,2.3 0.4,1.5 0.4,0.7 1.1,0 1.9,0 2.7,0 3.4,0.7 3.4,1.5 z m 6,0 C 9.4,2.3 8.7,3 7.9,3 7.1,3 6.4,2.3 6.4,1.5 6.4,0.7 7.1,0 7.9,0 8.7,0 9.4,0.7 9.4,1.5 z"
+       id="path5"
+       style="fill:#ffffff" /><g
+       id="g7"><path
+         d="M 0.7,6.6 C 0.7,6.6 0.8,6.7 1,6.9 1.2,7.1 1.5,7.4 1.8,7.7 2.2,8 2.7,8.2 3.2,8.4 3.5,8.5 3.8,8.5 4.1,8.6 4.3,8.7 4.7,8.7 5,8.7 5.4,8.7 5.7,8.7 6,8.6 6.3,8.6 6.6,8.5 6.9,8.4 7.4,8.2 7.9,8 8.3,7.7 9.1,7.1 9.4,6.5 9.4,6.6 l 0.7,0.2 c 0,0 0,0.2 -0.2,0.5 C 9.6,7.7 9.4,8.2 9,8.6 8.8,8.9 8.5,9.1 8.3,9.3 8,9.5 7.6,9.7 7.3,9.8 6.9,9.9 6.6,10.1 6.2,10.1 5.8,10.2 5.4,10.2 5.1,10.2 4.6,10.2 4.3,10.2 3.9,10.1 3.4,10.1 3,10 2.7,9.8 2.3,9.7 2,9.5 1.7,9.3 1.4,9.1 1.2,8.9 1,8.6 0.2,7.7 0,6.9 0,6.9 L 0.7,6.6 z"
+         id="path9"
+         style="fill:#ffffff" /></g></g></svg>

themes/dark/emoticonWidget/dot_page.svg

@@ -0,0 +1,40 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   version="1.1"
+   width="10"
+   height="10"
+   id="svg2">
+  <defs
+     id="defs4" />
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     transform="translate(0,-1042.3622)"
+     id="layer1">
+    <rect
+       width="9.9910402"
+       height="9.9910402"
+       ry="4.9955201"
+       x="0.015783412"
+       y="1042.3553"
+       id="rect2985"
+       style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none" />
+  </g>
+</svg>

themes/dark/emoticonWidget/dot_page_current.svg

@@ -0,0 +1,40 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   version="1.1"
+   width="10"
+   height="10"
+   id="svg2">
+  <defs
+     id="defs4" />
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     transform="translate(0,-1042.3622)"
+     id="layer1">
+    <rect
+       width="9.9910402"
+       height="9.9910402"
+       ry="4.9955201"
+       x="0.015783412"
+       y="1042.3553"
+       id="rect2985"
+       style="fill:#93d38b;fill-opacity:1;fill-rule:nonzero;stroke:none" />
+  </g>
+</svg>

themes/dark/emoticonWidget/dot_page_hover.svg

@@ -0,0 +1,40 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   version="1.1"
+   width="10"
+   height="10"
+   id="svg2">
+  <defs
+     id="defs4" />
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     transform="translate(0,-1042.3622)"
+     id="layer1">
+    <rect
+       width="9.9910402"
+       height="9.9910402"
+       ry="4.9955201"
+       x="0.015783412"
+       y="1042.3553"
+       id="rect2985"
+       style="fill:#d8d8d8;fill-opacity:1;fill-rule:nonzero;stroke:none" />
+  </g>
+</svg>

themes/dark/emoticonWidget/emoticonWidget.css

@@ -0,0 +1,40 @@
+QPushButton
+{
+    background-color: transparent;
+    background-repeat: none;
+    border: none;
+    width: 24px;
+    height: 24px;
+}
+
+QRadioButton::indicator
+{
+     width: 10px;
+     height: 10px;
+}
+
+QRadioButton::indicator:unchecked
+{
+     image: url(@getImagePath(emoticonWidget/dot_page.svg));
+}
+
+QRadioButton::indicator:unchecked:hover
+{
+     image: url(@getImagePath(emoticonWidget/dot_page_hover.svg));
+}
+
+QRadioButton::indicator:unchecked:pressed
+{
+     image: url(@getImagePath(emoticonWidget/dot_page_hover.svg));
+}
+
+QRadioButton::indicator:checked
+{
+     image: url(@getImagePath(emoticonWidget/dot_page_current.svg));
+}
+
+QMenu
+{
+     background-color: #363434; /* sets background of the menu */
+     border: 0px solid;
+}

themes/dark/fileButton/fileButton.css

@@ -0,0 +1,30 @@
+QPushButton
+{
+    background-color: #6bc260;
+    background-image: url("@getImagePath(fileButton/fileButton.svg)");
+    background-repeat: none;
+    background-position: center;
+    border-bottom-right-radius: 5px;
+    border: none;
+    width: 24px;
+    height: 24px;
+}
+
+QAbstractButton:hover
+{
+    background-color: #79c76f;
+}
+
+QPushButton:pressed
+{
+    background-color: #51b244;
+}
+
+QPushButton[enabled="false"]
+{
+    background-color: #919191;
+}
+
+QPushButton:focus {
+    outline: none;
+}

themes/dark/fileButton/fileButton.svg

@@ -0,0 +1,27 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   version="1.1"
+   width="16"
+   height="16"
+   viewBox="0 0 16 16"
+   id="Layer_1"
+   xml:space="preserve"><metadata
+     id="metadata13"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title></dc:title></cc:Work></rdf:RDF></metadata><defs
+     id="defs11" /><g
+     transform="matrix(1.1649174,0,0,1.1610052,0,0.08477933)"
+     id="g3"><path
+       d="M 13.629,2.874 C 13.567,2.619 13.48,2.38 13.373,2.158 13.185,1.77 12.935,1.439 12.655,1.166 12.445,0.96 12.217,0.784 11.983,0.639 11.63,0.418 11.263,0.262 10.905,0.158 10.726,0.105 10.55,0.067 10.377,0.04 10.204,0.014 10.036,0 9.872,0 9.446,0 9.068,0.061 8.744,0.156 8.501,0.228 8.29,0.317 8.107,0.413 7.835,0.558 7.632,0.713 7.49,0.84 7.396,0.926 7.33,0.996 7.291,1.043 L 1.279,6.974 1.278,6.977 C 1.12,7.134 0.962,7.315 0.812,7.523 0.587,7.834 0.383,8.206 0.235,8.636 0.089,9.066 0,9.556 0,10.099 c 0.001,0.216 0.028,0.432 0.079,0.645 0.088,0.371 0.246,0.734 0.461,1.075 0.161,0.256 0.354,0.5 0.578,0.724 0.336,0.336 0.743,0.626 1.211,0.834 0.233,0.104 0.482,0.187 0.743,0.244 0.262,0.057 0.536,0.088 0.82,0.088 0.27,0 0.529,-0.042 0.774,-0.108 0.214,-0.06 0.418,-0.138 0.609,-0.229 0.338,-0.16 0.642,-0.357 0.914,-0.562 0.406,-0.306 0.738,-0.629 0.976,-0.878 0.235,-0.25 0.374,-0.426 0.384,-0.439 l -1.109,-0.871 0,0 0.51,0.399 -0.51,-0.4 0.453,0.356 -0.452,-0.356 H 6.44 l 0,0 v 10e-4 l 0,0 C 6.438,10.626 6.347,10.738 6.194,10.904 6.078,11.03 5.925,11.185 5.747,11.345 5.614,11.466 5.467,11.59 5.31,11.703 5.077,11.878 4.825,12.031 4.58,12.136 4.457,12.19 4.337,12.23 4.221,12.257 c -0.115,0.027 -0.225,0.04 -0.328,0.04 -0.185,0 -0.36,-0.021 -0.527,-0.058 C 3.073,12.176 2.805,12.057 2.563,11.903 2.382,11.788 2.217,11.65 2.073,11.5 1.856,11.273 1.686,11.019 1.574,10.77 1.518,10.645 1.476,10.524 1.45,10.41 1.424,10.296 1.41,10.19 1.41,10.099 1.41,9.839 1.438,9.606 1.485,9.394 1.557,9.077 1.671,8.806 1.81,8.571 1.948,8.337 2.112,8.138 2.276,7.974 L 8.341,1.988 8.364,1.958 C 8.373,1.948 8.406,1.91 8.468,1.858 8.564,1.778 8.72,1.667 8.948,1.576 9.063,1.53 9.195,1.489 9.348,1.459 9.501,1.429 9.674,1.411 9.872,1.411 c 0.1,0 0.219,0.01 0.348,0.032 0.226,0.038 0.48,0.116 0.727,0.232 0.186,0.089 0.366,0.198 0.53,0.329 0.124,0.097 0.238,0.207 0.34,0.327 0.152,0.182 0.277,0.388 0.366,0.629 0.09,0.241 0.143,0.518 0.144,0.848 0,0.151 -0.02,0.297 -0.053,0.436 -0.053,0.21 -0.139,0.407 -0.248,0.59 C 11.917,5.017 11.785,5.182 11.65,5.32 L 11.649,5.322 8.609,8.496 C 8.604,8.5 8.586,8.519 8.553,8.542 8.501,8.579 8.418,8.63 8.306,8.671 8.194,8.712 8.052,8.744 7.869,8.744 7.818,8.744 7.771,8.738 7.728,8.728 7.653,8.711 7.588,8.681 7.526,8.638 7.48,8.608 7.437,8.567 7.396,8.52 7.336,8.449 7.284,8.359 7.248,8.257 7.213,8.155 7.192,8.043 7.192,7.926 7.192,7.815 7.213,7.71 7.247,7.612 7.271,7.537 7.305,7.467 7.341,7.405 7.396,7.31 7.455,7.231 7.498,7.183 7.52,7.156 7.537,7.14 7.546,7.13 7.55,7.127 7.553,7.125 7.554,7.123 L 7.562,7.115 9.917,4.789 8.925,3.786 6.593,6.09 C 6.568,6.114 6.521,6.16 6.463,6.224 6.348,6.352 6.185,6.558 6.043,6.842 5.973,6.983 5.907,7.146 5.86,7.328 5.813,7.51 5.781,7.711 5.781,7.926 c 0.001,0.281 0.05,0.557 0.143,0.814 0.069,0.193 0.164,0.376 0.282,0.545 0.09,0.126 0.193,0.243 0.31,0.349 0.176,0.158 0.38,0.289 0.609,0.381 0.229,0.091 0.482,0.141 0.744,0.141 0.273,0 0.521,-0.04 0.735,-0.1 C 8.765,10.011 8.908,9.953 9.031,9.894 9.217,9.803 9.359,9.704 9.46,9.623 9.55,9.553 9.606,9.495 9.634,9.467 l 3.03,-3.166 c 0.268,-0.277 0.53,-0.623 0.732,-1.041 0.101,-0.209 0.186,-0.436 0.245,-0.679 0.061,-0.242 0.095,-0.503 0.095,-0.772 0,-0.33 -0.037,-0.642 -0.107,-0.935 z M 8.362,1.96 l 0,0 0,0 0,0 z"
+       id="path5"
+       style="fill:#ffffff" /><polygon
+       points="12.664,6.301 12.666,6.299 12.664,6.301 "
+       id="polygon7"
+       style="fill:#ffffff" /></g></svg>

themes/dark/fileTransferInstance/arrow_white.svg

@@ -0,0 +1,23 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   version="1.1"
+   width="12"
+   height="12"
+   viewBox="0 0 12 12"
+   id="Layer_1"
+   xml:space="preserve"><metadata
+     id="metadata9"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title></dc:title></cc:Work></rdf:RDF></metadata><defs
+     id="defs7" /><polygon
+     points="3.572,6.187 0,0 7.145,0 "
+     transform="matrix(0,-1.3815919,1.3815919,0,1.7260455,10.935737)"
+     id="polygon3"
+     style="fill:#ffffff" /></svg>

themes/dark/fileTransferInstance/browse.svg

@@ -0,0 +1,147 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   width="12"
+   height="12"
+   id="svg2"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="browse.svg">
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="2560"
+     inkscape:window-height="1377"
+     id="namedview22"
+     showgrid="false"
+     inkscape:zoom="27.812867"
+     inkscape:cx="7.3552517"
+     inkscape:cy="6.238286"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg2" />
+  <defs
+     id="defs4">
+    <marker
+       refX="0"
+       refY="0"
+       orient="auto"
+       id="TriangleOutS"
+       style="overflow:visible">
+      <path
+         d="m 5.77,0 -8.65,5 0,-10 8.65,5 z"
+         transform="scale(0.2,0.2)"
+         id="path3926"
+         style="fill-rule:evenodd;stroke:#000000;stroke-width:1pt" />
+    </marker>
+    <marker
+       refX="0"
+       refY="0"
+       orient="auto"
+       id="Arrow2Send"
+       style="overflow:visible">
+      <path
+         d="M 8.7185878,4.0337352 -2.2072895,0.01601326 8.7185884,-4.0017078 c -1.7454984,2.3720609 -1.7354408,5.6174519 -6e-7,8.035443 z"
+         transform="matrix(-0.3,0,0,-0.3,0.69,0)"
+         id="path3811"
+         style="fill-rule:evenodd;stroke-width:0.625;stroke-linejoin:round" />
+    </marker>
+    <marker
+       refX="0"
+       refY="0"
+       orient="auto"
+       id="TriangleInS"
+       style="overflow:visible">
+      <path
+         d="m 5.77,0 -8.65,5 0,-10 8.65,5 z"
+         transform="scale(-0.2,-0.2)"
+         id="path3917"
+         style="fill-rule:evenodd;stroke:#000000;stroke-width:1pt" />
+    </marker>
+    <marker
+       refX="0"
+       refY="0"
+       orient="auto"
+       id="DiamondSstart"
+       style="overflow:visible">
+      <path
+         d="M 0,-7.0710768 -7.0710894,0 0,7.0710589 7.0710462,0 0,-7.0710768 z"
+         transform="matrix(0.2,0,0,0.2,1.2,0)"
+         id="path3872"
+         style="fill-rule:evenodd;stroke:#000000;stroke-width:1pt" />
+    </marker>
+    <marker
+       refX="0"
+       refY="0"
+       orient="auto"
+       id="TriangleOutL"
+       style="overflow:visible">
+      <path
+         d="m 5.77,0 -8.65,5 0,-10 8.65,5 z"
+         transform="scale(0.8,0.8)"
+         id="path3920"
+         style="fill-rule:evenodd;stroke:#000000;stroke-width:1pt" />
+    </marker>
+  </defs>
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     transform="matrix(1.1423998,0,0,1.1423998,-0.85439881,-2392.0444)"
+     id="layer1">
+    <g
+       id="g6659"
+       style="fill:#999999">
+      <path
+         d="m 0.99206881,2098.1979 c -0.10310776,0 -0.18644079,0.07 -0.18644079,0.1559 l 0,5.9208 c 0,0.087 0.0833323,0.1566 0.18644079,0.1566 l 10.01586219,0 c 0.103108,0 0.186441,-0.07 0.186441,-0.1566 l 0,-5.9208 c 0,-0.087 -0.08334,-0.1559 -0.186441,-0.1559 l -1.8913078,0 0,4.4022 c 0,0.087 -0.083329,0.1567 -0.1864405,0.1567 l -5.8603649,0 c -0.1031078,0 -0.1864408,-0.07 -0.1864408,-0.1567 l 0,-4.4022 -1.8913082,0 z"
+         id="rect2985"
+         style="fill:#ffffff;fill-opacity:1;stroke:none"
+         inkscape:connector-curvature="0" />
+      <path
+         d="m 250,902.36218 a 80,80 0 1 1 -160,0 80,80 0 1 1 160,0 z"
+         transform="matrix(0.02146655,0,0,0.02146655,2.3506865,2081.0532)"
+         id="path2990"
+         style="fill:#ffffff;fill-opacity:1;stroke:none"
+         inkscape:connector-curvature="0" />
+      <g
+         transform="matrix(1.7576144,0,0,1,-4.6547815,0)"
+         id="g6651"
+         style="fill:#ffffff;fill-opacity:1;stroke:none">
+        <path
+           d="m 5.5625,2094.9688 0,3.1874 1,0 0,-3.1874 -1,0 z"
+           id="path4954"
+           style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:Sans;-inkscape-font-specification:Sans;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;baseline-shift:baseline;text-anchor:start;display:inline;overflow:visible;visibility:visible;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1;marker:none;enable-background:accumulate"
+           inkscape:connector-curvature="0" />
+        <path
+           d="m 6.06207,2093.8266 1,1.73 -2,0 1,-1.73 z"
+           id="path6657"
+           style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:none"
+           inkscape:connector-curvature="0" />
+      </g>
+    </g>
+  </g>
+</svg>

themes/dark/fileTransferInstance/dir.svg

@@ -0,0 +1,63 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   width="12"
+   height="12"
+   id="svg2"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="dir.svg">
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="2560"
+     inkscape:window-height="1377"
+     id="namedview22"
+     showgrid="false"
+     inkscape:zoom="27.812867"
+     inkscape:cx="7.3552517"
+     inkscape:cy="6.238286"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg2" />
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     transform="matrix(1.1423998,0,0,1.1423998,-0.85439881,-2392.0444)"
+     id="layer1">
+    <g
+       id="g6659"
+       style="fill:#999999">
+      <path
+         d="m 0.99206881,2098.1979 c -0.10310776,0 -0.18644079,0.07 -0.18644079,0.1559 l 0,5.9208 c 0,0.087 0.0833323,0.1566 0.18644079,0.1566 l 10.01586219,0 c 0.103108,0 0.186441,-0.07 0.186441,-0.1566 l 0,-5.9208 c 0,-0.087 -0.08334,-0.1559 -0.186441,-0.1559 l -1.8913078,0 0,4.4022 c 0,0.087 -0.083329,0.1567 -0.1864405,0.1567 l -5.8603649,0 c -0.1031078,0 -0.1864408,-0.07 -0.1864408,-0.1567 l 0,-4.4022 -1.8913082,0 z"
+         id="rect2985"
+         style="fill:#ffffff;fill-opacity:1;stroke:none"
+         inkscape:connector-curvature="0" />
+    </g>
+  </g>
+</svg>

themes/dark/fileTransferInstance/filetransferWidget.css

@@ -0,0 +1,27 @@
+[fontColor="white"] QLabel {
+        color: white;
+        font: @big;
+}
+
+[fontColor="black"] QLabel {
+        color: @statusActive;
+        font: @big;
+}
+
+QPushButton {
+        margin: 0;
+        border: none;
+}
+
+
+
+QProgressBar {
+        border: 2px solid @statusActive;
+	border-radius: 0px;
+        background-color: @statusActive;
+}
+
+QProgressBar::chunk {
+        background-color: @groundExtra;
+	width: 1px;
+}

themes/dark/fileTransferInstance/no.svg

@@ -0,0 +1,46 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   width="12"
+   height="12"
+   viewBox="0 0 11.999999 12"
+   id="Layer_1"
+   xml:space="preserve"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="no.svg"><sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="2560"
+     inkscape:window-height="1377"
+     id="namedview6"
+     showgrid="false"
+     inkscape:zoom="27.812867"
+     inkscape:cx="7.1318585"
+     inkscape:cy="6.2233931"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="Layer_1" /><metadata
+     id="metadata9"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title /></cc:Work></rdf:RDF></metadata><defs
+     id="defs7" /><polygon
+     points="1.693,0.001 0,1.693 3.35,5.043 0,8.394 1.693,10.086 5.043,6.736 8.395,10.087 10.086,8.394 6.734,5.043 10.086,1.692 8.395,0 5.043,3.351 "
+     transform="matrix(1.1123133,0,0,1.1054869,0.39060355,0.42447682)"
+     id="polygon3"
+     style="fill:#ffffff" /></svg>

themes/dark/fileTransferInstance/pause.svg

@@ -0,0 +1,56 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   width="12"
+   height="12"
+   viewBox="0 0 12.000001 12"
+   id="Layer_1"
+   xml:space="preserve"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="pause.svg"><sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="2560"
+     inkscape:window-height="1377"
+     id="namedview8"
+     showgrid="false"
+     inkscape:zoom="39.333333"
+     inkscape:cx="0.67502197"
+     inkscape:cy="4.3268875"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="Layer_1" /><metadata
+     id="metadata13"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title /></cc:Work></rdf:RDF></metadata><defs
+     id="defs11" /><g
+     transform="matrix(0.91525423,0,0,0.91525423,2.1550175,0.69830581)"
+     id="g3"><rect
+       width="2.1851854"
+       height="10.925926"
+       x="-0.16937082"
+       y="0.32962826"
+       id="rect5"
+       style="fill:#ffffff" /><rect
+       width="2.1851854"
+       height="10.925926"
+       x="6.3861852"
+       y="0.32962897"
+       id="rect7"
+       style="fill:#ffffff" /></g></svg>

themes/dark/fileTransferInstance/yes.svg

@@ -0,0 +1,46 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   width="12"
+   height="12"
+   viewBox="0 0 11.999999 12"
+   id="Layer_1"
+   xml:space="preserve"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="yes.svg"><sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="2560"
+     inkscape:window-height="1377"
+     id="namedview6"
+     showgrid="false"
+     inkscape:zoom="39.333333"
+     inkscape:cx="-10.242096"
+     inkscape:cy="5.4642197"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="Layer_1" /><metadata
+     id="metadata9"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title /></cc:Work></rdf:RDF></metadata><defs
+     id="defs7" /><path
+     d="M 11.17966,1.8934443 4.1597484,9.1919256 0.79836133,5.8676812"
+     id="path2999"
+     style="fill:none;stroke:#ffffff;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+     inkscape:connector-curvature="0" /></svg>

themes/dark/fileTransferWidget/fileDone.svg

@@ -0,0 +1,30 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   version="1.1"
+   width="25"
+   height="28"
+   viewBox="0 0 25 27.999999"
+   id="Layer_1"
+   xml:space="preserve"><metadata
+     id="metadata9"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title></dc:title></cc:Work></rdf:RDF></metadata><defs
+     id="defs7" /><rect
+     width="24.985352"
+     height="27.983137"
+     ry="4.4019279"
+     x="-0.014393898"
+     y="0.027552454"
+     id="rect2983"
+     style="fill:#6bc260;fill-opacity:1;fill-rule:nonzero;stroke:none" /><polygon
+     points="4.24,10.029 4.241,10.029 5.902,8.369 12.608,1.662 10.946,0 4.24,6.707 1.661,4.127 0,5.789 "
+     transform="matrix(1.0235938,0,0,1,6.2711864,8.8184576)"
+     id="polygon3"
+     style="fill:#ffffff" /></svg>

themes/dark/fileTransferWidget/fileTransferWidget.css

@@ -0,0 +1,26 @@
+#default {
+	border-top-left-radius: 6px;
+	border-bottom-left-radius: 6px;
+	background-color: rgb(209,209,209);
+}
+
+#error {
+	border-radius: 6px;
+	background-color: rgb(200,78,78);
+}
+
+#success {
+	background-color: rgb(107,194,96);
+	border-radius: 6px;
+}
+
+QProgressBar {
+     background-color: transparent;
+     border: 1px solid rgb(150,150,150);
+     height: 11px;
+ }
+
+ QProgressBar::chunk {
+     background-color: rgb(150,150,150);
+     width: 2px;
+ }

themes/dark/friendList/friendList.css

@@ -0,0 +1,84 @@
+QScrollArea
+{
+    background: @themeMedium;
+}
+
+QScrollBar:vertical
+{
+    background: @themeMedium;
+    width: 16px;
+    padding: 0px 3px 0px 3px;
+}
+
+QScrollBar:handle:vertical
+{
+    background: @themeDark;
+    min-height: 20px;
+    border-radius: 5px;
+    margin: 3px 0px 3px 0px;
+}
+
+QScrollBar:handle:vertical:hover
+{
+    background: @themeMediumDark;
+}
+
+QScrollBar:handle:vertical:pressed
+{
+    background: @themeDark;
+}
+
+QScrollBar:add-line:vertical
+{
+    height: 0px;
+    subcontrol-position: bottom;
+    subcontrol-origin: margin;
+}
+
+QScrollBar:sub-line:vertical
+{
+    height: 0px;
+    subcontrol-position: top;
+    subcontrol-origin: margin;
+}
+
+QScrollBar:add-page:vertical, QScrollBar::sub-page:vertical
+{
+    background: none;
+}
+
+QWidget#circleWidgetContainer > QFrame#line
+{
+    color: white;
+}
+
+QWidget#circleWidgetContainer
+{
+    background-color: @themeMedium;
+}
+
+QWidget#circleWidgetContainer:hover
+{
+    background-color: @themeLight;
+}
+
+QWidget#circleWidgetContainer QLineEdit
+{
+    background-color: @themeLight;
+}
+
+QWidget#circleWidgetContainer > QLabel#status
+{
+    font: @small;
+    color: @mainText;
+}
+
+QWidget#circleWidgetContainer > QLabel#name
+{
+    font: @big;
+    color: #a3a3a3;
+}
+
+QLabel {
+    color: white;
+}

themes/dark/genericChatForm/genericChatForm.css

@@ -0,0 +1,4 @@
+QWidget
+{
+    background: @groundBase;
+}

themes/dark/loginScreen/loginScreen.css

@@ -0,0 +1,80 @@
+#LoginScreen
+{
+    background-color: #1c1c1c;
+}
+
+#line
+{
+     color: #757575;
+}
+
+#stackedWidget
+{
+    background-color: #100f0f;
+}
+
+#labelNewProfile,
+#labelLoadProfile
+{
+    border-style: solid;
+    border-width: 15px 0 15px 15px;
+    border-color: #100f0f #100f0f #100f0f #1c1c1c;
+}
+#labelNewProfile
+{
+    margin-top:125px;
+    margin-bottom:45px;
+}
+#labelLoadProfile
+{
+    margin-top:165px;
+    margin-bottom:5px;
+}
+
+LoginScreen > QPushButton,
+QStackedWidget QPushButton
+{
+    background: transparent;
+    border: none;
+    color: white;
+    font-size: 9pt;
+    font-weight: bold;
+}
+
+#loginButton,
+#importButton,
+#createAccountButton
+{
+    border-radius:5px;
+    padding:5px;
+    background-color: #529449;
+}
+
+#loginButton:hover,
+#importButton:hover,
+#createAccountButton:hover
+{
+    background: #589f4e;
+}
+
+QMessageBox, QLabel
+{
+    color: @mainText;
+    background: #100f0f;
+}
+
+QLabel#label_7
+{
+    background: #1c1c1c;
+}
+
+QCheckBox, QProgressBar, QComboBox, QLineEdit, QListView
+{
+    color: @mainText;
+    background: @groundBase;
+}
+
+QCheckBox:disabled
+{
+    color: gray;
+}

themes/dark/msgEdit/msgEdit.css

@@ -0,0 +1,33 @@
+QTextEdit
+{
+    border-color: @groundExtra;
+    border-style: solid;
+    border-width: 1px 0 1px 1px;
+    background: @groundBase;
+}
+
+QTextEdit:hover
+{
+    border-color: #d7d4d1;
+}
+
+QTextEdit:pressed
+{
+    border-color: #46465b;
+}
+
+QTextEdit#group
+{
+    /*border-radius: 0 6px 6px 0; would use to round corners in groupchat, but Qt's implementation seems to be bugged*/
+    border: 1px solid #c4c1bd;
+}
+
+QTextEdit#group:hover
+{
+    border-color: #d7d4d1;
+}
+
+QTextEdit#group:pressed
+{
+    border-color: #46465b;
+}

themes/dark/notificationEdge/notificationEdge.css

@@ -0,0 +1,9 @@
+NotificationEdgeWidget
+{
+    background-color: #6bc260;
+}
+
+NotificationEdgeWidget > QLabel
+{
+    color: white;
+}

themes/dark/palette.ini

@@ -0,0 +1,16 @@
+[colors]
+green="#6bc260"
+yellow="#cebf44"
+red="#c84e4e"
+mainText="#c3c3c3"
+nameActive="#c3c3c3"
+statusActive="#d1d1d1"
+groundExtra="#d1d1d1"
+groundBase="#201f1f"
+orange="#ff7700"
+themeDark="#1c1c1c"
+themeMediumDark="#2a2a2a"
+themeMedium="#100f0f"
+themeLight="#201f1f"
+action="#546eff"
+link="#d292ff"

themes/dark/rejectCall/rejectCall.svg

@@ -0,0 +1,45 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   version="1.1"
+   width="50"
+   height="50"
+   id="svg2">
+  <defs
+     id="defs4" />
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     transform="translate(0,-1002.3622)"
+     id="layer1">
+    <rect
+       width="49.821426"
+       height="50.17857"
+       ry="25.089285"
+       x="-1.8160549e-08"
+       y="1002.3622"
+       id="rect2985"
+       style="fill:#c84e4e;fill-opacity:1;fill-rule:nonzero;stroke:none" />
+    <polygon
+       points="5.043,6.736 8.395,10.087 10.086,8.394 6.734,5.043 10.086,1.692 8.395,0 5.043,3.351 1.693,0.001 0,1.693 3.35,5.043 0,8.394 1.693,10.086 "
+       transform="matrix(1.7258281,0,0,1.7258281,16.02843,1019.1045)"
+       id="polygon3796"
+       style="fill:#ffffff" />
+  </g>
+</svg>

themes/dark/screenshotButton/screenshotButton.css

@@ -0,0 +1,31 @@
+QPushButton
+{
+    background-color: #6bc260;
+    background-image: url("@getImagePath(screenshotButton/screenshotButton.svg)");
+    background-repeat: none;
+    background-position: center;
+    border-top-left-radius: 5px;
+    border: none;
+    width: 24px;
+    height: 24px;
+}
+
+QPushButton:hover
+{
+    background-color: #79c76f;
+}
+
+QPushButton:pressed
+{
+    background-color: #51b244;
+}
+
+QPushButton[enabled="false"]
+{
+    background-color: #919191;
+}
+
+QPushButton:focus
+{
+    outline: none;
+}

themes/dark/screenshotButton/screenshotButton.svg

@@ -0,0 +1,8 @@
+<svg width="16" height="16" xmlns="http://www.w3.org/2000/svg">
+ <metadata id="metadata13">image/svg+xml</metadata>
+ <g>
+  <title>Layer 1</title>
+  <rect ry="1" rx="1" id="svg_6" height="8" width="14" y="3" x="1" stroke-linecap="null" stroke-linejoin="null" stroke-width="2" stroke="#ffffff" fill="none"/>
+  <path id="svg_8" d="m4.50183,15.49984l3.4986,-4.12208l3.49866,4.12208l-6.99725,0z" stroke-linecap="null" stroke-linejoin="null" stroke="#ffffff" fill="#ffffff"/>
+ </g>
+</svg>

themes/dark/sendButton/sendButton.css

@@ -0,0 +1,26 @@
+QPushButton
+{
+    background-color: #6bc260;
+    background-image: url("@getImagePath(sendButton/sendButton.svg)");
+    background-repeat: none;
+    background-position: center;
+    border: none;
+    border-radius: 5px;
+    width: 50px;
+    height: 50px;
+}
+
+QPushButton:hover
+{
+    background-color: #79c76f;
+}
+
+QPushButton:pressed
+{
+    background-color: #51b244;
+}
+
+QPushButton:focus
+{
+    outline: none;
+}

themes/dark/sendButton/sendButton.svg

@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   version="1.1"
+   width="27"
+   height="32"
+   viewBox="0 0 26.999999 31.999999"
+   id="Layer_1"
+   xml:space="preserve"><metadata
+     id="metadata9"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title></dc:title></cc:Work></rdf:RDF></metadata><defs
+     id="defs7" /><path
+     d="M 5.0774179,2.9032355 C 2.9746346,4.3950939 1.3168041,6.548619 0.57798838,9.0267615 -0.36459081,12.040868 -0.16637195,15.423795 1.2627444,18.256944 c 1.4623839,2.960234 4.1778437,5.214598 7.2744936,6.326585 2.585162,0.998716 5.460029,1.140995 8.151924,0.504193 -0.321586,2.479524 -1.397235,4.780853 -2.664173,6.912277 3.971308,-2.573456 7.23984,-6.100043 9.904013,-9.983019 1.96001,-2.927081 3.262987,-6.41361 3.099422,-9.971968 C 26.884265,8.9176349 25.349801,5.9408249 23.075136,3.812164 20.611955,1.5122157 17.268571,0.20269558 13.900236,0.11428916 10.752299,-0.00174427 7.6029757,1.0411752 5.0774179,2.9032355 z"
+     id="path3"
+     style="fill:#ffffff" /></svg>

themes/dark/settings/mainContent.css

@@ -0,0 +1,242 @@
+QTextEdit
+{
+    border-color: @groundExtra;
+    border-style: solid;
+    border-width: 1px 0 1px 1px;
+    background: @groundBase;
+    border: 1px solid #c4c1bd;
+}
+
+QListWidget
+{
+    background-color: @groundBase;
+}
+
+QMessageBox
+{
+    background-color: @groundBase;
+}
+
+QCheckBox
+{
+    color: @mainText;
+}
+
+QCheckBox:disabled
+{
+    color: grey;
+}
+
+QSpinBox, QDoubleSpinBox
+{
+    background-color: @groundBase;
+}
+
+QSpinBox:disabled, QDoubleSpinBox:disabled
+{
+    background-color: lightGrey;
+}
+
+QGroupBox
+{
+    color: @mainText;
+    background-color: @groundBase;
+    font: @bigBold;
+}
+
+QComboBox
+{
+    color: @mainText;
+    background-color: @groundBase;
+}
+
+QComboBox QAbstractItemView {
+    background-color: @groundBase;
+}
+
+QLineEdit
+{
+    background-color: @groundBase;
+}
+
+QLineEdit:disabled
+{
+    background-color: #262424;
+    color: @groundBase;
+}
+
+QTabWidget
+{
+    background-color: #100f0f;
+}
+
+QTabBar::tab:selected 
+{
+    background: #100f0f;
+    color: @mainText;
+}
+
+QTabBar::tab:!selected 
+{
+    background: #444242;
+    color: #8e8e8e;
+}
+
+QScrollArea
+{
+    background-color: @groundBase;
+}
+
+QScrollArea > QWidget > QWidget
+{
+    background: transparent;
+}
+
+QScrollArea::corner
+{
+    background-color: @groundBase;
+    border: none;
+}
+
+QScrollBar:vertical
+{
+    background: transparent;
+    width: 12px;
+    margin-top: 2px;
+    margin-bottom: 2px;
+}
+
+/* using last is a bit of a hack, but QTabBar otherwise doesn't allow selecting single tabs */
+QTabBar::tab:last:!selected[update-available=true]
+{
+    background-color: #80c580;
+}
+
+QPushButton#updateAvailableButton
+{
+    background-color: #21da21;
+}
+
+QScrollBar::handle:vertical
+{
+    background-color: #343232;
+    min-height: 20px;
+    border-radius: 3px;
+    margin-left: 2px;
+}
+
+QScrollBar::handle:vertical:hover
+{
+    background-color: #3e3c3c;
+}
+
+QScrollBar::handle:vertical:pressed
+{
+    background-color: #474545;
+}
+
+QScrollBar::add-line:vertical
+{
+    background-color: white;
+    height: 0px;
+    subcontrol-position: bottom;
+    subcontrol-origin: margin;
+}
+
+QScrollBar::sub-line:vertical
+{
+    background-color: white;
+    height: 0px;
+    subcontrol-position: top;
+    subcontrol-origin: margin;
+}
+
+QScrollBar:QScrollBar::down-arrow:vertical
+{
+    width: 10;
+    height: 10px;
+    background-color: white;
+}
+
+QScrollBar:QScrollBar::up-arrow:vertical
+{
+    width: 10px;
+    height: 10px;
+    background-color: white;
+}
+
+QScrollBar::add-page:vertical, QScrollBar::sub-page:vertical
+{
+    background: none;
+}
+
+QScrollBar:horizontal
+{
+    background-color: white;
+    height: 10px;
+    margin: 0 2px 0 2px;
+}
+
+QScrollBar::handle:horizontal
+{
+    background-color: #343232;
+    min-width: 20px;
+    border-radius: 2px;
+}
+
+QScrollBar::handle:horizontal:hover
+{
+    background-color: #3e3c3c;
+}
+
+QScrollBar::handle:horizontal:pressed
+{
+    background-color: #474545;
+}
+
+QScrollBar::add-line:horizontal
+{
+    background-color: white;
+    width: 0px;
+    subcontrol-position: right;
+    subcontrol-origin: margin;
+}
+
+QScrollBar::sub-line:horizontal
+{
+    background-color: white;
+    width: 0px;
+    subcontrol-position: left;
+    subcontrol-origin: margin;
+}
+
+QScrollBar:QScrollBar::down-arrow:horizontal
+{
+    width: 10;
+    height: 10px;
+    background-color: white;
+}
+
+QScrollBar:QScrollBar::up-arrow:horizontal
+{
+    width: 10px;
+    height: 10px;
+    background-color: white;
+}
+
+QScrollBar::add-page:horizontal, QScrollBar::sub-page:horizontal
+{
+    background: none;
+}
+
+QRadioButton
+{
+    background: @groundBase;
+    color: @mainText;
+}
+
+QPushButton
+{
+    background: #323030;
+    color: @mainText;
+}

themes/dark/settings/mainHead.css

@@ -0,0 +1,5 @@
+QWidget .QLabel, QWidget .QLineEdit
+{
+    color: @mainText;
+    background: @groundBase;
+}

themes/dark/statusButton/menu_indicator.svg

@@ -0,0 +1,23 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   version="1.1"
+   width="9"
+   height="6.1869998"
+   viewBox="0 0 9 6.187"
+   id="Layer_1"
+   xml:space="preserve"><metadata
+     id="metadata9"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title></dc:title></cc:Work></rdf:RDF></metadata><defs
+     id="defs7" /><polygon
+     points="0,0 7.145,0 3.572,6.187 "
+     transform="scale(1.2531716,1)"
+     id="polygon3"
+     style="fill:#636365" /></svg>

themes/dark/statusButton/statusButton.css

@@ -0,0 +1,41 @@
+QPushButton
+{
+    background: none;
+    background-color: @themeMediumDark;
+    border: none;
+    border-radius: 6px;
+    width: 20px;
+    height: 40px;
+}
+
+QPushButton:default
+{
+    background-color: @themeMediumDark;
+}
+
+/*Bugged in Qt, but it's probably better to leave enabled so that users can tell it's clickable*/
+QPushButton:hover
+{
+    background-color: @themeMedium;
+}
+
+QPushButton:pressed
+{
+    background-color: @themeMediumDark;
+}
+
+QPushButton:focus
+{
+    outline: none;
+}
+
+QPushButton::menu-indicator {image: none;}
+
+QPushButton::menu-indicator:pressed, QPushButton::menu-indicator:open
+{
+    image: url("@getImagePath(statusButton/menu_indicator.svg)");
+    subcontrol-origin: padding;
+    subcontrol-position: bottom center;
+    position: relative;
+    bottom: 2px;
+}

themes/dark/tooliconsZone/tooliconsZone.css

@@ -0,0 +1,35 @@
+QPushButton[update-available=true]
+{
+    background-color: #115508;
+    border: none;
+}
+
+QPushButton:hover[update-available=true]
+{
+    background-color: #2b9e1c;
+    border: none;
+}
+
+QPushButton
+{
+    background-color: @themeDark;
+    border: none;
+}
+
+QPushButton:hover
+{
+    background-color: @themeMediumDark;
+    border: none;
+}
+
+QPushButton:checked
+{
+    background-color: @themeMedium;
+    border: none;
+}
+
+QPushButton:pressed
+{
+    background-color: @themeMediumLight;
+    border: none;
+}

themes/dark/window/general.css

@@ -0,0 +1,29 @@
+QToolTip
+{
+    /* explicit border width is required https://bugreports.qt.io/browse/QTBUG-41313 */
+    border: 0px;
+    color: black;
+    background: #ffffdc;
+}
+
+QWidget#contentWidget
+{
+    background: @groundBase;
+}
+
+QTabWidget
+{
+    background-color: @groundBase;
+}
+
+QTabBar::tab:selected 
+{
+    background: #100f0f;
+    color: @mainText;
+}
+
+QTabBar::tab:!selected 
+{
+    background: #444242;
+    color: #8e8e8e;
+}

themes/dark/window/profile.css

@@ -0,0 +1,5 @@
+#selfAvatar:hover
+{
+    border-radius: 6px;
+    background-color: #ccc;
+}

themes/dark/window/statusPanel.css

@@ -0,0 +1,127 @@
+QLineEdit
+{
+    background: none;
+    background-color: @themeMedium;
+    color: white;
+    border: 0px;
+    border-radius: 4px;
+}
+
+QToolButton
+{
+    background: none;
+    background-color: @themeMedium;
+    color: white;
+    border-style: none;
+    border-radius: 4px;
+}
+
+QToolButton:pressed
+{
+    background-color: @themeMediumDark;
+    border-radius: 4px;
+    color: white;
+}
+
+QToolButton::menu-indicator
+{
+    image: none
+}
+
+QPushButton#green
+{
+    background: none;
+    background-color: #6bc260;
+    color: white;
+    border-style: none;
+    border-radius: 4px;
+    padding: 4px;
+    margin: 4px 8px;
+}
+
+QPushButton#green:hover
+{
+    background-color: #79c76f;
+}
+
+QPushButton#green:pressed
+{
+    background-color: #51b244;
+}
+
+/**
+  Uncomment this after https://github.com/qTox/qTox/pull/1640
+  is merged!
+QComboBox:down-arrow
+{
+    image: url(ui/css/down_arrow.png);
+}
+**/
+
+QListView
+{
+    background-color: @themeLight;
+    border-style: none;
+    border-radius: 4px;
+}
+
+#statusPanel
+{
+  background-color: @themeDark;
+}
+
+#statusPanel > #statusHead
+{
+  background-color: @themeDark;
+}
+
+#statusPanel > #statusHead > #nameLabel
+{
+  background-color: @themeDark;
+  font: @extraBig;
+  color: @nameActive;
+}
+
+#statusPanel > #statusHead > #statusLabel
+{
+  background-color: @themeDark;
+  font: @medium;
+  color: @groundExtra;
+}
+
+#statusPanel > #statusHead > #statusButton
+{
+    background: none;
+    background-color: @themeMedium;
+    border: none;
+    border-radius: 6px;
+    width: 20px;
+    height: 40px;
+}
+
+/*Bugged in Qt, but it's probably better to leave enabled so that users can tell it's clickable*/
+#statusPanel > #statusHead > #statusButton:hover
+{
+  background-color: @themeLight;
+}
+
+#statusPanel > #statusHead > #statusButton:pressed
+{
+  background-color: @themeMedium;
+}
+
+#statusPanel > #statusHead > #statusButton:focus
+{
+  outline: none;
+}
+
+#statusPanel > #statusHead > #statusButton::menu-indicator {image: none;}
+
+#statusPanel > #statusHead > #statusButton::menu-indicator:pressed, #statusPanel > #statusHead > #statusButton::menu-indicator:open
+{
+  image: url("@getImagePath(statusButton/menu_indicator.svg)");
+  subcontrol-origin: padding;
+  subcontrol-position: bottom center;
+  position: relative;
+  bottom: 2px;
+}