From c4d9210c35025e328df57a10364c0da5570b1c15 Mon Sep 17 00:00:00 2001
From: lupoDharkael <izhe@hotmail.es>
Date: Wed, 10 May 2017 22:14:05 +0200
Subject: [PATCH] Add initial code

---
 .gitmodules                                |   3 +
 capture/button.cpp                         | 172 ++++++++
 capture/button.h                           |  67 +++
 capture/buttonhandler.cpp                  | 272 ++++++++++++
 capture/buttonhandler.h                    |  32 ++
 capture/capturemodification.cpp            |  41 ++
 capture/capturemodification.h              |  24 ++
 capture/capturewidget.cpp                  | 477 +++++++++++++++++++++
 capture/capturewidget.h                    | 107 +++++
 capture/screenshot.cpp                     | 129 ++++++
 capture/screenshot.h                       |  24 ++
 configwindow.cpp                           |  48 +++
 configwindow.h                             |  17 +
 controller.cpp                             |  65 +++
 controller.h                               |  43 ++
 flameshot.pro                              |  57 +++
 graphics.qrc                               |  38 ++
 img/buttonIconsBlack/LICENSE.txt           | 202 +++++++++
 img/buttonIconsBlack/README.md             |   1 +
 img/buttonIconsBlack/arrow-bottom-left.svg |   1 +
 img/buttonIconsBlack/circle-outline.svg    |   1 +
 img/buttonIconsBlack/close.svg             |   1 +
 img/buttonIconsBlack/cloud-upload.svg      |   1 +
 img/buttonIconsBlack/content-copy.svg      |   1 +
 img/buttonIconsBlack/content-save.svg      |   1 +
 img/buttonIconsBlack/cursor-move.svg       |   1 +
 img/buttonIconsBlack/exit-to-app.svg       |   1 +
 img/buttonIconsBlack/format-text.svg       |   1 +
 img/buttonIconsBlack/line.svg              |  56 +++
 img/buttonIconsBlack/marker.svg            |   1 +
 img/buttonIconsBlack/mouse-off.svg         |   1 +
 img/buttonIconsBlack/mouse.svg             |   1 +
 img/buttonIconsBlack/pencil.svg            |   1 +
 img/buttonIconsBlack/square-outline.svg    |   1 +
 img/buttonIconsBlack/undo-variant.svg      |   1 +
 img/buttonIconsWhite/LICENSE.txt           | 202 +++++++++
 img/buttonIconsWhite/README.md             |   1 +
 img/buttonIconsWhite/arrow-bottom-left.svg |  54 +++
 img/buttonIconsWhite/circle-outline.svg    |  54 +++
 img/buttonIconsWhite/close.svg             |  54 +++
 img/buttonIconsWhite/cloud-upload.svg      |  54 +++
 img/buttonIconsWhite/content-copy.svg      |  54 +++
 img/buttonIconsWhite/content-save.svg      |  54 +++
 img/buttonIconsWhite/cursor-move.svg       |  55 +++
 img/buttonIconsWhite/exit-to-app.svg       |  54 +++
 img/buttonIconsWhite/format-text.svg       |  54 +++
 img/buttonIconsWhite/line.svg              |  57 +++
 img/buttonIconsWhite/marker.svg            |  54 +++
 img/buttonIconsWhite/mouse-off.svg         |  54 +++
 img/buttonIconsWhite/mouse.svg             |  54 +++
 img/buttonIconsWhite/pencil.svg            |  54 +++
 img/buttonIconsWhite/square-outline.svg    |  54 +++
 img/buttonIconsWhite/undo-variant.svg      |  54 +++
 img/flameshot.svg                          |  94 ++++
 img/flameshotLogoLicense.txt               | 253 +++++++++++
 infowindow.cpp                             |  10 +
 infowindow.h                               |  16 +
 main.cpp                                   |  21 +
 nativeeventfilter.cpp                      |  61 +++
 nativeeventfilter.h                        |  23 +
 singleapplication                          |   1 +
 styles/button.css                          |  12 +
 62 files changed, 3452 insertions(+)
 create mode 100644 .gitmodules
 create mode 100644 capture/button.cpp
 create mode 100644 capture/button.h
 create mode 100644 capture/buttonhandler.cpp
 create mode 100644 capture/buttonhandler.h
 create mode 100644 capture/capturemodification.cpp
 create mode 100644 capture/capturemodification.h
 create mode 100644 capture/capturewidget.cpp
 create mode 100644 capture/capturewidget.h
 create mode 100644 capture/screenshot.cpp
 create mode 100644 capture/screenshot.h
 create mode 100644 configwindow.cpp
 create mode 100644 configwindow.h
 create mode 100644 controller.cpp
 create mode 100644 controller.h
 create mode 100644 flameshot.pro
 create mode 100644 graphics.qrc
 create mode 100644 img/buttonIconsBlack/LICENSE.txt
 create mode 100644 img/buttonIconsBlack/README.md
 create mode 100644 img/buttonIconsBlack/arrow-bottom-left.svg
 create mode 100644 img/buttonIconsBlack/circle-outline.svg
 create mode 100644 img/buttonIconsBlack/close.svg
 create mode 100644 img/buttonIconsBlack/cloud-upload.svg
 create mode 100644 img/buttonIconsBlack/content-copy.svg
 create mode 100644 img/buttonIconsBlack/content-save.svg
 create mode 100644 img/buttonIconsBlack/cursor-move.svg
 create mode 100644 img/buttonIconsBlack/exit-to-app.svg
 create mode 100644 img/buttonIconsBlack/format-text.svg
 create mode 100644 img/buttonIconsBlack/line.svg
 create mode 100644 img/buttonIconsBlack/marker.svg
 create mode 100644 img/buttonIconsBlack/mouse-off.svg
 create mode 100644 img/buttonIconsBlack/mouse.svg
 create mode 100644 img/buttonIconsBlack/pencil.svg
 create mode 100644 img/buttonIconsBlack/square-outline.svg
 create mode 100644 img/buttonIconsBlack/undo-variant.svg
 create mode 100644 img/buttonIconsWhite/LICENSE.txt
 create mode 100644 img/buttonIconsWhite/README.md
 create mode 100644 img/buttonIconsWhite/arrow-bottom-left.svg
 create mode 100644 img/buttonIconsWhite/circle-outline.svg
 create mode 100644 img/buttonIconsWhite/close.svg
 create mode 100644 img/buttonIconsWhite/cloud-upload.svg
 create mode 100644 img/buttonIconsWhite/content-copy.svg
 create mode 100644 img/buttonIconsWhite/content-save.svg
 create mode 100644 img/buttonIconsWhite/cursor-move.svg
 create mode 100644 img/buttonIconsWhite/exit-to-app.svg
 create mode 100644 img/buttonIconsWhite/format-text.svg
 create mode 100644 img/buttonIconsWhite/line.svg
 create mode 100644 img/buttonIconsWhite/marker.svg
 create mode 100644 img/buttonIconsWhite/mouse-off.svg
 create mode 100644 img/buttonIconsWhite/mouse.svg
 create mode 100644 img/buttonIconsWhite/pencil.svg
 create mode 100644 img/buttonIconsWhite/square-outline.svg
 create mode 100644 img/buttonIconsWhite/undo-variant.svg
 create mode 100644 img/flameshot.svg
 create mode 100644 img/flameshotLogoLicense.txt
 create mode 100644 infowindow.cpp
 create mode 100644 infowindow.h
 create mode 100644 main.cpp
 create mode 100644 nativeeventfilter.cpp
 create mode 100644 nativeeventfilter.h
 create mode 160000 singleapplication
 create mode 100644 styles/button.css

diff --git a/.gitmodules b/.gitmodules
new file mode 100644
index 00000000..3795c16c
--- /dev/null
+++ b/.gitmodules
@@ -0,0 +1,3 @@
+[submodule "singleapplication"]
+	path = singleapplication
+	url = https://github.com/itay-grudev/SingleApplication
diff --git a/capture/button.cpp b/capture/button.cpp
new file mode 100644
index 00000000..c34ad75e
--- /dev/null
+++ b/capture/button.cpp
@@ -0,0 +1,172 @@
+#include "button.h"
+#include <QIcon>
+#include <QPropertyAnimation>
+#include <QToolTip>
+#include <QSettings>
+
+namespace {
+    const int BUTTON_SIZE = 30;
+}
+
+Button::Button(Type t, QWidget *parent) : QPushButton(parent) {
+    setFocusPolicy(Qt::NoFocus);
+    m_buttonType = t;
+    resize(BUTTON_SIZE, BUTTON_SIZE);
+    setMouseTracking(true);
+    setMask(QRegion(QRect(-1,-1,BUTTON_SIZE+2, BUTTON_SIZE+2), QRegion::Ellipse));
+
+    if (t == Button::Type::selectionIndicator) {
+        QFont f = this->font();
+        setFont(QFont(f.family(), 7, QFont::Bold));
+    } else {
+        setIcon(getIcon(t));
+    }
+    setToolTip(typeTooltip[t]);
+
+    emergeAnimation = new  QPropertyAnimation(this, "size", this);
+    emergeAnimation->setEasingCurve(QEasingCurve::InOutQuad);
+    emergeAnimation->setDuration(80);
+    emergeAnimation->setStartValue(QSize(0, 0));
+    emergeAnimation->setEndValue(QSize(BUTTON_SIZE, BUTTON_SIZE));
+
+}
+
+QIcon Button::getIcon(const Type t) {
+    QString iconColor = "White"; // or "Black"
+    QString path = ":/img/buttonIcons" + iconColor + "/";
+
+    if (t == Type::mouseVisibility) {
+        QSettings settings;
+        bool mouseVisible = settings.value("mouseVisible").toBool();
+        if (mouseVisible){
+            path += "mouse.svg";
+        } else {
+            path += "mouse-off.svg";
+        }
+        return QIcon(path);
+    }
+
+    switch (t) {
+    case Type::arrow:
+        path += "arrow-bottom-left.svg";
+        break;
+    case Type::circle:
+        path += "circle-outline.svg";
+        break;
+    case Type::colorPicker:
+        path += "square-outline.svg";
+        break;
+    case Type::copy:
+        path += "content-copy.svg";
+        break;
+    case Type::exit:
+        path += "close.svg";
+        break;
+    case Type::imageUploader:
+        path += "cloud-upload.svg";
+        break;
+    case Type::line:
+        path += "line.svg";
+        break;
+    case Type::marker:
+        path += "marker.svg";
+        break;
+    case Type::pencil:
+        path += "pencil.svg";
+        break;
+    case Type::rectangle:
+        path += "square-outline.svg";
+        break;
+    case Type::save:
+        path += "content-save.svg";
+        break;
+    case Type::text:
+        path += "format-text.svg";
+        break;
+    case Type::undo:
+        path += "undo-variant.svg";
+        break;
+    case Type::move:
+        path += "cursor-move.svg";
+        break;
+    default:
+        break;
+    }
+    return QIcon(path);
+}
+
+void Button::enterEvent(QEvent *e) {
+    Q_EMIT hovered();
+    QWidget::enterEvent(e);
+}
+
+void Button::leaveEvent(QEvent *e) {
+    Q_EMIT mouseExited();
+    QWidget::leaveEvent(e);
+}
+
+void Button::mouseReleaseEvent(QMouseEvent *) {
+
+    if (m_buttonType == Type::mouseVisibility) {
+        QSettings settings;
+        bool mouseVisible = settings.value("mouseVisible").toBool();
+        settings.setValue("mouseVisible", !mouseVisible);
+        setIcon(getIcon(Type::mouseVisibility));
+    } else if (m_buttonType == Type::colorPicker) {
+
+    }
+
+    Q_EMIT typeEmited(m_buttonType);
+
+}
+
+void Button::animatedShow() {
+    show();
+    emergeAnimation->start();
+}
+
+Button::Type Button::getButtonType() const {
+    return m_buttonType;
+}
+
+size_t Button::getButtonBaseSize() {
+    return BUTTON_SIZE;
+}
+
+Button::typeData Button::typeTooltip = {
+        {Button::Type::selectionIndicator, "Shows the dimensions of the selection (X Y)"},
+        {Button::Type::mouseVisibility, "Sets the visibility of the mouse pointer"},
+        {Button::Type::exit, "Leaves the capture screen"},
+        {Button::Type::copy, "Copies the selecion into the clipboard"},
+        {Button::Type::save, "Opens the save image window"},
+        {Button::Type::pencil, "Sets the paint tool to a pencil"},
+        {Button::Type::line, "Sets the paint tool to a line drawer"},
+        {Button::Type::arrow, "Sets the paint tool to an arrow drawer"},
+        {Button::Type::rectangle, "Sets the paint tool to a rectagle drawer"},
+        {Button::Type::circle, "Sets the paint tool to a circle drawer"},
+        {Button::Type::marker, "Sets the paint tool to a marker"},
+        {Button::Type::text, "Sets the paint tool to a text creator"},
+        {Button::Type::colorPicker, "Opens the color picker widget"},
+        {Button::Type::undo, "Undo the last modification"},
+        {Button::Type::imageUploader, "Upload the selection to Imgur"},
+        {Button::Type::move, "Move the selection area"}
+    };
+
+Button::typeData Button::typeName = {
+    {Button::Type::selectionIndicator, "Selection Size Indicator"},
+    {Button::Type::mouseVisibility, "Mouse Visibility"},
+    {Button::Type::exit, "Exit"},
+    {Button::Type::copy, "Copy"},
+    {Button::Type::save, "Save"},
+    {Button::Type::pencil, "Pencil"},
+    {Button::Type::line, "Line"},
+    {Button::Type::arrow, "Arrow"},
+    {Button::Type::rectangle, "Rectangle"},
+    {Button::Type::circle, "Circle"},
+    {Button::Type::marker, "Marker"},
+    {Button::Type::text, "Text"},
+    {Button::Type::colorPicker, "Color Picker"},
+    {Button::Type::undo, "Undo"},
+    {Button::Type::imageUploader, "Image Uploader"},
+    {Button::Type::move, "Move"}
+};
diff --git a/capture/button.h b/capture/button.h
new file mode 100644
index 00000000..a7072f43
--- /dev/null
+++ b/capture/button.h
@@ -0,0 +1,67 @@
+#ifndef BUTTON_H
+#define BUTTON_H
+
+#include <QPushButton>
+#include <map>
+#include "button.h"
+
+class QWidget;
+class QPropertyAnimation;
+
+class Button : public QPushButton {
+    Q_OBJECT
+
+public:
+    enum class Type {
+        selectionIndicator,
+        mouseVisibility,
+        exit,
+        copy,
+        save,
+        pencil,
+        line,
+        arrow,
+        rectangle,
+        circle,
+        marker,
+        text,
+        colorPicker,
+        undo,
+        imageUploader,
+        move,
+        last
+    };
+
+    typedef std::map<Button::Type, const QString> typeData;
+    static typeData typeTooltip;
+    static typeData typeName;
+
+    explicit Button(Type, QWidget *parent = 0);
+
+    static QIcon getIcon(const Type);
+    static size_t getButtonBaseSize();
+
+    Type getButtonType() const;
+
+    void animatedShow();
+
+protected:
+    virtual void enterEvent(QEvent *);
+    virtual void leaveEvent(QEvent *);
+    virtual void mouseReleaseEvent(QMouseEvent *);
+
+private:
+    Button(QWidget *parent = 0);
+    Type m_buttonType;
+
+    QPropertyAnimation *emergeAnimation;
+
+signals:
+    void hovered();
+    void mouseExited();
+    void typeEmited(Type);
+
+public slots:
+};
+
+#endif // BUTTON_H
diff --git a/capture/buttonhandler.cpp b/capture/buttonhandler.cpp
new file mode 100644
index 00000000..f241109c
--- /dev/null
+++ b/capture/buttonhandler.cpp
@@ -0,0 +1,272 @@
+#include "buttonhandler.h"
+#include <QPoint>
+
+namespace {
+    const int SEPARATION = 6;
+}
+
+ButtonHandler::ButtonHandler(const QVector<Button*> &v) {
+    if (!v.isEmpty()) {
+        m_distance = v[0]->getButtonBaseSize() + SEPARATION;
+        m_vectorButtons = v;
+    }
+}
+
+ButtonHandler::ButtonHandler() {
+}
+
+void ButtonHandler::hide() {
+    for (Button *b: m_vectorButtons) b->hide();
+}
+
+void ButtonHandler::show() {
+    for (Button *b: m_vectorButtons) b->animatedShow();
+}
+
+bool ButtonHandler::isVisible() const {
+    bool ret = false;
+    if (!m_vectorButtons.isEmpty()) ret = m_vectorButtons[0]->isVisible();
+    return ret;
+}
+
+size_t ButtonHandler::size() const {
+    return m_vectorButtons.size();
+}
+
+void ButtonHandler::updatePosition(const QRect &selection,
+                                   const  QRect &limits) {
+    const QVector<Button*>::size_type vecLength = m_vectorButtons.size();
+    if (vecLength == 0) {
+        return;
+    }
+    // button dimmensions
+    const int baseHeight = Button::getButtonBaseSize();
+    const int baseWidth = Button::getButtonBaseSize();
+    // copy of the selection area for internal modifications
+    QRect baseArea = selection;
+
+    // calculates the blocked sides (no more space for buttons)
+    bool blockedRight =
+            (limits.right() - baseArea.right() < SEPARATION*2 + baseWidth);
+    bool blockedLeft =
+            (baseArea.x() < baseWidth + SEPARATION*2);
+    bool blockedBotton =
+            (limits.bottom() - baseArea.bottom() < SEPARATION*2 + baseHeight);
+    bool blockedTop =
+            (baseArea.y() < baseHeight + SEPARATION*2);
+
+    // detect if a side is smaller than a button in order to prevent collision
+    // and redimension the base area the the base size of a single button per side
+    if (baseArea.width() < baseWidth) {
+        if (blockedRight && !blockedLeft) {
+            baseArea.setX(baseArea.x() - (baseWidth-baseArea.width()));
+        } else if (!blockedLeft && !blockedRight) {
+            // when not close to the left side (because the rect grows to the right)
+            baseArea.setX(baseArea.x() - (baseWidth-baseArea.width()) / 2);
+        }
+        baseArea.setWidth(baseWidth);
+    }
+    if (baseArea.height() < baseHeight) {
+        if (blockedBotton && !blockedTop) {
+            baseArea.setY(baseArea.y() - (baseHeight-baseArea.height()));
+        } else if (!blockedTop && !blockedBotton) {
+            // when not close to the top (because the rect grows to the bottom)
+            baseArea.setY(baseArea.y() - (baseHeight-baseArea.height()) / 2);
+        }
+        baseArea.setHeight(baseHeight);
+    }
+    // indicates the actual button to be moved
+    QVector<Button*>::size_type elemIndicator = 0;
+
+    while (elemIndicator < vecLength) {
+        // update of blocked sides
+        blockedRight = (limits.right() - baseArea.right() < SEPARATION * 2 + baseWidth);
+        blockedLeft = (baseArea.x() < baseWidth + SEPARATION * 2);
+        blockedBotton = (limits.bottom() - baseArea.bottom() < SEPARATION * 2 + baseHeight);
+        blockedTop = (baseArea.y() < baseHeight + SEPARATION * 2);
+        // helper booleans
+        bool oneHorizontalBlocked = (!blockedRight && blockedLeft) ||
+                (blockedRight && !blockedLeft);
+        bool horizontalBlocked = blockedRight && blockedLeft;
+
+        // add them inside the area when there is no more space
+        if (blockedBotton && horizontalBlocked && blockedTop) {
+            int buttonsPerRow = (baseArea.width() - SEPARATION) / (baseWidth + SEPARATION);
+            int xPos = baseArea.left() + SEPARATION;
+            int yPos = baseArea.bottom() - SEPARATION - baseHeight;
+
+            for (; elemIndicator < vecLength; ++elemIndicator) {
+                if (elemIndicator % buttonsPerRow == 0 && elemIndicator != 0) {
+                    xPos = baseArea.left() + SEPARATION;
+                    yPos -= (SEPARATION + baseHeight);
+                }
+                m_vectorButtons[elemIndicator]->move(xPos, yPos);
+                xPos += (SEPARATION + baseWidth);
+            }
+            break;
+        }
+        int buttonsPerRow = (baseArea.width() + SEPARATION) / (baseWidth + SEPARATION);
+        int buttonsPerCol = (baseArea.height() + SEPARATION) / (baseHeight + SEPARATION);
+
+        int extraButtons = vecLength - buttonsPerRow*2 - buttonsPerCol*2;
+        int elemsAtCorners = extraButtons > 4 ? 4 : extraButtons;
+
+        if (!blockedBotton) {
+            int addCounter =
+                    (vecLength - elemIndicator < buttonsPerRow) ?
+                      vecLength - elemIndicator : buttonsPerRow;
+            if (elemsAtCorners > 2) {
+                int temp = elemsAtCorners - 2;
+                if (oneHorizontalBlocked && temp > 1) {
+                    temp -= 1;
+                }
+                addCounter += temp;
+            }
+            QPoint center = QPoint(baseArea.center().x(),
+                                   baseArea.bottom() + SEPARATION);
+            if (addCounter > buttonsPerRow) {
+                if (blockedLeft) {
+                    center.setX(center.x() + (baseWidth+SEPARATION)/2);
+                } else if (blockedRight) {
+                    center.setX(center.x() - (baseWidth+SEPARATION)/2);
+                }
+            }
+
+            QVector<QPoint> positions = getHPoints(center, addCounter);
+            for (QPoint p: positions) {
+                m_vectorButtons[elemIndicator]->move(p);
+                ++elemIndicator;
+            }
+        }
+        if (!blockedRight && elemIndicator < vecLength) {
+            int addCounter =
+                    (vecLength - elemIndicator < buttonsPerCol) ?
+                      vecLength - elemIndicator : buttonsPerCol;
+
+            QPoint center = QPoint(baseArea.right() + SEPARATION,
+                                   baseArea.center().y());
+            QVector<QPoint> positions = getVPoints(center, addCounter);
+            for (QPoint p: positions) {
+                m_vectorButtons[elemIndicator]->move(p);
+                ++elemIndicator;
+            }
+        }
+        if (!blockedTop && elemIndicator < vecLength) {
+            int addCounter =
+                    (vecLength - elemIndicator < buttonsPerRow) ?
+                      vecLength - elemIndicator : buttonsPerRow;
+
+            if (elemsAtCorners > 1 && !horizontalBlocked && !oneHorizontalBlocked) {
+                addCounter += 2;
+            } else if ((elemsAtCorners == 1 &&
+                        (!horizontalBlocked || oneHorizontalBlocked)) ||
+                        (elemsAtCorners > 1 && oneHorizontalBlocked)) {
+                addCounter += 1;
+            }
+            QPoint center = QPoint(baseArea.center().x(),
+                                   baseArea.top() - (SEPARATION+baseHeight));
+            if (addCounter == 1 + buttonsPerRow) {
+                if (blockedLeft) {
+                    center.setX(center.x() + (baseWidth+SEPARATION)/2);
+                } else if (blockedRight) {
+                    center.setX(center.x() - (baseWidth+SEPARATION)/2);
+                }
+            }
+            QVector<QPoint> positions = getHPoints(center, addCounter);
+            for (QPoint p: positions) {
+                m_vectorButtons[elemIndicator]->move(p);
+                ++elemIndicator;
+            }
+        }
+        if (!blockedLeft && elemIndicator < vecLength) {
+            int addCounter =
+                    (vecLength - elemIndicator < buttonsPerCol) ?
+                      vecLength - elemIndicator : buttonsPerCol;
+
+            if (vecLength - elemIndicator < buttonsPerRow) {
+                addCounter = vecLength - elemIndicator;
+            }
+            QPoint center = QPoint(baseArea.left() - (SEPARATION+baseWidth),
+                                   baseArea.center().y());
+            QVector<QPoint> positions = getVPoints(center, addCounter);
+            for (QPoint p: positions) {
+                m_vectorButtons[elemIndicator]->move(p);
+                ++elemIndicator;
+            }
+        }
+        // if there are elements for the next cycle, increase the size of the base area
+        if (elemIndicator < vecLength &&
+                !(blockedBotton && horizontalBlocked && blockedTop)) {
+
+            if (blockedRight && !blockedLeft) {
+                baseArea.setX(baseArea.x() - (baseWidth+SEPARATION));
+            } else if (!blockedRight && !blockedLeft) {
+                baseArea.setX(baseArea.x() - (baseWidth+SEPARATION));
+                baseArea.setWidth(baseArea.width() + (baseWidth + SEPARATION));
+            } else {
+                baseArea.setWidth(baseArea.width() + (baseWidth + SEPARATION));
+            }
+
+            if (blockedBotton && !blockedTop) {
+                baseArea.setY(baseArea.y() - (baseHeight + SEPARATION));
+            } else if (!blockedTop && !blockedBotton) {
+                baseArea.setY(baseArea.y() - (baseHeight+SEPARATION));
+                baseArea.setHeight(baseArea.height() + (baseHeight + SEPARATION));
+            } else {
+                baseArea.setHeight(baseArea.height() + (baseHeight + SEPARATION));
+            }
+        }
+    }
+}
+
+QVector<QPoint> ButtonHandler::getHPoints(
+        const QPoint &center, const int elements) const {
+
+    QVector<QPoint> res;
+    QPoint left, right;
+    if (elements % 2 == 0) {
+        left = QPoint(center.x()-m_distance + SEPARATION/2, center.y());
+        right = QPoint(center.x()+SEPARATION/2, center.y());
+    } else {
+        res.append(QPoint(center.x()-(m_distance-SEPARATION)/2, center.y()));
+        left = QPoint(res[0].x()-m_distance, res[0].y());
+        right = QPoint(res[0].x()+m_distance, res[0].y());
+    }
+    while (elements > res.length()) {
+        res.append(left);
+        res.append(right);
+        left.setX(left.x()-m_distance);
+        right.setX(right.x()+m_distance);
+    }
+    return res;
+}
+
+QVector<QPoint> ButtonHandler::getVPoints(
+        const QPoint &center, const int elements) const {
+
+    QVector<QPoint> res;
+    QPoint up, down;
+    if (elements % 2 == 0) {
+        up = QPoint(center.x(), center.y()-m_distance + SEPARATION/2);
+        down = QPoint(center.x(), center.y()+SEPARATION/2);
+    } else {
+        res.append(QPoint(center.x(), center.y()-(m_distance-SEPARATION)/2));
+        up = QPoint(res[0].x(), res[0].y()-m_distance);
+        down = QPoint(res[0].x(), res[0].y()+m_distance);
+    }
+    while (elements > res.length()) {
+        res.append(up);
+        res.append(down);
+        up.setY(up.y()-m_distance);
+        down.setY(down.y()+m_distance);
+    }
+    return res;
+}
+
+void ButtonHandler::setButtons(QVector<Button *> v) {
+    for (Button *b: m_vectorButtons) delete(b);
+    m_vectorButtons = v;
+    if (!v.isEmpty()) {
+        m_distance = v[0]->getButtonBaseSize() + SEPARATION;
+    }
+}
diff --git a/capture/buttonhandler.h b/capture/buttonhandler.h
new file mode 100644
index 00000000..b6f75da6
--- /dev/null
+++ b/capture/buttonhandler.h
@@ -0,0 +1,32 @@
+#ifndef BUTTONHANDLER_H
+#define BUTTONHANDLER_H
+
+#include "button.h"
+#include <QVector>
+
+class Button;
+class QRect;
+class QPoint;
+
+class ButtonHandler {
+public:
+    ButtonHandler(const QVector<Button*>&);
+    ButtonHandler();
+
+    void hide();
+    void show();
+
+    bool isVisible() const;
+    size_t size() const;
+
+    void updatePosition(const QRect &selection, const QRect &limits);
+    void setButtons(QVector<Button*>);
+private:
+    QVector<QPoint> getHPoints(const QPoint &center, const int elements) const;
+    QVector<QPoint> getVPoints(const QPoint &center, const int elements) const;
+
+    QVector<Button*> m_vectorButtons;
+    int m_distance;
+};
+
+#endif // BUTTONHANDLER_H
diff --git a/capture/capturemodification.cpp b/capture/capturemodification.cpp
new file mode 100644
index 00000000..ca30d456
--- /dev/null
+++ b/capture/capturemodification.cpp
@@ -0,0 +1,41 @@
+#include "capturemodification.h"
+#include <QSettings>
+#include <QColor>
+
+CaptureModification::CaptureModification(
+        const Button::Type t, QPoint p) : m_type(t) {
+    m_coords.append(p);
+    if (m_type == Button::Type::circle || m_type == Button::Type::rectangle
+         || m_type == Button::Type::arrow || m_type == Button::Type::line ||
+            m_type == Button::Type::marker) {
+        m_coords.append(p);
+    }
+    QSettings settings;
+    m_color = settings.value("drawColor").value<QColor>();
+}
+
+CaptureModification::CaptureModification() {
+
+}
+
+Button::Type CaptureModification::getType() const {
+    return m_type;
+}
+
+QColor CaptureModification::getColor() const {
+    return m_color;
+}
+
+QVector<QPoint> CaptureModification::getPoints() const {
+    return m_coords;
+}
+
+void CaptureModification::addPoint(const QPoint p) {
+    if (m_type == Button::Type::circle || m_type == Button::Type::rectangle
+         || m_type == Button::Type::arrow || m_type == Button::Type::line ||
+            m_type == Button::Type::marker) {
+        m_coords[1] = p;
+    } else {
+        m_coords.append(p);
+    }
+}
diff --git a/capture/capturemodification.h b/capture/capturemodification.h
new file mode 100644
index 00000000..53a7c78b
--- /dev/null
+++ b/capture/capturemodification.h
@@ -0,0 +1,24 @@
+#ifndef CAPTURECHANGE_H
+#define CAPTURECHANGE_H
+
+#include "button.h"
+#include <QVector>
+
+class QPoint;
+
+class CaptureModification {
+public:
+    CaptureModification();
+    CaptureModification(const Button::Type, const QPoint);
+    Button::Type getType() const;
+    QColor getColor() const;
+    QVector<QPoint> getPoints() const;
+    void addPoint(const QPoint);
+private:
+    QVector<QPoint> m_coords;
+    QColor m_color;
+    Button::Type m_type;
+
+};
+
+#endif // CAPTURECHANGE_H
diff --git a/capture/capturewidget.cpp b/capture/capturewidget.cpp
new file mode 100644
index 00000000..13222f24
--- /dev/null
+++ b/capture/capturewidget.cpp
@@ -0,0 +1,477 @@
+// Copyright 2017 Alejandro Sirgo Rica
+//
+// This file is part of Flameshot.
+//
+//     Flameshot is free 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.
+//
+//     Flameshot 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.
+//
+//     You should have received a copy of the GNU General Public License
+//     along with Flameshot.  If not, see <http://www.gnu.org/licenses/>.
+ 
+// Based on Lightscreen areadialog.cpp, Copyright 2017  Christian Kaiser <info@ckaiser.com.ar>
+// released under the GNU GPL2  <https://www.gnu.org/licenses/gpl-2.0.txt>
+ 
+// Based on KDE's KSnapshot regiongrabber.cpp, revision 796531, Copyright 2007 Luca Gugelmann <lucag@student.ethz.ch>
+// released under the GNU LGPL  <http://www.gnu.org/licenses/old-licenses/library.txt>
+
+#include "screenshot.h"
+#include "capturemodification.h"
+#include "capturewidget.h"
+#include "button.h"
+#include <QScreen>
+#include <QWindow>
+#include <QGuiApplication>
+#include <QApplication>
+#include <QShortcut>
+#include <QPainter>
+#include <QPaintEvent>
+#include <QMouseEvent>
+#include <QClipboard>
+#include <QSettings>
+
+#include <QDebug>
+
+namespace {
+    const int HANDLE_SIZE = 9;
+}
+
+// http://doc.qt.io/qt-5/qwidget.html#setMask
+
+CaptureWidget::CaptureWidget(QWidget *parent) :
+    QWidget(parent), m_mouseOverHandle(0), m_newSelection(false),
+    m_grabbing(false), m_onButton(false), m_state(Button::Type::move) {
+    setAttribute(Qt::WA_DeleteOnClose);
+
+    QRect baseRect(0, 0, HANDLE_SIZE, HANDLE_SIZE);
+    m_TLHandle = baseRect; m_TRHandle = baseRect;
+    m_BLHandle = baseRect; m_BRHandle = baseRect;
+    m_LHandle = baseRect; m_THandle = baseRect;
+    m_RHandle = baseRect; m_BHandle = baseRect;
+
+    m_Handles << &m_TLHandle << &m_TRHandle << &m_BLHandle << &m_BRHandle
+    << &m_LHandle << &m_THandle << &m_RHandle << &m_BHandle;
+
+    move(0,0);
+    setWindowFlags( Qt::WindowStaysOnTopHint
+                  | Qt::X11BypassWindowManagerHint
+                  | Qt::FramelessWindowHint
+                  | Qt::Popup);
+    setMouseTracking(true);
+    setCursor(Qt::CrossCursor);
+    initShortcuts();
+
+    QVector<Button::Type> tempVector;
+    for (int i =0; i < (int)Button::Type::last; ++i) {
+        tempVector.append((Button::Type)i);
+    }
+    m_buttonHandler = new ButtonHandler();
+    redefineButtons(tempVector);
+
+    createCapture();
+    resize(m_screenshot.size());
+
+    m_mouseIsClicked = false;
+    m_buttonHandler->hide();
+    show();
+}
+
+CaptureWidget::~CaptureWidget() {
+    delete(m_buttonHandler);
+}
+
+void CaptureWidget::redefineButtons(QVector<Button::Type> vector) {
+    QVector<Button*> vectorButtons;
+    for (auto t: vector) {
+        Button *b = new Button(t, this);
+        if (t == Button::Type::selectionIndicator) {
+            m_sizeIndButton = b;
+        }
+        connect(b, &Button::hovered, this, &CaptureWidget::enterButton);
+        connect(b, &Button::mouseExited, this, &CaptureWidget::leaveButton);
+        connect(b, &Button::typeEmited, this, &CaptureWidget::setState);
+        vectorButtons << b;
+    }
+    m_buttonHandler->setButtons(vectorButtons);
+}
+
+void CaptureWidget::paintEvent(QPaintEvent *) {
+    QPainter painter(this);
+    painter.setRenderHint(QPainter::Antialiasing);
+
+    if (m_grabbing) { // grabWindow() should just get the background
+        return;
+    }
+
+    Screenshot s(m_screenshot);
+    s.paintModifications(m_modifications);
+    painter.drawPixmap(0, 0, s.getScreenshot());
+
+    QColor overlayColor(0, 0, 0, 160);
+    painter.setBrush(overlayColor);
+    QRect r = m_selection.normalized().adjusted(0, 0, -1, -1);
+    QRegion grey(rect());
+    grey = grey.subtracted(r);
+    painter.setClipRegion(grey);
+    painter.drawRect(-1, -1, rect().width() + 1, rect().height() + 1);
+    painter.setClipRect(rect());
+
+    if (!m_selection.isNull()) {
+        // paint selection rect
+        QColor purpleColor(136, 0, 170, 220);
+        painter.setPen(purpleColor);
+        painter.setBrush(Qt::NoBrush);
+        painter.drawRect(r);
+
+        // paint handlers
+        updateHandles();
+        painter.setBrush(purpleColor);
+        for(auto r: handleMask()) {
+            painter.drawRoundRect(r, 100, 100);
+        }
+    }
+}
+
+void CaptureWidget::mousePressEvent(QMouseEvent *e) {
+        if (e->button() == Qt::LeftButton) {
+            m_mouseIsClicked = true;
+            if (m_state != Button::Type::move) {
+                m_modifications.append(CaptureModification(m_state, e->pos()));
+                return;
+            }
+            m_dragStartPoint = e->pos();
+            m_selectionBeforeDrag = m_selection;
+            m_buttonHandler->hide();
+            if (!m_selection.contains(e->pos()) && !m_mouseOverHandle) {
+                m_newSelection = true;
+                m_selection = QRect();
+                setCursor(Qt::CrossCursor);
+            } else if (m_selection.contains(e->pos())){
+                setCursor(Qt::ClosedHandCursor);
+            }
+        }
+    update();
+}
+
+void CaptureWidget::mouseMoveEvent(QMouseEvent *e) {
+    if (m_mouseIsClicked && m_state == Button::Type::move) {
+        m_mousePos = e->pos();
+
+        if (m_newSelection) {
+            m_selection = QRect(m_dragStartPoint, limitPointToRect(m_mousePos, rect())).normalized();
+        } else if (m_mouseOverHandle == 0) {
+            // Moving the whole selection
+            QRect r = rect().normalized(), s = m_selectionBeforeDrag.normalized();
+            QPoint p = s.topLeft() + e->pos() - m_dragStartPoint;
+            r.setBottomRight(r.bottomRight() - QPoint(s.width(), s.height()));
+
+            if (!r.isNull() && r.isValid()) {
+                m_selection.moveTo(limitPointToRect(p, r));
+            }
+        } else {
+            // Dragging a handle
+            QRect r = m_selectionBeforeDrag;
+            QPoint offset = e->pos() - m_dragStartPoint;
+
+            bool symmetryMod = qApp->keyboardModifiers() & Qt::ShiftModifier;
+
+            if (m_mouseOverHandle == &m_TLHandle || m_mouseOverHandle == &m_THandle
+                    || m_mouseOverHandle == &m_TRHandle) { // dragging one of the top handles
+                r.setTop(r.top() + offset.y());
+
+                if (symmetryMod) {
+                    r.setBottom(r.bottom() - offset.y());
+                }
+            }
+            if (m_mouseOverHandle == &m_TLHandle || m_mouseOverHandle == &m_LHandle
+                    || m_mouseOverHandle == &m_BLHandle) { // dragging one of the left handles
+                r.setLeft(r.left() + offset.x());
+
+                if (symmetryMod) {
+                    r.setRight(r.right() - offset.x());
+                }
+            }
+            if (m_mouseOverHandle == &m_BLHandle || m_mouseOverHandle == &m_BHandle
+                    || m_mouseOverHandle == &m_BRHandle) { // dragging one of the bottom handles
+                r.setBottom(r.bottom() + offset.y());
+
+                if (symmetryMod) {
+                    r.setTop(r.top() - offset.y());
+                }
+            }
+            if (m_mouseOverHandle == &m_TRHandle || m_mouseOverHandle == &m_RHandle
+                    || m_mouseOverHandle == &m_BRHandle) { // dragging one of the right handles
+                r.setRight(r.right() + offset.x());
+
+                if (symmetryMod) {
+                    r.setLeft(r.left() - offset.x());
+                }
+            }
+            r = r.normalized();
+            r.setTopLeft(limitPointToRect(r.topLeft(), rect()));
+            r.setBottomRight(limitPointToRect(r.bottomRight(), rect()));
+            m_selection = r;
+        }
+        update();
+
+    } else if (m_mouseIsClicked) {
+        m_modifications.last().addPoint(e->pos());
+    } else {
+        if (m_selection.isNull()) {
+            update();
+            return;
+        }
+        bool found = false;
+        for (QRect *r: m_Handles) {
+            if (r->contains(e->pos())) {
+                m_mouseOverHandle = r;
+                found = true;
+                break;
+            }
+        }
+
+        if (!found) {
+            m_mouseOverHandle = 0;
+            if (m_selection.contains(e->pos()) && !m_onButton &&
+                    m_state == Button::Type::move) {
+                setCursor(Qt::OpenHandCursor);
+            } else if (m_onButton) {
+                setCursor(Qt::ArrowCursor);
+            } else {
+                setCursor(Qt::CrossCursor);
+            }
+        } else if (m_state == Button::Type::move){
+            // cursor on the handlers
+            if (m_mouseOverHandle == &m_TLHandle || m_mouseOverHandle == &m_BRHandle) {
+                setCursor(Qt::SizeFDiagCursor);
+            } else if (m_mouseOverHandle == &m_TRHandle || m_mouseOverHandle == &m_BLHandle) {
+                setCursor(Qt::SizeBDiagCursor);
+            } else if (m_mouseOverHandle == &m_LHandle || m_mouseOverHandle == &m_RHandle) {
+                setCursor(Qt::SizeHorCursor);
+            } else if (m_mouseOverHandle == &m_THandle || m_mouseOverHandle == &m_BHandle) {
+                setCursor(Qt::SizeVerCursor);
+            }
+        }
+    }
+    update();
+}
+
+void CaptureWidget::mouseReleaseEvent(QMouseEvent *e) {
+    if (!m_selection.isNull() && !m_buttonHandler->isVisible()) {
+        updateSizeIndicator();
+        m_buttonHandler->updatePosition(m_selection, rect());
+        m_buttonHandler->show();
+    }
+
+    m_mouseIsClicked = false;
+    m_newSelection = false;
+
+    if (m_state == Button::Type::move && m_mouseOverHandle == 0 &&
+            m_selection.contains(e->pos())) {
+        setCursor(Qt::OpenHandCursor);
+    }
+    update();
+}
+
+void CaptureWidget::keyPressEvent(QKeyEvent *e) {
+    if (e->key() == Qt::Key_Return) {
+        copyScreenshot();
+    } else if (e->key() == Qt::Key_Escape) {
+        close();
+    } else if (m_selection.isNull()) {
+        return;
+    } else if (e->key() == Qt::Key_Up
+               && m_selection.top() > rect().top()) {
+        m_selection.moveTop(m_selection.top()-1);
+    } else if (e->key() == Qt::Key_Down
+               && m_selection.bottom() < rect().bottom()) {
+        m_selection.moveBottom(m_selection.bottom()+1);
+    } else if (e->key() == Qt::Key_Left
+               && m_selection.left() > rect().left()) {
+        m_selection.moveLeft(m_selection.left()-1);
+    } else if (e->key() == Qt::Key_Right
+               && m_selection.right() < rect().right()) {
+        m_selection.moveRight(m_selection.right()+1);
+    }
+    m_buttonHandler->updatePosition(m_selection, rect());
+    update();
+}
+
+void CaptureWidget::saveScreenshot() {
+    Screenshot s(m_screenshot);
+    s.paintModifications(m_modifications);
+    if (m_selection.isNull()) {
+        s.graphicalSave();
+    } else { // save full screen when no selection
+        s.graphicalSave(getExtendedSelection());
+    }
+}
+
+void CaptureWidget::copyScreenshot() {
+    Screenshot s(m_screenshot);
+    s.paintModifications(m_modifications);
+    if (m_selection.isNull()) {
+        QApplication::clipboard()->setPixmap(s.getScreenshot());
+    } else { // copy full screen when no selection
+        QApplication::clipboard()->setPixmap(s.getScreenshot()
+                                             .copy(getExtendedSelection()));
+    }
+    close();
+}
+
+void CaptureWidget::undo() {
+    if (!m_modifications.isEmpty()) {
+        m_modifications.pop_back();
+        update();
+    }
+}
+
+void CaptureWidget::leftResize() {
+    if (!m_selection.isNull() && m_selection.right() > m_selection.left()) {
+        m_selection.setRight(m_selection.right()-1);
+        m_buttonHandler->updatePosition(m_selection, rect());
+        updateSizeIndicator();
+        update();
+    }
+}
+
+void CaptureWidget::rightResize() {
+    if (!m_selection.isNull() && m_selection.right() < rect().right()) {
+        m_selection.setRight(m_selection.right()+1);
+        m_buttonHandler->updatePosition(m_selection, rect());
+        updateSizeIndicator();
+        update();
+    }
+}
+
+void CaptureWidget::upResize() {
+    if (!m_selection.isNull() && m_selection.bottom() > m_selection.top()) {
+        m_selection.setBottom(m_selection.bottom()-1);
+        m_buttonHandler->updatePosition(m_selection, rect());
+        updateSizeIndicator();
+        update();
+    }
+}
+
+void CaptureWidget::downResize() {
+    if (!m_selection.isNull() && m_selection.bottom() < rect().bottom()) {
+        m_selection.setBottom(m_selection.bottom()+1);
+        m_buttonHandler->updatePosition(m_selection, rect());
+        updateSizeIndicator();
+        update();
+    }
+}
+// http://stackoverflow.com/questions/10250332/qt-how-to-open-a-link-in-a-default-user-browser#10250386
+// http://stackoverflow.com/questions/40292484/how-to-pass-several-parameters-when-uploading-image-to-imgur
+void CaptureWidget::setState(Button::Type t) {
+    if(t == Button::Type::selectionIndicator ||
+            t == Button::Type::mouseVisibility ||
+            t == Button::Type::colorPicker ||
+            t == Button::Type::imageUploader) {
+        return;
+    }
+    Button::Type newState = t;
+    if (m_state == t) {
+        newState =  Button::Type::move;
+    }
+    if (t == Button::Type::save) {
+        saveScreenshot();
+    } else if (t == Button::Type::copy) {
+        copyScreenshot();
+    } else if (t == Button::Type::exit) {
+        close();
+    } else if (t == Button::Type::undo) {
+        undo();
+    } else {
+        m_state = newState;
+    }
+}
+
+void CaptureWidget::leaveButton() {
+    m_onButton = false;
+}
+void CaptureWidget::enterButton() {
+    m_onButton = true;
+}
+
+void CaptureWidget::createCapture() {
+    QScreen *screen = QGuiApplication::primaryScreen();
+    if (const QWindow *window = windowHandle())
+        screen = window->screen();
+    if (!screen){
+        close();
+        return;
+    }
+    m_screenshot = screen->grabWindow(0);
+}
+
+void CaptureWidget::initShortcuts() {
+    new QShortcut(QKeySequence(Qt::CTRL + Qt::Key_Q), this, SLOT(close()));
+    new QShortcut(QKeySequence(Qt::CTRL + Qt::Key_S), this, SLOT(saveScreenshot()));
+    new QShortcut(QKeySequence(Qt::CTRL + Qt::Key_C), this, SLOT(copyScreenshot()));
+    new QShortcut(QKeySequence(Qt::CTRL + Qt::Key_Z), this, SLOT(undo()));
+    new QShortcut(QKeySequence(Qt::SHIFT + Qt::Key_Right), this, SLOT(rightResize()));
+    new QShortcut(QKeySequence(Qt::SHIFT + Qt::Key_Left), this, SLOT(leftResize()));
+    new QShortcut(QKeySequence(Qt::SHIFT + Qt::Key_Up), this, SLOT(upResize()));
+    new QShortcut(QKeySequence(Qt::SHIFT + Qt::Key_Down), this, SLOT(downResize()));
+}
+
+void CaptureWidget::updateHandles() {
+    QRect r = m_selection.normalized().adjusted(0, 0, -1, -1);
+    int s2 = HANDLE_SIZE / 2;
+
+    m_TLHandle.moveTopLeft(QPoint(r.x() - s2, r.y() - s2));
+    m_TRHandle.moveTopRight(QPoint(r.right() + s2, r.y() - s2));
+    m_BRHandle.moveBottomRight(QPoint(r.x() + r.width() + s2, r.bottom() + s2));
+    m_BLHandle.moveBottomLeft(QPoint(QPoint(r.x() - s2, r.bottom() + s2)));
+
+    m_LHandle.moveTopLeft(QPoint(r.x() - s2, r.y() + r.height() / 2 - s2));
+    m_THandle.moveTopLeft(QPoint(r.x() + r.width() / 2 - s2, r.y() - s2));
+    m_RHandle.moveTopRight(QPoint(r.right() + s2, r.y() + r.height() / 2 - s2));
+    m_BHandle.moveBottomLeft(QPoint(r.x() + r.width() / 2 - s2, r.bottom() + s2));
+}
+
+void CaptureWidget::updateSizeIndicator() {
+    // The grabbed region is everything which is covered by the drawn
+    // rectangles (border included, that's the reason of the +2).
+    if (m_sizeIndButton){
+        m_sizeIndButton->setText(QString("%1\n%2")
+                                     .arg(m_selection.width()+2)
+                                     .arg(m_selection.height()+2));
+    }
+}
+
+QRegion CaptureWidget::handleMask() const {
+    // note: not normalized QRects are bad here, since they will not be drawn
+    QRegion mask;
+    foreach(QRect * rect, m_Handles) mask += QRegion(*rect);
+    return mask;
+}
+
+
+QPoint CaptureWidget::limitPointToRect(const QPoint &p, const QRect &r) const {
+    int x = r.x();
+    int y = r.y();
+    if (x < p.x()) {
+        x = (p.x() < r.right()) ? p.x() : r.right();
+    }
+    if (y < p.y()) {
+       y = (p.y() < r.bottom()) ? p.y() : r.bottom();
+    }
+    return QPoint(x,y);
+}
+
+QRect CaptureWidget::getExtendedSelection() const {
+    auto devicePixelRatio = m_screenshot.devicePixelRatio();
+
+    return QRect(m_selection.left()   * devicePixelRatio,
+                 m_selection.top()    * devicePixelRatio,
+                 m_selection.width()  * devicePixelRatio,
+                 m_selection.height() * devicePixelRatio);
+}
diff --git a/capture/capturewidget.h b/capture/capturewidget.h
new file mode 100644
index 00000000..39a06a76
--- /dev/null
+++ b/capture/capturewidget.h
@@ -0,0 +1,107 @@
+// Copyright 2017 Alejandro Sirgo Rica
+//
+// This file is part of Flameshot.
+//
+//     Flameshot is free 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.
+//
+//     Flameshot 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.
+//
+//     You should have received a copy of the GNU General Public License
+//     along with Flameshot.  If not, see <http://www.gnu.org/licenses/>.
+ 
+// Based on Lightscreen areadialog.h, Copyright 2017  Christian Kaiser <info@ckaiser.com.ar>
+// released under the GNU GPL2  <https://www.gnu.org/licenses/gpl-2.0.txt>
+ 
+// Based on KDE's KSnapshot regiongrabber.cpp, revision 796531, Copyright 2007 Luca Gugelmann <lucag@student.ethz.ch>
+// released under the GNU LGPL  <http://www.gnu.org/licenses/old-licenses/library.txt>
+
+#ifndef CAPTUREWIDGET_H
+#define CAPTUREWIDGET_H
+
+#include "button.h"
+#include "buttonhandler.h"
+#include <QWidget>
+#include <QPointer>
+
+class QPaintEvent;
+class QResizeEvent;
+class QMouseEvent;
+class CaptureModification;
+
+class CaptureWidget : public QWidget {
+    Q_OBJECT
+public:
+    explicit CaptureWidget(QWidget *parent = 0);
+    ~CaptureWidget();
+
+    void redefineButtons(QVector<Button::Type>);
+
+private slots:
+    void saveScreenshot();
+    void copyScreenshot();
+    void leaveButton();
+    void enterButton();
+    void undo();
+
+    void leftResize();
+    void rightResize();
+    void upResize();
+    void downResize();
+
+    void setState(Button::Type);
+
+protected:
+    void paintEvent(QPaintEvent *);
+    void mousePressEvent(QMouseEvent *);
+    void mouseMoveEvent(QMouseEvent *);
+    void mouseReleaseEvent(QMouseEvent *);
+    void keyPressEvent(QKeyEvent *);
+
+    QPoint limitPointToRect(const QPoint &p, const QRect &r) const;
+    QRegion handleMask() const;
+
+    // pixel map of the screen
+    QPixmap m_screenshot;
+
+    QPoint m_dragStartPoint;
+    QPoint m_mousePos;
+    // pointer to the handlers under the mouse
+    QRect *m_mouseOverHandle;
+    QRect m_selection;
+    QRect m_selectionBeforeDrag;
+    // utility flags
+    bool m_mouseIsClicked;
+    bool m_newSelection;
+    bool m_grabbing;
+    bool m_onButton;
+
+    // naming convention for handles
+    // T top, B bottom, R Right, L left
+    // 2 letters: a corner
+    // 1 letter: the handle on the middle of the corresponding side
+    QRect m_TLHandle, m_TRHandle, m_BLHandle, m_BRHandle;
+    QRect m_LHandle, m_THandle, m_RHandle, m_BHandle;
+    // list containing the active habdlers
+    QVector<QRect*> m_Handles;
+
+private:
+    void createCapture();
+    void initShortcuts();
+    void updateHandles();
+    void updateSizeIndicator();
+
+    QRect getExtendedSelection() const;
+    QVector<CaptureModification> m_modifications;
+    QPointer<Button> m_sizeIndButton;
+
+    Button::Type m_state;
+    ButtonHandler *m_buttonHandler;
+};
+
+#endif // CAPTUREWIDGET_H
diff --git a/capture/screenshot.cpp b/capture/screenshot.cpp
new file mode 100644
index 00000000..309bce5d
--- /dev/null
+++ b/capture/screenshot.cpp
@@ -0,0 +1,129 @@
+#include "screenshot.h"
+#include "capturemodification.h"
+#include "button.h"
+#include <QStandardPaths>
+#include <QIcon>
+#include <QSettings>
+#include <QObject>
+#include <QString>
+#include <QMessageBox>
+#include <QImageWriter>
+#include <QFileDialog>
+#include <QPainter>
+
+// ADD MODIFICATIONS
+Screenshot::Screenshot(const QPixmap &p) : m_screenshot(p) {
+
+}
+
+void Screenshot::setScreenshot(const QPixmap &p) {
+    m_screenshot = p;
+}
+
+QPixmap Screenshot::getScreenshot() const {
+    return m_screenshot;
+}
+/*
+https://github.com/KDE/spectacle/tree/118bcd8a9a4c6c89445a589fa990d15ec9223099/src/PlatformBackends
+https://github.com/ckaiser/Lightscreen/blob/354574e5d4a15af60004c86cb747dc3bb72a33e8/tools/screenshot.cpp#L416
+*/
+QString Screenshot::graphicalSave(const QRect &selection) const {
+    const QString format = "png";
+
+    QSettings settings;
+    QString savePath = settings.value("savePath").toString();
+    if (savePath.isEmpty()) {
+        savePath = QStandardPaths::writableLocation(QStandardPaths::PicturesLocation);
+        if (savePath.isEmpty())
+            savePath = QDir::currentPath();
+    }
+    // find unused name adding _n where n is a number
+    QString tempName = QObject::tr("/screenshot");
+    QFileInfo checkFile(savePath + tempName + "." + format);
+    if (checkFile.exists()) {
+        tempName += "_";
+        int i = 1;
+        while (true) {
+            checkFile.setFile(
+                        savePath + tempName + QString::number(i) + "." + format);
+            if (!checkFile.exists()) {
+                tempName += QString::number(i);
+                break;
+            }
+            ++i;
+        }
+    }
+    savePath += tempName + "." + format;
+
+    QFileDialog fileDialog(nullptr, QObject::tr("Save As"), savePath);
+    fileDialog.setAcceptMode(QFileDialog::AcceptSave);
+    fileDialog.setFileMode(QFileDialog::AnyFile);
+    fileDialog.setDirectory(savePath);
+    QStringList mimeTypes;
+    for (const QByteArray &bf: QImageWriter::supportedMimeTypes())
+        mimeTypes.append(QLatin1String(bf));
+    fileDialog.setMimeTypeFilters(mimeTypes);
+    fileDialog.selectMimeTypeFilter("image/" + format);
+    fileDialog.setDefaultSuffix(format);
+    fileDialog.setWindowIcon(QIcon(":img/flameshot.svg"));
+    if (fileDialog.exec() != QDialog::Accepted) { return ""; }
+    const QString fileName = fileDialog.selectedFiles().first();
+
+    const QString pathNoFile = fileName.left(fileName.lastIndexOf("/"));
+    settings.setValue("savePath", pathNoFile);
+
+    QPixmap pixToSave;
+    if (selection.isEmpty()) {
+        pixToSave = m_screenshot;
+    } else { // save full screen when no selection
+        pixToSave = m_screenshot.copy(selection);
+    }
+
+    if (settings.value("mouseVisible").toBool()) {
+        // TO DO
+    }
+
+    if (!pixToSave.save(fileName)) {
+        QMessageBox::warning(nullptr, QObject::tr("Save Error"),
+                             QObject::tr("The image could not be saved to \"%1\".")
+                             .arg(QDir::toNativeSeparators(fileName)));
+    }
+    return fileName;
+}
+
+QPixmap Screenshot::paintModifications(const QVector<CaptureModification> v) {
+    QPainter painter(&m_screenshot);
+    painter.setRenderHint(QPainter::Antialiasing);
+    for (CaptureModification modification: v) {
+        painter.setPen(QPen(modification.getColor(), 2));
+        QVector<QPoint> points = modification.getPoints();
+        switch (modification.getType()) {
+        case Button::Type::arrow:
+            painter.drawLine(points[0], points[1]);
+            break;
+        case Button::Type::circle:
+            painter.drawEllipse(QRect(points[0], points[1]));
+            break;
+        case Button::Type::line:
+            painter.drawLine(points[0], points[1]);
+            break;
+        case Button::Type::marker:
+            painter.setOpacity(0.5);
+            painter.setPen(QPen(modification.getColor(), 14));
+            painter.drawLine(points[0], points[1]);
+            painter.setOpacity(1);
+            break;
+        case Button::Type::pencil:
+            painter.drawPolyline(points.data(), points.size());
+            break;
+        case Button::Type::rectangle:
+            painter.drawRect(QRect(points[0], points[1]));
+            break;
+        default:
+            break;
+        }
+    }
+    return m_screenshot;
+}
+
+
diff --git a/capture/screenshot.h b/capture/screenshot.h
new file mode 100644
index 00000000..3ca2de00
--- /dev/null
+++ b/capture/screenshot.h
@@ -0,0 +1,24 @@
+#ifndef SCREENSHOT_H
+#define SCREENSHOT_H
+
+#include <QPixmap>
+#include <QRect>
+
+class QString;
+class CaptureModification;
+
+class Screenshot
+{
+public:
+    Screenshot(const QPixmap &);
+
+    void setScreenshot(const QPixmap &);
+    QPixmap getScreenshot() const;
+    QString graphicalSave(const QRect &selection = QRect()) const;
+    QPixmap paintModifications(const QVector<CaptureModification>);
+
+private:
+    QPixmap m_screenshot;
+};
+
+#endif // SCREENSHOT_H
diff --git a/configwindow.cpp b/configwindow.cpp
new file mode 100644
index 00000000..ba78f21a
--- /dev/null
+++ b/configwindow.cpp
@@ -0,0 +1,48 @@
+#include "configwindow.h"
+#include "capture/button.h"
+#include <QSettings>
+#include <QIcon>
+#include <QListWidget>
+#include <QListWidgetItem>
+#include <QVBoxLayout>
+#include <QLabel>
+
+ConfigWindow::ConfigWindow(QWidget *parent) : QWidget(parent){
+    setAttribute(Qt::WA_DeleteOnClose);
+    setWindowIcon(QIcon(":img/flameshot.svg"));
+    setWindowTitle(tr("Configuration"));
+
+    QVBoxLayout *baseLayout = new QVBoxLayout(this);
+
+    QLabel *buttonSelectLabel = new QLabel("Choose the buttons to enable", this);
+    baseLayout->addWidget(buttonSelectLabel);
+
+    QListWidget *buttonList = new QListWidget(this);
+    baseLayout->addWidget(buttonList);
+
+    buttonList->setFlow(QListWidget::TopToBottom);
+    buttonList->setMouseTracking(true);
+    //buttonList->setSelectionMode(QAbstractItemView::NoSelection);
+    // http://doc.qt.io/qt-5/stylesheet-examples.html#customizing-qlistview
+
+    for (int i = 0; i != static_cast<int>(Button::Type::last); ++i) {
+        auto t = static_cast<Button::Type>(i);
+        QListWidgetItem *buttonItem = new QListWidgetItem(buttonList);
+        buttonItem->setIcon(Button::getIcon(t));
+        buttonItem->setText(Button::typeName[t]);
+        buttonItem->setToolTip(Button::typeTooltip[t]);
+        buttonItem->setCheckState(Qt::Unchecked);
+    }
+
+    QSettings settings;
+    // http://www.qtcentre.org/threads/52957-QColor-vector-in-QSettings
+
+    // black white icons
+    // color interface
+
+    // buttons available
+
+    // path save
+    // color paint tools
+    show();
+}
diff --git a/configwindow.h b/configwindow.h
new file mode 100644
index 00000000..5d1fca3f
--- /dev/null
+++ b/configwindow.h
@@ -0,0 +1,17 @@
+#ifndef CONFIGURATION_H
+#define CONFIGURATION_H
+
+#include <QWidget>
+
+class ConfigWindow : public QWidget {
+    Q_OBJECT
+public:
+
+    explicit ConfigWindow(QWidget *parent = 0);
+
+signals:
+
+public slots:
+};
+
+#endif // CONFIGURATION_H
diff --git a/controller.cpp b/controller.cpp
new file mode 100644
index 00000000..4c00b5eb
--- /dev/null
+++ b/controller.cpp
@@ -0,0 +1,65 @@
+#include "controller.h"
+#include "capture/capturewidget.h"
+#include "infowindow.h"
+#include "configwindow.h"
+#include <QAction>
+#include <QApplication>
+#include <QMenu>
+#include <QSystemTrayIcon>
+
+
+Controller::Controller(QObject *parent) : QObject(parent) {
+    createActions();
+    createTrayIcon();
+    m_trayIcon->show();
+
+    m_nativeEventFilter = new NativeEventFilter(this);
+    qApp->installNativeEventFilter(m_nativeEventFilter);
+    connect(m_nativeEventFilter, &NativeEventFilter::activated, this, &Controller::slotPrintHotkey);
+
+    m_captureWindow = nullptr;
+    qApp->setQuitOnLastWindowClosed(false);
+}
+
+void Controller::createActions() {
+    m_configAction = new QAction(tr("&Configuration"), this);
+    connect(m_configAction, &QAction::triggered, this, &Controller::openConfigWindow);
+
+    m_infoAction = new QAction(tr("&Information"), this);
+    connect(m_infoAction, &QAction::triggered, this, &Controller::openInfoWindow);
+
+    m_quitAction = new QAction(tr("&Quit"), this);
+    connect(m_quitAction, &QAction::triggered, qApp, &QCoreApplication::quit);
+}
+
+void Controller::createTrayIcon() {
+    // requires a widget as parent but it should be used the whole app live period
+    m_trayIconMenu = new QMenu();
+    m_trayIconMenu->addAction(m_configAction);
+    m_trayIconMenu->addAction(m_infoAction);
+    m_trayIconMenu->addSeparator();
+    m_trayIconMenu->addAction(m_quitAction);
+
+    m_trayIcon = new QSystemTrayIcon(this);
+    m_trayIcon->setToolTip("Flameshot");
+    m_trayIcon->setContextMenu(m_trayIconMenu);
+    m_trayIcon->setIcon(QIcon(":img/flameshot.svg"));
+}
+
+void Controller::slotPrintHotkey() {
+    if (!m_captureWindow) {
+        m_captureWindow = new CaptureWidget();
+    }
+}
+
+void Controller::openConfigWindow() {
+    if (!m_configWindow) {
+        m_configWindow = new ConfigWindow();
+    }
+}
+
+void Controller::openInfoWindow() {
+    if (!m_infoWindow) {
+        m_infoWindow = new InfoWindow();
+    }
+}
diff --git a/controller.h b/controller.h
new file mode 100644
index 00000000..4574f613
--- /dev/null
+++ b/controller.h
@@ -0,0 +1,43 @@
+#ifndef CONTROLLER_H
+#define CONTROLLER_H
+
+#include <QObject>
+#include <QPointer>
+#include "nativeeventfilter.h"
+
+class QMenu;
+class QSystemTrayIcon;
+class QAction;
+class CaptureWidget;
+class ConfigWindow;
+class InfoWindow;
+
+class Controller : public QObject {
+    Q_OBJECT
+public:
+    explicit Controller(QObject *parent = 0);
+
+private slots:
+    void slotPrintHotkey();
+    void openConfigWindow();
+    void openInfoWindow();
+
+private:
+    void createActions();
+    void createTrayIcon();
+
+    QAction *m_configAction;
+    QAction *m_infoAction;
+    QAction *m_quitAction;
+
+    QSystemTrayIcon *m_trayIcon;
+    QMenu *m_trayIconMenu;
+
+    NativeEventFilter *m_nativeEventFilter;
+
+    QPointer<CaptureWidget> m_captureWindow;
+    QPointer<InfoWindow> m_infoWindow;
+    QPointer<ConfigWindow> m_configWindow;
+};
+
+#endif // CONTROLLER_H
diff --git a/flameshot.pro b/flameshot.pro
new file mode 100644
index 00000000..ecca4541
--- /dev/null
+++ b/flameshot.pro
@@ -0,0 +1,57 @@
+#-------------------------------------------------
+#
+# Project created by Dharkael 2017-04-21T00:42:49
+#
+#-------------------------------------------------
+
+
+QT       += core gui
+QT       += x11extras
+
+greaterThan(QT_MAJOR_VERSION, 4): QT += widgets
+
+CONFIG    += c++11
+CONFIG    += link_pkgconfig
+PKGCONFIG += x11
+
+TARGET = flameshot
+TEMPLATE = app
+
+# The following define makes your compiler emit warnings if you use
+# any feature of Qt which as been marked as deprecated (the exact warnings
+# depend on your compiler). Please consult the documentation of the
+# deprecated API in order to know how to port your code away from it.
+DEFINES += QT_DEPRECATED_WARNINGS
+
+# You can also make your code fail to compile if you use deprecated APIs.
+# In order to do so, uncomment the following line.
+# You can also select to disable deprecated APIs only up to a certain version of Qt.
+#DEFINES += QT_DISABLE_DEPRECATED_BEFORE=0x060000    # disables all the APIs deprecated before Qt 6.0.0
+include(singleapplication/singleapplication.pri)
+
+DEFINES += QAPPLICATION_CLASS=QApplication
+
+SOURCES += main.cpp\
+    nativeeventfilter.cpp \
+    controller.cpp \
+    capture/button.cpp \
+    capture/buttonhandler.cpp \
+    infowindow.cpp \
+    configwindow.cpp \
+    capture/screenshot.cpp \
+    capture/capturewidget.cpp \
+    capture/capturemodification.cpp
+
+HEADERS  += \
+    nativeeventfilter.h \
+    controller.h \
+    capture/button.h \
+    capture/buttonhandler.h \
+    infowindow.h \
+    configwindow.h \
+    capture/screenshot.h \
+    capture/capturewidget.h \
+    capture/capturemodification.h
+
+RESOURCES += \
+    graphics.qrc
diff --git a/graphics.qrc b/graphics.qrc
new file mode 100644
index 00000000..e8fbb7ef
--- /dev/null
+++ b/graphics.qrc
@@ -0,0 +1,38 @@
+<RCC>
+    <qresource prefix="/">
+        <file>img/flameshot.svg</file>
+        <file>img/buttonIconsBlack/arrow-bottom-left.svg</file>
+        <file>img/buttonIconsBlack/circle-outline.svg</file>
+        <file>img/buttonIconsBlack/close.svg</file>
+        <file>img/buttonIconsBlack/cloud-upload.svg</file>
+        <file>img/buttonIconsBlack/content-copy.svg</file>
+        <file>img/buttonIconsBlack/content-save.svg</file>
+        <file>img/buttonIconsBlack/exit-to-app.svg</file>
+        <file>img/buttonIconsBlack/format-text.svg</file>
+        <file>img/buttonIconsBlack/line.svg</file>
+        <file>img/buttonIconsBlack/marker.svg</file>
+        <file>img/buttonIconsBlack/mouse.svg</file>
+        <file>img/buttonIconsBlack/mouse-off.svg</file>
+        <file>img/buttonIconsBlack/pencil.svg</file>
+        <file>img/buttonIconsBlack/square-outline.svg</file>
+        <file>img/buttonIconsBlack/undo-variant.svg</file>
+        <file>img/buttonIconsWhite/arrow-bottom-left.svg</file>
+        <file>img/buttonIconsWhite/square-outline.svg</file>
+        <file>img/buttonIconsWhite/undo-variant.svg</file>
+        <file>img/buttonIconsWhite/circle-outline.svg</file>
+        <file>img/buttonIconsWhite/close.svg</file>
+        <file>img/buttonIconsWhite/cloud-upload.svg</file>
+        <file>img/buttonIconsWhite/content-copy.svg</file>
+        <file>img/buttonIconsWhite/content-save.svg</file>
+        <file>img/buttonIconsWhite/exit-to-app.svg</file>
+        <file>img/buttonIconsWhite/format-text.svg</file>
+        <file>img/buttonIconsWhite/line.svg</file>
+        <file>img/buttonIconsWhite/marker.svg</file>
+        <file>img/buttonIconsWhite/mouse-off.svg</file>
+        <file>img/buttonIconsWhite/mouse.svg</file>
+        <file>img/buttonIconsWhite/pencil.svg</file>
+        <file>styles/button.css</file>
+        <file>img/buttonIconsBlack/cursor-move.svg</file>
+        <file>img/buttonIconsWhite/cursor-move.svg</file>
+    </qresource>
+</RCC>
diff --git a/img/buttonIconsBlack/LICENSE.txt b/img/buttonIconsBlack/LICENSE.txt
new file mode 100644
index 00000000..d6456956
--- /dev/null
+++ b/img/buttonIconsBlack/LICENSE.txt
@@ -0,0 +1,202 @@
+
+                                 Apache License
+                           Version 2.0, January 2004
+                        http://www.apache.org/licenses/
+
+   TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
+
+   1. Definitions.
+
+      "License" shall mean the terms and conditions for use, reproduction,
+      and distribution as defined by Sections 1 through 9 of this document.
+
+      "Licensor" shall mean the copyright owner or entity authorized by
+      the copyright owner that is granting the License.
+
+      "Legal Entity" shall mean the union of the acting entity and all
+      other entities that control, are controlled by, or are under common
+      control with that entity. For the purposes of this definition,
+      "control" means (i) the power, direct or indirect, to cause the
+      direction or management of such entity, whether by contract or
+      otherwise, or (ii) ownership of fifty percent (50%) or more of the
+      outstanding shares, or (iii) beneficial ownership of such entity.
+
+      "You" (or "Your") shall mean an individual or Legal Entity
+      exercising permissions granted by this License.
+
+      "Source" form shall mean the preferred form for making modifications,
+      including but not limited to software source code, documentation
+      source, and configuration files.
+
+      "Object" form shall mean any form resulting from mechanical
+      transformation or translation of a Source form, including but
+      not limited to compiled object code, generated documentation,
+      and conversions to other media types.
+
+      "Work" shall mean the work of authorship, whether in Source or
+      Object form, made available under the License, as indicated by a
+      copyright notice that is included in or attached to the work
+      (an example is provided in the Appendix below).
+
+      "Derivative Works" shall mean any work, whether in Source or Object
+      form, that is based on (or derived from) the Work and for which the
+      editorial revisions, annotations, elaborations, or other modifications
+      represent, as a whole, an original work of authorship. For the purposes
+      of this License, Derivative Works shall not include works that remain
+      separable from, or merely link (or bind by name) to the interfaces of,
+      the Work and Derivative Works thereof.
+
+      "Contribution" shall mean any work of authorship, including
+      the original version of the Work and any modifications or additions
+      to that Work or Derivative Works thereof, that is intentionally
+      submitted to Licensor for inclusion in the Work by the copyright owner
+      or by an individual or Legal Entity authorized to submit on behalf of
+      the copyright owner. For the purposes of this definition, "submitted"
+      means any form of electronic, verbal, or written communication sent
+      to the Licensor or its representatives, including but not limited to
+      communication on electronic mailing lists, source code control systems,
+      and issue tracking systems that are managed by, or on behalf of, the
+      Licensor for the purpose of discussing and improving the Work, but
+      excluding communication that is conspicuously marked or otherwise
+      designated in writing by the copyright owner as "Not a Contribution."
+
+      "Contributor" shall mean Licensor and any individual or Legal Entity
+      on behalf of whom a Contribution has been received by Licensor and
+      subsequently incorporated within the Work.
+
+   2. Grant of Copyright License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      copyright license to reproduce, prepare Derivative Works of,
+      publicly display, publicly perform, sublicense, and distribute the
+      Work and such Derivative Works in Source or Object form.
+
+   3. Grant of Patent License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      (except as stated in this section) patent license to make, have made,
+      use, offer to sell, sell, import, and otherwise transfer the Work,
+      where such license applies only to those patent claims licensable
+      by such Contributor that are necessarily infringed by their
+      Contribution(s) alone or by combination of their Contribution(s)
+      with the Work to which such Contribution(s) was submitted. If You
+      institute patent litigation against any entity (including a
+      cross-claim or counterclaim in a lawsuit) alleging that the Work
+      or a Contribution incorporated within the Work constitutes direct
+      or contributory patent infringement, then any patent licenses
+      granted to You under this License for that Work shall terminate
+      as of the date such litigation is filed.
+
+   4. Redistribution. You may reproduce and distribute copies of the
+      Work or Derivative Works thereof in any medium, with or without
+      modifications, and in Source or Object form, provided that You
+      meet the following conditions:
+
+      (a) You must give any other recipients of the Work or
+          Derivative Works a copy of this License; and
+
+      (b) You must cause any modified files to carry prominent notices
+          stating that You changed the files; and
+
+      (c) You must retain, in the Source form of any Derivative Works
+          that You distribute, all copyright, patent, trademark, and
+          attribution notices from the Source form of the Work,
+          excluding those notices that do not pertain to any part of
+          the Derivative Works; and
+
+      (d) If the Work includes a "NOTICE" text file as part of its
+          distribution, then any Derivative Works that You distribute must
+          include a readable copy of the attribution notices contained
+          within such NOTICE file, excluding those notices that do not
+          pertain to any part of the Derivative Works, in at least one
+          of the following places: within a NOTICE text file distributed
+          as part of the Derivative Works; within the Source form or
+          documentation, if provided along with the Derivative Works; or,
+          within a display generated by the Derivative Works, if and
+          wherever such third-party notices normally appear. The contents
+          of the NOTICE file are for informational purposes only and
+          do not modify the License. You may add Your own attribution
+          notices within Derivative Works that You distribute, alongside
+          or as an addendum to the NOTICE text from the Work, provided
+          that such additional attribution notices cannot be construed
+          as modifying the License.
+
+      You may add Your own copyright statement to Your modifications and
+      may provide additional or different license terms and conditions
+      for use, reproduction, or distribution of Your modifications, or
+      for any such Derivative Works as a whole, provided Your use,
+      reproduction, and distribution of the Work otherwise complies with
+      the conditions stated in this License.
+
+   5. Submission of Contributions. Unless You explicitly state otherwise,
+      any Contribution intentionally submitted for inclusion in the Work
+      by You to the Licensor shall be under the terms and conditions of
+      this License, without any additional terms or conditions.
+      Notwithstanding the above, nothing herein shall supersede or modify
+      the terms of any separate license agreement you may have executed
+      with Licensor regarding such Contributions.
+
+   6. Trademarks. This License does not grant permission to use the trade
+      names, trademarks, service marks, or product names of the Licensor,
+      except as required for reasonable and customary use in describing the
+      origin of the Work and reproducing the content of the NOTICE file.
+
+   7. Disclaimer of Warranty. Unless required by applicable law or
+      agreed to in writing, Licensor provides the Work (and each
+      Contributor provides its Contributions) on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
+      implied, including, without limitation, any warranties or conditions
+      of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
+      PARTICULAR PURPOSE. You are solely responsible for determining the
+      appropriateness of using or redistributing the Work and assume any
+      risks associated with Your exercise of permissions under this License.
+
+   8. Limitation of Liability. In no event and under no legal theory,
+      whether in tort (including negligence), contract, or otherwise,
+      unless required by applicable law (such as deliberate and grossly
+      negligent acts) or agreed to in writing, shall any Contributor be
+      liable to You for damages, including any direct, indirect, special,
+      incidental, or consequential damages of any character arising as a
+      result of this License or out of the use or inability to use the
+      Work (including but not limited to damages for loss of goodwill,
+      work stoppage, computer failure or malfunction, or any and all
+      other commercial damages or losses), even if such Contributor
+      has been advised of the possibility of such damages.
+
+   9. Accepting Warranty or Additional Liability. While redistributing
+      the Work or Derivative Works thereof, You may choose to offer,
+      and charge a fee for, acceptance of support, warranty, indemnity,
+      or other liability obligations and/or rights consistent with this
+      License. However, in accepting such obligations, You may act only
+      on Your own behalf and on Your sole responsibility, not on behalf
+      of any other Contributor, and only if You agree to indemnify,
+      defend, and hold each Contributor harmless for any liability
+      incurred by, or claims asserted against, such Contributor by reason
+      of your accepting any such warranty or additional liability.
+
+   END OF TERMS AND CONDITIONS
+
+   APPENDIX: How to apply the Apache License to your work.
+
+      To apply the Apache License to your work, attach the following
+      boilerplate notice, with the fields enclosed by brackets "[]"
+      replaced with your own identifying information. (Don't include
+      the brackets!)  The text should be enclosed in the appropriate
+      comment syntax for the file format. We also recommend that a
+      file or class name and description of purpose be included on the
+      same "printed page" as the copyright notice for easier
+      identification within third-party archives.
+
+   Copyright [yyyy] [name of copyright owner]
+
+   Licensed under the Apache License, Version 2.0 (the "License");
+   you may not use this file except in compliance with the License.
+   You may obtain a copy of the License at
+
+       http://www.apache.org/licenses/LICENSE-2.0
+
+   Unless required by applicable law or agreed to in writing, software
+   distributed under the License is distributed on an "AS IS" BASIS,
+   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+   See the License for the specific language governing permissions and
+   limitations under the License.
diff --git a/img/buttonIconsBlack/README.md b/img/buttonIconsBlack/README.md
new file mode 100644
index 00000000..53bed872
--- /dev/null
+++ b/img/buttonIconsBlack/README.md
@@ -0,0 +1 @@
+Google Material Design Icons are licensed under Apache License 2.0 (see LICENSE.txt)
diff --git a/img/buttonIconsBlack/arrow-bottom-left.svg b/img/buttonIconsBlack/arrow-bottom-left.svg
new file mode 100644
index 00000000..c81a0744
--- /dev/null
+++ b/img/buttonIconsBlack/arrow-bottom-left.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="24" height="24" viewBox="0 0 24 24"><path d="M19,6.41L17.59,5L7,15.59V9H5V19H15V17H8.41L19,6.41Z" /></svg>
\ No newline at end of file
diff --git a/img/buttonIconsBlack/circle-outline.svg b/img/buttonIconsBlack/circle-outline.svg
new file mode 100644
index 00000000..fa45a41c
--- /dev/null
+++ b/img/buttonIconsBlack/circle-outline.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="24" height="24" viewBox="0 0 24 24"><path d="M12,20C7.58,20 4,16.42 4,12C4,7.58 7.58,4 12,4C16.42,4 20,7.58 20,12C20,16.42 16.42,20 12,20M12,2C6.48,2 2,6.48 2,12C2,17.52 6.48,22 12,22C17.52,22 22,17.52 22,12C22,6.48 17.52,2 12,2Z" /></svg>
\ No newline at end of file
diff --git a/img/buttonIconsBlack/close.svg b/img/buttonIconsBlack/close.svg
new file mode 100644
index 00000000..18691d7e
--- /dev/null
+++ b/img/buttonIconsBlack/close.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="24" height="24" viewBox="0 0 24 24"><path d="M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z" /></svg>
\ No newline at end of file
diff --git a/img/buttonIconsBlack/cloud-upload.svg b/img/buttonIconsBlack/cloud-upload.svg
new file mode 100644
index 00000000..8509478e
--- /dev/null
+++ b/img/buttonIconsBlack/cloud-upload.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="24" height="24" viewBox="0 0 24 24"><path d="M14,13V17H10V13H7L12,8L17,13M19.35,10.03C18.67,6.59 15.64,4 12,4C9.11,4 6.6,5.64 5.35,8.03C2.34,8.36 0,10.9 0,14C0,17.31 2.69,20 6,20H19C21.76,20 24,17.76 24,15C24,12.36 21.95,10.22 19.35,10.03Z" /></svg>
\ No newline at end of file
diff --git a/img/buttonIconsBlack/content-copy.svg b/img/buttonIconsBlack/content-copy.svg
new file mode 100644
index 00000000..923d236e
--- /dev/null
+++ b/img/buttonIconsBlack/content-copy.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="24" height="24" viewBox="0 0 24 24"><path d="M19,21H8V7H19M19,5H8C6.9,5 6,5.9 6,7V21C6,22.1 6.9,23 8,23H19C20.1,23 21,22.1 21,21V7C21,5.9 20.1,5 19,5M16,1H4C2.9,1 2,1.9 2,3V17H4V3H16V1Z" /></svg>
\ No newline at end of file
diff --git a/img/buttonIconsBlack/content-save.svg b/img/buttonIconsBlack/content-save.svg
new file mode 100644
index 00000000..2a895ab1
--- /dev/null
+++ b/img/buttonIconsBlack/content-save.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="24" height="24" viewBox="0 0 24 24"><path d="M15,9H5V5H15M12,19C10.34,19 9,17.66 9,16C9,14.34 10.34,13 12,13C13.66,13 15,14.34 15,16C15,17.66 13.66,19 12,19M17,3H5C3.89,3 3,3.9 3,5V19C3,20.1 3.9,21 5,21H19C20.1,21 21,20.1 21,19V7L17,3Z" /></svg>
\ No newline at end of file
diff --git a/img/buttonIconsBlack/cursor-move.svg b/img/buttonIconsBlack/cursor-move.svg
new file mode 100644
index 00000000..9cac61de
--- /dev/null
+++ b/img/buttonIconsBlack/cursor-move.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="24" height="24" viewBox="0 0 24 24"><path d="M13,6V11H18V7.75L22.25,12L18,16.25V13H13V18H16.25L12,22.25L7.75,18H11V13H6V16.25L1.75,12L6,7.75V11H11V6H7.75L12,1.75L16.25,6H13Z" /></svg>
\ No newline at end of file
diff --git a/img/buttonIconsBlack/exit-to-app.svg b/img/buttonIconsBlack/exit-to-app.svg
new file mode 100644
index 00000000..e976e0d1
--- /dev/null
+++ b/img/buttonIconsBlack/exit-to-app.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="24" height="24" viewBox="0 0 24 24"><path d="M19,3H5C3.89,3 3,3.89 3,5V9H5V5H19V19H5V15H3V19C3,20.1 3.9,21 5,21H19C20.1,21 21,20.1 21,19V5C21,3.89 20.1,3 19,3M10.08,15.58L11.5,17L16.5,12L11.5,7L10.08,8.41L12.67,11H3V13H12.67L10.08,15.58Z" /></svg>
\ No newline at end of file
diff --git a/img/buttonIconsBlack/format-text.svg b/img/buttonIconsBlack/format-text.svg
new file mode 100644
index 00000000..52ca41d2
--- /dev/null
+++ b/img/buttonIconsBlack/format-text.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="24" height="24" viewBox="0 0 24 24"><path d="M18.5,4L19.66,8.35L18.7,8.61C18.25,7.74 17.79,6.87 17.26,6.43C16.73,6 16.11,6 15.5,6H13V16.5C13,17 13,17.5 13.33,17.75C13.67,18 14.33,18 15,18V19H9V18C9.67,18 10.33,18 10.67,17.75C11,17.5 11,17 11,16.5V6H8.5C7.89,6 7.27,6 6.74,6.43C6.21,6.87 5.75,7.74 5.3,8.61L4.34,8.35L5.5,4H18.5Z" /></svg>
\ No newline at end of file
diff --git a/img/buttonIconsBlack/line.svg b/img/buttonIconsBlack/line.svg
new file mode 100644
index 00000000..5e2ceae0
--- /dev/null
+++ b/img/buttonIconsBlack/line.svg
@@ -0,0 +1,56 @@
+<?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="24"
+   height="24"
+   viewBox="0 0 24 24"
+   id="svg4"
+   sodipodi:docname="line.svg"
+   inkscape:version="0.92.1 r">
+  <metadata
+     id="metadata10">
+    <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="defs8" />
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1024"
+     inkscape:window-height="739"
+     id="namedview6"
+     showgrid="false"
+     inkscape:zoom="13.906433"
+     inkscape:cx="23.17003"
+     inkscape:cy="4.6992085"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg4" />
+  <path
+     d="M 19,6.41 17.59,5 7,15.59 v 0 L 4.8093221,17.726058 5.548,18.567797 6.2288135,19.177966 8.41,17 v 0 z"
+     id="path2"
+     inkscape:connector-curvature="0"
+     sodipodi:nodetypes="cccccccccc" />
+</svg>
diff --git a/img/buttonIconsBlack/marker.svg b/img/buttonIconsBlack/marker.svg
new file mode 100644
index 00000000..527424ca
--- /dev/null
+++ b/img/buttonIconsBlack/marker.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="24" height="24" viewBox="0 0 24 24"><path d="M18.5,1.15C17.97,1.15 17.46,1.34 17.07,1.73L11.26,7.55L16.91,13.2L22.73,7.39C23.5,6.61 23.5,5.35 22.73,4.56L19.89,1.73C19.5,1.34 19,1.15 18.5,1.15M10.3,8.5L4.34,14.46C3.56,15.24 3.56,16.5 4.36,17.31C3.14,18.54 1.9,19.77 0.67,21H6.33L7.19,20.14C7.97,20.9 9.22,20.89 10,20.12L15.95,14.16" /></svg>
\ No newline at end of file
diff --git a/img/buttonIconsBlack/mouse-off.svg b/img/buttonIconsBlack/mouse-off.svg
new file mode 100644
index 00000000..efadb212
--- /dev/null
+++ b/img/buttonIconsBlack/mouse-off.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="24" height="24" viewBox="0 0 24 24"><path d="M2,5.27L3.28,4L20,20.72L18.73,22L17.5,20.79C16.08,22.16 14.14,23 12,23C7.58,23 4,19.42 4,15V11H7.73L5.73,9H4C4,8.46 4.05,7.93 4.15,7.42L2,5.27M11,1.07V9H10.82L5.79,3.96C7.05,2.4 8.9,1.33 11,1.07M20,11V15C20,15.95 19.83,16.86 19.53,17.71L12.82,11H20M13,1.07C16.94,1.56 20,4.92 20,9H13V1.07Z" /></svg>
\ No newline at end of file
diff --git a/img/buttonIconsBlack/mouse.svg b/img/buttonIconsBlack/mouse.svg
new file mode 100644
index 00000000..982f21c6
--- /dev/null
+++ b/img/buttonIconsBlack/mouse.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="24" height="24" viewBox="0 0 24 24"><path d="M11,1.07C7.05,1.56 4,4.92 4,9H11M4,15C4,19.42 7.58,23 12,23C16.42,23 20,19.42 20,15V11H4M13,1.07V9H20C20,4.92 16.94,1.56 13,1.07Z" /></svg>
\ No newline at end of file
diff --git a/img/buttonIconsBlack/pencil.svg b/img/buttonIconsBlack/pencil.svg
new file mode 100644
index 00000000..bb4259a3
--- /dev/null
+++ b/img/buttonIconsBlack/pencil.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="24" height="24" viewBox="0 0 24 24"><path d="M20.71,7.04C21.1,6.65 21.1,6 20.71,5.63L18.37,3.29C18,2.9 17.35,2.9 16.96,3.29L15.12,5.12L18.87,8.87M3,17.25V21H6.75L17.81,9.93L14.06,6.18L3,17.25Z" /></svg>
\ No newline at end of file
diff --git a/img/buttonIconsBlack/square-outline.svg b/img/buttonIconsBlack/square-outline.svg
new file mode 100644
index 00000000..3b5101b9
--- /dev/null
+++ b/img/buttonIconsBlack/square-outline.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="24" height="24" viewBox="0 0 24 24"><path d="M3,3H21V21H3V3M5,5V19H19V5H5Z" /></svg>
\ No newline at end of file
diff --git a/img/buttonIconsBlack/undo-variant.svg b/img/buttonIconsBlack/undo-variant.svg
new file mode 100644
index 00000000..db1f7c91
--- /dev/null
+++ b/img/buttonIconsBlack/undo-variant.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="24" height="24" viewBox="0 0 24 24"><path d="M13.5,7C17.09,7 20,9.91 20,13.5C20,17.09 17.09,20 13.5,20H10V18H13.5C16,18 18,16 18,13.5C18,11 16,9 13.5,9H7.83L10.91,12.09L9.5,13.5L4,8L9.5,2.5L10.92,3.91L7.83,7H13.5M6,18H8V20H6V18Z" /></svg>
\ No newline at end of file
diff --git a/img/buttonIconsWhite/LICENSE.txt b/img/buttonIconsWhite/LICENSE.txt
new file mode 100644
index 00000000..d6456956
--- /dev/null
+++ b/img/buttonIconsWhite/LICENSE.txt
@@ -0,0 +1,202 @@
+
+                                 Apache License
+                           Version 2.0, January 2004
+                        http://www.apache.org/licenses/
+
+   TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
+
+   1. Definitions.
+
+      "License" shall mean the terms and conditions for use, reproduction,
+      and distribution as defined by Sections 1 through 9 of this document.
+
+      "Licensor" shall mean the copyright owner or entity authorized by
+      the copyright owner that is granting the License.
+
+      "Legal Entity" shall mean the union of the acting entity and all
+      other entities that control, are controlled by, or are under common
+      control with that entity. For the purposes of this definition,
+      "control" means (i) the power, direct or indirect, to cause the
+      direction or management of such entity, whether by contract or
+      otherwise, or (ii) ownership of fifty percent (50%) or more of the
+      outstanding shares, or (iii) beneficial ownership of such entity.
+
+      "You" (or "Your") shall mean an individual or Legal Entity
+      exercising permissions granted by this License.
+
+      "Source" form shall mean the preferred form for making modifications,
+      including but not limited to software source code, documentation
+      source, and configuration files.
+
+      "Object" form shall mean any form resulting from mechanical
+      transformation or translation of a Source form, including but
+      not limited to compiled object code, generated documentation,
+      and conversions to other media types.
+
+      "Work" shall mean the work of authorship, whether in Source or
+      Object form, made available under the License, as indicated by a
+      copyright notice that is included in or attached to the work
+      (an example is provided in the Appendix below).
+
+      "Derivative Works" shall mean any work, whether in Source or Object
+      form, that is based on (or derived from) the Work and for which the
+      editorial revisions, annotations, elaborations, or other modifications
+      represent, as a whole, an original work of authorship. For the purposes
+      of this License, Derivative Works shall not include works that remain
+      separable from, or merely link (or bind by name) to the interfaces of,
+      the Work and Derivative Works thereof.
+
+      "Contribution" shall mean any work of authorship, including
+      the original version of the Work and any modifications or additions
+      to that Work or Derivative Works thereof, that is intentionally
+      submitted to Licensor for inclusion in the Work by the copyright owner
+      or by an individual or Legal Entity authorized to submit on behalf of
+      the copyright owner. For the purposes of this definition, "submitted"
+      means any form of electronic, verbal, or written communication sent
+      to the Licensor or its representatives, including but not limited to
+      communication on electronic mailing lists, source code control systems,
+      and issue tracking systems that are managed by, or on behalf of, the
+      Licensor for the purpose of discussing and improving the Work, but
+      excluding communication that is conspicuously marked or otherwise
+      designated in writing by the copyright owner as "Not a Contribution."
+
+      "Contributor" shall mean Licensor and any individual or Legal Entity
+      on behalf of whom a Contribution has been received by Licensor and
+      subsequently incorporated within the Work.
+
+   2. Grant of Copyright License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      copyright license to reproduce, prepare Derivative Works of,
+      publicly display, publicly perform, sublicense, and distribute the
+      Work and such Derivative Works in Source or Object form.
+
+   3. Grant of Patent License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      (except as stated in this section) patent license to make, have made,
+      use, offer to sell, sell, import, and otherwise transfer the Work,
+      where such license applies only to those patent claims licensable
+      by such Contributor that are necessarily infringed by their
+      Contribution(s) alone or by combination of their Contribution(s)
+      with the Work to which such Contribution(s) was submitted. If You
+      institute patent litigation against any entity (including a
+      cross-claim or counterclaim in a lawsuit) alleging that the Work
+      or a Contribution incorporated within the Work constitutes direct
+      or contributory patent infringement, then any patent licenses
+      granted to You under this License for that Work shall terminate
+      as of the date such litigation is filed.
+
+   4. Redistribution. You may reproduce and distribute copies of the
+      Work or Derivative Works thereof in any medium, with or without
+      modifications, and in Source or Object form, provided that You
+      meet the following conditions:
+
+      (a) You must give any other recipients of the Work or
+          Derivative Works a copy of this License; and
+
+      (b) You must cause any modified files to carry prominent notices
+          stating that You changed the files; and
+
+      (c) You must retain, in the Source form of any Derivative Works
+          that You distribute, all copyright, patent, trademark, and
+          attribution notices from the Source form of the Work,
+          excluding those notices that do not pertain to any part of
+          the Derivative Works; and
+
+      (d) If the Work includes a "NOTICE" text file as part of its
+          distribution, then any Derivative Works that You distribute must
+          include a readable copy of the attribution notices contained
+          within such NOTICE file, excluding those notices that do not
+          pertain to any part of the Derivative Works, in at least one
+          of the following places: within a NOTICE text file distributed
+          as part of the Derivative Works; within the Source form or
+          documentation, if provided along with the Derivative Works; or,
+          within a display generated by the Derivative Works, if and
+          wherever such third-party notices normally appear. The contents
+          of the NOTICE file are for informational purposes only and
+          do not modify the License. You may add Your own attribution
+          notices within Derivative Works that You distribute, alongside
+          or as an addendum to the NOTICE text from the Work, provided
+          that such additional attribution notices cannot be construed
+          as modifying the License.
+
+      You may add Your own copyright statement to Your modifications and
+      may provide additional or different license terms and conditions
+      for use, reproduction, or distribution of Your modifications, or
+      for any such Derivative Works as a whole, provided Your use,
+      reproduction, and distribution of the Work otherwise complies with
+      the conditions stated in this License.
+
+   5. Submission of Contributions. Unless You explicitly state otherwise,
+      any Contribution intentionally submitted for inclusion in the Work
+      by You to the Licensor shall be under the terms and conditions of
+      this License, without any additional terms or conditions.
+      Notwithstanding the above, nothing herein shall supersede or modify
+      the terms of any separate license agreement you may have executed
+      with Licensor regarding such Contributions.
+
+   6. Trademarks. This License does not grant permission to use the trade
+      names, trademarks, service marks, or product names of the Licensor,
+      except as required for reasonable and customary use in describing the
+      origin of the Work and reproducing the content of the NOTICE file.
+
+   7. Disclaimer of Warranty. Unless required by applicable law or
+      agreed to in writing, Licensor provides the Work (and each
+      Contributor provides its Contributions) on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
+      implied, including, without limitation, any warranties or conditions
+      of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
+      PARTICULAR PURPOSE. You are solely responsible for determining the
+      appropriateness of using or redistributing the Work and assume any
+      risks associated with Your exercise of permissions under this License.
+
+   8. Limitation of Liability. In no event and under no legal theory,
+      whether in tort (including negligence), contract, or otherwise,
+      unless required by applicable law (such as deliberate and grossly
+      negligent acts) or agreed to in writing, shall any Contributor be
+      liable to You for damages, including any direct, indirect, special,
+      incidental, or consequential damages of any character arising as a
+      result of this License or out of the use or inability to use the
+      Work (including but not limited to damages for loss of goodwill,
+      work stoppage, computer failure or malfunction, or any and all
+      other commercial damages or losses), even if such Contributor
+      has been advised of the possibility of such damages.
+
+   9. Accepting Warranty or Additional Liability. While redistributing
+      the Work or Derivative Works thereof, You may choose to offer,
+      and charge a fee for, acceptance of support, warranty, indemnity,
+      or other liability obligations and/or rights consistent with this
+      License. However, in accepting such obligations, You may act only
+      on Your own behalf and on Your sole responsibility, not on behalf
+      of any other Contributor, and only if You agree to indemnify,
+      defend, and hold each Contributor harmless for any liability
+      incurred by, or claims asserted against, such Contributor by reason
+      of your accepting any such warranty or additional liability.
+
+   END OF TERMS AND CONDITIONS
+
+   APPENDIX: How to apply the Apache License to your work.
+
+      To apply the Apache License to your work, attach the following
+      boilerplate notice, with the fields enclosed by brackets "[]"
+      replaced with your own identifying information. (Don't include
+      the brackets!)  The text should be enclosed in the appropriate
+      comment syntax for the file format. We also recommend that a
+      file or class name and description of purpose be included on the
+      same "printed page" as the copyright notice for easier
+      identification within third-party archives.
+
+   Copyright [yyyy] [name of copyright owner]
+
+   Licensed under the Apache License, Version 2.0 (the "License");
+   you may not use this file except in compliance with the License.
+   You may obtain a copy of the License at
+
+       http://www.apache.org/licenses/LICENSE-2.0
+
+   Unless required by applicable law or agreed to in writing, software
+   distributed under the License is distributed on an "AS IS" BASIS,
+   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+   See the License for the specific language governing permissions and
+   limitations under the License.
diff --git a/img/buttonIconsWhite/README.md b/img/buttonIconsWhite/README.md
new file mode 100644
index 00000000..d3b113ec
--- /dev/null
+++ b/img/buttonIconsWhite/README.md
@@ -0,0 +1 @@
+ Google Material Design Icons are licensed under Apache License 2.0 (see LICENSE.txt)
diff --git a/img/buttonIconsWhite/arrow-bottom-left.svg b/img/buttonIconsWhite/arrow-bottom-left.svg
new file mode 100644
index 00000000..eaa52b12
--- /dev/null
+++ b/img/buttonIconsWhite/arrow-bottom-left.svg
@@ -0,0 +1,54 @@
+<?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="24"
+   height="24"
+   viewBox="0 0 24 24"
+   id="svg4"
+   sodipodi:docname="arrow-bottom-left.svg"
+   inkscape:version="0.92.1 r">
+  <metadata
+     id="metadata10">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs8" />
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="640"
+     inkscape:window-height="496"
+     id="namedview6"
+     showgrid="false"
+     inkscape:zoom="9.8333333"
+     inkscape:cx="10.220339"
+     inkscape:cy="12"
+     inkscape:window-x="1124"
+     inkscape:window-y="69"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="svg4" />
+  <path
+     d="M19,6.41L17.59,5L7,15.59V9H5V19H15V17H8.41L19,6.41Z"
+     id="path2"
+     style="fill:#ffffff" />
+</svg>
diff --git a/img/buttonIconsWhite/circle-outline.svg b/img/buttonIconsWhite/circle-outline.svg
new file mode 100644
index 00000000..b187c7f9
--- /dev/null
+++ b/img/buttonIconsWhite/circle-outline.svg
@@ -0,0 +1,54 @@
+<?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="24"
+   height="24"
+   viewBox="0 0 24 24"
+   id="svg4"
+   sodipodi:docname="circle-outline.svg"
+   inkscape:version="0.92.1 r">
+  <metadata
+     id="metadata10">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs8" />
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="640"
+     inkscape:window-height="496"
+     id="namedview6"
+     showgrid="false"
+     inkscape:zoom="9.8333333"
+     inkscape:cx="10.220339"
+     inkscape:cy="12"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="svg4" />
+  <path
+     d="M12,20C7.58,20 4,16.42 4,12C4,7.58 7.58,4 12,4C16.42,4 20,7.58 20,12C20,16.42 16.42,20 12,20M12,2C6.48,2 2,6.48 2,12C2,17.52 6.48,22 12,22C17.52,22 22,17.52 22,12C22,6.48 17.52,2 12,2Z"
+     id="path2"
+     style="fill:#ffffff" />
+</svg>
diff --git a/img/buttonIconsWhite/close.svg b/img/buttonIconsWhite/close.svg
new file mode 100644
index 00000000..5df7c3f0
--- /dev/null
+++ b/img/buttonIconsWhite/close.svg
@@ -0,0 +1,54 @@
+<?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="24"
+   height="24"
+   viewBox="0 0 24 24"
+   id="svg4"
+   sodipodi:docname="close.svg"
+   inkscape:version="0.92.1 r">
+  <metadata
+     id="metadata10">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs8" />
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="640"
+     inkscape:window-height="496"
+     id="namedview6"
+     showgrid="false"
+     inkscape:zoom="9.8333333"
+     inkscape:cx="10.220339"
+     inkscape:cy="12"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="svg4" />
+  <path
+     d="M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z"
+     id="path2"
+     style="fill:#ffffff" />
+</svg>
diff --git a/img/buttonIconsWhite/cloud-upload.svg b/img/buttonIconsWhite/cloud-upload.svg
new file mode 100644
index 00000000..6238d637
--- /dev/null
+++ b/img/buttonIconsWhite/cloud-upload.svg
@@ -0,0 +1,54 @@
+<?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="24"
+   height="24"
+   viewBox="0 0 24 24"
+   id="svg4"
+   sodipodi:docname="cloud-upload.svg"
+   inkscape:version="0.92.1 r">
+  <metadata
+     id="metadata10">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs8" />
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="640"
+     inkscape:window-height="496"
+     id="namedview6"
+     showgrid="false"
+     inkscape:zoom="9.8333333"
+     inkscape:cx="10.220339"
+     inkscape:cy="12"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="svg4" />
+  <path
+     d="M14,13V17H10V13H7L12,8L17,13M19.35,10.03C18.67,6.59 15.64,4 12,4C9.11,4 6.6,5.64 5.35,8.03C2.34,8.36 0,10.9 0,14C0,17.31 2.69,20 6,20H19C21.76,20 24,17.76 24,15C24,12.36 21.95,10.22 19.35,10.03Z"
+     id="path2"
+     style="fill:#ffffff" />
+</svg>
diff --git a/img/buttonIconsWhite/content-copy.svg b/img/buttonIconsWhite/content-copy.svg
new file mode 100644
index 00000000..85fc5c64
--- /dev/null
+++ b/img/buttonIconsWhite/content-copy.svg
@@ -0,0 +1,54 @@
+<?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="24"
+   height="24"
+   viewBox="0 0 24 24"
+   id="svg4"
+   sodipodi:docname="content-copy.svg"
+   inkscape:version="0.92.1 r">
+  <metadata
+     id="metadata10">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs8" />
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="640"
+     inkscape:window-height="496"
+     id="namedview6"
+     showgrid="false"
+     inkscape:zoom="9.8333333"
+     inkscape:cx="10.220339"
+     inkscape:cy="12"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="svg4" />
+  <path
+     d="M19,21H8V7H19M19,5H8C6.9,5 6,5.9 6,7V21C6,22.1 6.9,23 8,23H19C20.1,23 21,22.1 21,21V7C21,5.9 20.1,5 19,5M16,1H4C2.9,1 2,1.9 2,3V17H4V3H16V1Z"
+     id="path2"
+     style="fill:#ffffff" />
+</svg>
diff --git a/img/buttonIconsWhite/content-save.svg b/img/buttonIconsWhite/content-save.svg
new file mode 100644
index 00000000..b9bd4d6c
--- /dev/null
+++ b/img/buttonIconsWhite/content-save.svg
@@ -0,0 +1,54 @@
+<?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="24"
+   height="24"
+   viewBox="0 0 24 24"
+   id="svg4"
+   sodipodi:docname="content-save.svg"
+   inkscape:version="0.92.1 r">
+  <metadata
+     id="metadata10">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs8" />
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="640"
+     inkscape:window-height="496"
+     id="namedview6"
+     showgrid="false"
+     inkscape:zoom="9.8333333"
+     inkscape:cx="10.220339"
+     inkscape:cy="12"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="svg4" />
+  <path
+     d="M15,9H5V5H15M12,19C10.34,19 9,17.66 9,16C9,14.34 10.34,13 12,13C13.66,13 15,14.34 15,16C15,17.66 13.66,19 12,19M17,3H5C3.89,3 3,3.9 3,5V19C3,20.1 3.9,21 5,21H19C20.1,21 21,20.1 21,19V7L17,3Z"
+     id="path2"
+     style="fill:#ffffff" />
+</svg>
diff --git a/img/buttonIconsWhite/cursor-move.svg b/img/buttonIconsWhite/cursor-move.svg
new file mode 100644
index 00000000..f65e382c
--- /dev/null
+++ b/img/buttonIconsWhite/cursor-move.svg
@@ -0,0 +1,55 @@
+<?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="24"
+   height="24"
+   viewBox="0 0 24 24"
+   id="svg4"
+   sodipodi:docname="cursor-move.svg"
+   inkscape:version="0.92.1 r">
+  <metadata
+     id="metadata10">
+    <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="defs8" />
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="640"
+     inkscape:window-height="496"
+     id="namedview6"
+     showgrid="false"
+     inkscape:zoom="9.8333333"
+     inkscape:cx="10.220339"
+     inkscape:cy="12"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="svg4" />
+  <path
+     d="M13,6V11H18V7.75L22.25,12L18,16.25V13H13V18H16.25L12,22.25L7.75,18H11V13H6V16.25L1.75,12L6,7.75V11H11V6H7.75L12,1.75L16.25,6H13Z"
+     id="path2"
+     style="fill:#ffffff" />
+</svg>
diff --git a/img/buttonIconsWhite/exit-to-app.svg b/img/buttonIconsWhite/exit-to-app.svg
new file mode 100644
index 00000000..e7c5ac12
--- /dev/null
+++ b/img/buttonIconsWhite/exit-to-app.svg
@@ -0,0 +1,54 @@
+<?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="24"
+   height="24"
+   viewBox="0 0 24 24"
+   id="svg4"
+   sodipodi:docname="exit-to-app.svg"
+   inkscape:version="0.92.1 r">
+  <metadata
+     id="metadata10">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs8" />
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="640"
+     inkscape:window-height="496"
+     id="namedview6"
+     showgrid="false"
+     inkscape:zoom="9.8333333"
+     inkscape:cx="10.220339"
+     inkscape:cy="12"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="svg4" />
+  <path
+     d="M19,3H5C3.89,3 3,3.89 3,5V9H5V5H19V19H5V15H3V19C3,20.1 3.9,21 5,21H19C20.1,21 21,20.1 21,19V5C21,3.89 20.1,3 19,3M10.08,15.58L11.5,17L16.5,12L11.5,7L10.08,8.41L12.67,11H3V13H12.67L10.08,15.58Z"
+     id="path2"
+     style="fill:#ffffff" />
+</svg>
diff --git a/img/buttonIconsWhite/format-text.svg b/img/buttonIconsWhite/format-text.svg
new file mode 100644
index 00000000..c2c17d89
--- /dev/null
+++ b/img/buttonIconsWhite/format-text.svg
@@ -0,0 +1,54 @@
+<?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="24"
+   height="24"
+   viewBox="0 0 24 24"
+   id="svg4"
+   sodipodi:docname="format-text.svg"
+   inkscape:version="0.92.1 r">
+  <metadata
+     id="metadata10">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs8" />
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="640"
+     inkscape:window-height="496"
+     id="namedview6"
+     showgrid="false"
+     inkscape:zoom="9.8333333"
+     inkscape:cx="10.220339"
+     inkscape:cy="12"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="svg4" />
+  <path
+     d="M18.5,4L19.66,8.35L18.7,8.61C18.25,7.74 17.79,6.87 17.26,6.43C16.73,6 16.11,6 15.5,6H13V16.5C13,17 13,17.5 13.33,17.75C13.67,18 14.33,18 15,18V19H9V18C9.67,18 10.33,18 10.67,17.75C11,17.5 11,17 11,16.5V6H8.5C7.89,6 7.27,6 6.74,6.43C6.21,6.87 5.75,7.74 5.3,8.61L4.34,8.35L5.5,4H18.5Z"
+     id="path2"
+     style="fill:#ffffff" />
+</svg>
diff --git a/img/buttonIconsWhite/line.svg b/img/buttonIconsWhite/line.svg
new file mode 100644
index 00000000..83a7776c
--- /dev/null
+++ b/img/buttonIconsWhite/line.svg
@@ -0,0 +1,57 @@
+<?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="24"
+   height="24"
+   viewBox="0 0 24 24"
+   id="svg4"
+   sodipodi:docname="line.svg"
+   inkscape:version="0.92.1 r">
+  <metadata
+     id="metadata10">
+    <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="defs8" />
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1366"
+     inkscape:window-height="709"
+     id="namedview6"
+     showgrid="false"
+     inkscape:zoom="13.906433"
+     inkscape:cx="21.91162"
+     inkscape:cy="4.6992085"
+     inkscape:window-x="1024"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg4" />
+  <path
+     d="M 19,6.41 17.59,5 7,15.59 v 0 L 4.8093221,17.726058 5.548,18.567797 6.2288135,19.177966 8.41,17 v 0 z"
+     id="path2"
+     inkscape:connector-curvature="0"
+     sodipodi:nodetypes="cccccccccc"
+     style="fill:#ffffff" />
+</svg>
diff --git a/img/buttonIconsWhite/marker.svg b/img/buttonIconsWhite/marker.svg
new file mode 100644
index 00000000..3a769ede
--- /dev/null
+++ b/img/buttonIconsWhite/marker.svg
@@ -0,0 +1,54 @@
+<?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="24"
+   height="24"
+   viewBox="0 0 24 24"
+   id="svg4"
+   sodipodi:docname="marker.svg"
+   inkscape:version="0.92.1 r">
+  <metadata
+     id="metadata10">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs8" />
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="640"
+     inkscape:window-height="496"
+     id="namedview6"
+     showgrid="false"
+     inkscape:zoom="9.8333333"
+     inkscape:cx="10.220339"
+     inkscape:cy="12"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="svg4" />
+  <path
+     d="M18.5,1.15C17.97,1.15 17.46,1.34 17.07,1.73L11.26,7.55L16.91,13.2L22.73,7.39C23.5,6.61 23.5,5.35 22.73,4.56L19.89,1.73C19.5,1.34 19,1.15 18.5,1.15M10.3,8.5L4.34,14.46C3.56,15.24 3.56,16.5 4.36,17.31C3.14,18.54 1.9,19.77 0.67,21H6.33L7.19,20.14C7.97,20.9 9.22,20.89 10,20.12L15.95,14.16"
+     id="path2"
+     style="fill:#ffffff" />
+</svg>
diff --git a/img/buttonIconsWhite/mouse-off.svg b/img/buttonIconsWhite/mouse-off.svg
new file mode 100644
index 00000000..cfdc7389
--- /dev/null
+++ b/img/buttonIconsWhite/mouse-off.svg
@@ -0,0 +1,54 @@
+<?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="24"
+   height="24"
+   viewBox="0 0 24 24"
+   id="svg4"
+   sodipodi:docname="mouse-off.svg"
+   inkscape:version="0.92.1 r">
+  <metadata
+     id="metadata10">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs8" />
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="640"
+     inkscape:window-height="496"
+     id="namedview6"
+     showgrid="false"
+     inkscape:zoom="9.8333333"
+     inkscape:cx="10.220339"
+     inkscape:cy="12"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="svg4" />
+  <path
+     d="M2,5.27L3.28,4L20,20.72L18.73,22L17.5,20.79C16.08,22.16 14.14,23 12,23C7.58,23 4,19.42 4,15V11H7.73L5.73,9H4C4,8.46 4.05,7.93 4.15,7.42L2,5.27M11,1.07V9H10.82L5.79,3.96C7.05,2.4 8.9,1.33 11,1.07M20,11V15C20,15.95 19.83,16.86 19.53,17.71L12.82,11H20M13,1.07C16.94,1.56 20,4.92 20,9H13V1.07Z"
+     id="path2"
+     style="fill:#ffffff" />
+</svg>
diff --git a/img/buttonIconsWhite/mouse.svg b/img/buttonIconsWhite/mouse.svg
new file mode 100644
index 00000000..94b67439
--- /dev/null
+++ b/img/buttonIconsWhite/mouse.svg
@@ -0,0 +1,54 @@
+<?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="24"
+   height="24"
+   viewBox="0 0 24 24"
+   id="svg4"
+   sodipodi:docname="mouse.svg"
+   inkscape:version="0.92.1 r">
+  <metadata
+     id="metadata10">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs8" />
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="640"
+     inkscape:window-height="496"
+     id="namedview6"
+     showgrid="false"
+     inkscape:zoom="9.8333333"
+     inkscape:cx="10.220339"
+     inkscape:cy="12"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="svg4" />
+  <path
+     d="M11,1.07C7.05,1.56 4,4.92 4,9H11M4,15C4,19.42 7.58,23 12,23C16.42,23 20,19.42 20,15V11H4M13,1.07V9H20C20,4.92 16.94,1.56 13,1.07Z"
+     id="path2"
+     style="fill:#ffffff" />
+</svg>
diff --git a/img/buttonIconsWhite/pencil.svg b/img/buttonIconsWhite/pencil.svg
new file mode 100644
index 00000000..b9f8094c
--- /dev/null
+++ b/img/buttonIconsWhite/pencil.svg
@@ -0,0 +1,54 @@
+<?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="24"
+   height="24"
+   viewBox="0 0 24 24"
+   id="svg4"
+   sodipodi:docname="pencil.svg"
+   inkscape:version="0.92.1 r">
+  <metadata
+     id="metadata10">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs8" />
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="640"
+     inkscape:window-height="496"
+     id="namedview6"
+     showgrid="false"
+     inkscape:zoom="9.8333333"
+     inkscape:cx="10.220339"
+     inkscape:cy="12"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="svg4" />
+  <path
+     d="M20.71,7.04C21.1,6.65 21.1,6 20.71,5.63L18.37,3.29C18,2.9 17.35,2.9 16.96,3.29L15.12,5.12L18.87,8.87M3,17.25V21H6.75L17.81,9.93L14.06,6.18L3,17.25Z"
+     id="path2"
+     style="fill:#ffffff" />
+</svg>
diff --git a/img/buttonIconsWhite/square-outline.svg b/img/buttonIconsWhite/square-outline.svg
new file mode 100644
index 00000000..b25ada03
--- /dev/null
+++ b/img/buttonIconsWhite/square-outline.svg
@@ -0,0 +1,54 @@
+<?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="24"
+   height="24"
+   viewBox="0 0 24 24"
+   id="svg4"
+   sodipodi:docname="square-outline.svg"
+   inkscape:version="0.92.1 r">
+  <metadata
+     id="metadata10">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs8" />
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="640"
+     inkscape:window-height="496"
+     id="namedview6"
+     showgrid="false"
+     inkscape:zoom="9.8333333"
+     inkscape:cx="10.220339"
+     inkscape:cy="12"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="svg4" />
+  <path
+     d="M3,3H21V21H3V3M5,5V19H19V5H5Z"
+     id="path2"
+     style="fill:#ffffff" />
+</svg>
diff --git a/img/buttonIconsWhite/undo-variant.svg b/img/buttonIconsWhite/undo-variant.svg
new file mode 100644
index 00000000..5a8514c9
--- /dev/null
+++ b/img/buttonIconsWhite/undo-variant.svg
@@ -0,0 +1,54 @@
+<?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="24"
+   height="24"
+   viewBox="0 0 24 24"
+   id="svg4"
+   sodipodi:docname="undo-variant.svg"
+   inkscape:version="0.92.1 r">
+  <metadata
+     id="metadata10">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs8" />
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="640"
+     inkscape:window-height="496"
+     id="namedview6"
+     showgrid="false"
+     inkscape:zoom="9.8333333"
+     inkscape:cx="10.220339"
+     inkscape:cy="12"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="svg4" />
+  <path
+     d="M13.5,7C17.09,7 20,9.91 20,13.5C20,17.09 17.09,20 13.5,20H10V18H13.5C16,18 18,16 18,13.5C18,11 16,9 13.5,9H7.83L10.91,12.09L9.5,13.5L4,8L9.5,2.5L10.92,3.91L7.83,7H13.5M6,18H8V20H6V18Z"
+     id="path2"
+     style="fill:#ffffff" />
+</svg>
diff --git a/img/flameshot.svg b/img/flameshot.svg
new file mode 100644
index 00000000..44f49738
--- /dev/null
+++ b/img/flameshot.svg
@@ -0,0 +1,94 @@
+<?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"
+   id="Layer_1"
+   x="0px"
+   y="0px"
+   viewBox="0 0 64 64"
+   enable-background="new 0 0 64 64"
+   xml:space="preserve"
+   sodipodi:docname="libreshot.svg"
+   inkscape:version="0.92.1 r"
+   inkscape:export-filename="/home/dharkael/qt/libreshot/src/libreshot.svg.png"
+   inkscape:export-xdpi="96"
+   inkscape:export-ydpi="96"><metadata
+     id="metadata101"><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="defs99" /><sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1366"
+     inkscape:window-height="709"
+     id="namedview97"
+     showgrid="false"
+     inkscape:zoom="5.2149126"
+     inkscape:cx="15.629948"
+     inkscape:cy="24.949905"
+     inkscape:window-x="1024"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="Layer_1" /><g
+     id="g6"
+     style="fill:#8800aa;fill-opacity:1"><g
+       id="g4"
+       style="fill:#8800aa;fill-opacity:1"><path
+         inkscape:connector-curvature="0"
+         style="fill:#8800aa;fill-opacity:1"
+         id="path2"
+         d="M 32,0 C 49.7,0 64,14.3 64,32 64,49.7 49.7,64 32,64 14.3,64 0,49.7 0,32 0,14.3 14.3,0 32,0 Z" /></g></g><g
+     id="g12"><g
+       id="g10" /></g><g
+     id="g18"><g
+       id="g16" /></g><g
+     id="g24"><g
+       id="g22" /></g><g
+     id="g30"><g
+       id="g28" /></g><g
+     id="g36"><g
+       id="g34" /></g><g
+     id="g42"><g
+       id="g40" /></g><g
+     id="g60"><g
+       id="g58" /></g><g
+     id="g66"><g
+       id="g64" /></g><g
+     id="g72"><g
+       id="g70" /></g><path
+     style="fill:#ff0066;fill-opacity:1;stroke-width:1.13713586"
+     d="M 34.301727,27.763661 C 52.85578,24.182344 53.568489,16.090526 53.568489,16.090526 c 0,0 -1.461162,25.077774 -15.020696,26.404551 -17.183092,1.681337 -19.750268,9.787479 -19.750268,9.787479 0,0 4.595184,-22.413228 15.504202,-24.518895 z"
+     id="rect909"
+     inkscape:connector-curvature="0"
+     sodipodi:nodetypes="scscs" /><path
+     sodipodi:nodetypes="scscs"
+     inkscape:connector-curvature="0"
+     id="path912"
+     d="M 23.106366,26.657235 C 38.827819,19.99904 37.387899,9.1374656 37.387899,9.1374656 c 0,0 8.679892,22.1582594 -4.332402,27.3240804 -14.536075,5.770754 -13.88928,15.62802 -13.88928,15.62802 0,0 -5.293267,-21.521885 3.940149,-25.432331 z"
+     style="fill:#ff6600;fill-opacity:1;stroke-width:1.01643908" /><path
+     style="fill:#ffcc00;fill-opacity:1;stroke-width:0.81940109"
+     d="m 13.844924,32.547713 c 8.832834,-11.647275 6.84612,-19.816349 6.84612,-19.816349 0,0 11.316725,14.190349 3.61602,22.979377 -8.602482,9.818252 -4.856061,16.648887 -4.856061,16.648887 0,0 -10.6722595,-13.131467 -5.606079,-19.811915 z"
+     id="path914"
+     inkscape:connector-curvature="0"
+     sodipodi:nodetypes="scscs" /><g
+     id="g48"
+     transform="translate(-89.35912,-5.3692182)"><g
+       id="g46"><path
+         style="fill:#ffffff"
+         inkscape:connector-curvature="0"
+         id="path44"
+         d="M 34.5,25.7 C 35.6,25.2 36.8,25 38,25 c 1.3,0 2.4,0.3 3.5,0.7 3.2,1.4 5.5,4.6 5.5,8.3 0,5 -4,9 -9,9 v 0 c -5,0 -9,-4.1 -9,-9 0,-3.7 2.3,-6.9 5.5,-8.3 z" /></g></g></svg>
\ No newline at end of file
diff --git a/img/flameshotLogoLicense.txt b/img/flameshotLogoLicense.txt
new file mode 100644
index 00000000..027fc787
--- /dev/null
+++ b/img/flameshotLogoLicense.txt
@@ -0,0 +1,253 @@
+Free Art License 1.3
+
+
+[ Copyleft Attitude ]
+
+Free Art License 1.3 (FAL 1.3)
+
+Preamble
+
+The Free Art License grants the right to freely copy, distribute, and
+transform creative works without infringing the author's rights.
+
+The Free Art License recognizes and protects these rights. Their
+implementation has been reformulated in order to allow everyone to use
+creations of the human mind in a creative manner, regardless of their
+types and ways of expression.
+
+While the public's access to creations of the human mind usually is
+restricted by the implementation of copyright law, it is favoured by
+the Free Art License. This license intends to allow the use of a
+work’s resources; to establish new conditions for creating in order to
+increase creation opportunities. The Free Art License grants the right
+to use a work, and acknowledges the right holder’s and the user’s
+rights and responsibility.
+
+The invention and development of digital technologies, Internet and
+Free Software have changed creation methods: creations of the human
+mind can obviously be distributed, exchanged, and transformed. They
+allow to produce common works to which everyone can contribute to the
+benefit of all.
+
+The main rationale for this Free Art License is to promote and protect
+these creations of the human mind according to the principles of
+copyleft: freedom to use, copy, distribute, transform, and prohibition
+of exclusive appropriation.
+
+Definitions
+
+“work” either means the initial work, the subsequent works or the
+common work as defined hereafter:
+
+“common work” means a work composed of the initial work and all
+subsequent contributions to it (originals and copies). The initial
+author is the one who, by choosing this license, defines the
+conditions under which contributions are made.
+
+“Initial work” means the work created by the initiator of the common
+work (as defined above), the copies of which can be modified by
+whoever wants to
+
+“Subsequent works” means the contributions made by authors who
+participate in the evolution of the common work by exercising the
+rights to reproduce, distribute, and modify that are granted by the
+license.
+
+“Originals” (sources or resources of the work) means all copies of
+either the initial work or any subsequent work mentioning a date and
+used by their author(s) as references for any subsequent updates,
+interpretations, copies or reproductions.
+
+“Copy” means any reproduction of an original as defined by this
+license.
+
+1. OBJECT
+
+The aim of this license is to define the conditions under which one
+can use this work freely.
+
+2. SCOPE
+
+This work is subject to copyright law. Through this license its author
+specifies the extent to which you can copy, distribute, and modify it.
+
+2.1 FREEDOM TO COPY (OR TO MAKE REPRODUCTIONS)
+
+You have the right to copy this work for yourself, your friends or any
+other person, whatever the technique used.
+
+2.2 FREEDOM TO DISTRIBUTE, TO PERFORM IN PUBLIC
+
+You have the right to distribute copies of this work; whether modified
+or not, whatever the medium and the place, with or without any charge,
+provided that you: attach this license without any modification to the
+copies of this work or indicate precisely where the license can be
+found, specify to the recipient the names of the author(s) of the
+originals, including yours if you have modified the work, specify to
+the recipient where to access the originals (either initial or
+subsequent).
+
+The authors of the originals may, if they wish to, give you the right
+to distribute the originals under the same conditions as the copies.
+
+2.3 FREEDOM TO MODIFY
+
+You have the right to modify copies of the originals (whether initial
+or subsequent) provided you comply with the following conditions: all
+conditions in article 2.2 above, if you distribute modified copies;
+indicate that the work has been modified and, if it is possible, what
+kind of modifications have been made; distribute the subsequent work
+under the same license or any compatible license.
+
+The author(s) of the original work may give you the right to modify it
+under the same conditions as the copies.
+
+3. RELATED RIGHTS
+
+Activities giving rise to author’s rights and related rights shall not
+challenge the rights granted by this license.
+
+For example, this is the reason why performances must be subject to
+the same license or a compatible license. Similarly, integrating the
+work in a database, a compilation or an anthology shall not prevent
+anyone from using the work under the same conditions as those defined
+in this license.
+
+4. INCORPORATION OF THE WORK
+
+Incorporating this work into a larger work that is not subject to the
+Free Art License shall not challenge the rights granted by this
+license.
+
+If the work can no longer be accessed apart from the larger work in
+which it is incorporated, then incorporation shall only be allowed
+under the condition that the larger work is subject either to the Free
+Art License or a compatible license.
+
+5. COMPATIBILITY
+
+A license is compatible with the Free Art License provided: it gives
+the right to copy, distribute, and modify copies of the work including
+for commercial purposes and without any other restrictions than those
+required by the respect of the other compatibility criteria; it
+ensures proper attribution of the work to its authors and access to
+previous versions of the work when possible; it recognizes the Free
+Art License as compatible (reciprocity); it requires that changes made
+to the work be subject to the same license or to a license which also
+meets these compatibility criteria.
+
+6. YOUR INTELLECTUAL RIGHTS
+
+This license does not aim at denying your author's rights in your
+contribution or any related right. By choosing to contribute to the
+development of this common work, you only agree to grant others the
+same rights with regard to your contribution as those you were granted
+by this license. Conferring these rights does not mean you have to
+give up your intellectual rights.
+
+7. YOUR RESPONSIBILITIES
+
+The freedom to use the work as defined by the Free Art License (right
+to copy, distribute, modify) implies that everyone is responsible for
+their own actions.
+
+8. DURATION OF THE LICENSE
+
+This license takes effect as of your acceptance of its terms. The act
+of copying, distributing, or modifying the work constitutes a tacit
+agreement. This license will remain in effect for as long as the
+copyright which is attached to the work. If you do not respect the
+terms of this license, you automatically lose the rights that it
+confers.
+
+If the legal status or legislation to which you are subject makes it
+impossible for you to respect the terms of this license, you may not
+make use of the rights which it confers.
+
+9. VARIOUS VERSIONS OF THE LICENSE
+
+This license may undergo periodic modifications to incorporate
+improvements by its authors (instigators of the “Copyleft Attitude”
+movement) by way of new, numbered versions.
+
+You will always have the choice of accepting the terms contained in
+the version under which the copy of the work was distributed to you,
+or alternatively, to use the provisions of one of the subsequent
+versions.
+
+10. SUB-LICENSING
+
+Sub-licenses are not authorized by this license. Any person wishing to
+make use of the rights that it confers will be directly bound to the
+authors of the common work.
+
+11. LEGAL FRAMEWORK
+
+This license is written with respect to both French law and the Berne
+Convention for the Protection of Literary and Artistic Works.
+
+USER GUIDE
+
+- How to use the Free Art License?
+
+To benefit from the Free Art License, you only need to mention the
+following elements on your work:
+
+  [Name of the author, title, date of the work. When applicable, names
+  of authors of the common work and, if possible, where to find the
+  originals].
+
+Copyleft: This is a free work, you can copy, distribute, and modify it
+under the terms of the Free Art License
+http://artlibre.org/licence/lal/en/
+
+- Why to use the Free Art License?
+
+  1.To give the greatest number of people access to your work.
+
+  2.To allow it to be distributed freely.
+
+  3.To allow it to evolve by allowing its copy, distribution, and
+    transformation by others.
+
+  4.So that you benefit from the resources of a work when it is under
+    the Free Art License: to be able to copy, distribute or transform
+    it freely.
+
+  5.But also, because the Free Art License offers a legal framework to
+    disallow any misappropriation. It is forbidden to take hold of
+    your work and bypass the creative process for one's exclusive
+    possession.
+
+
+- When to use the Free Art License?
+
+Any time you want to benefit and make others benefit from the right to
+copy, distribute and transform creative works without any exclusive
+appropriation, you should use the Free Art License. You can for
+example use it for scientific, artistic or educational projects.
+
+- What kinds of works can be subject to the Free Art License?
+
+The Free Art License can be applied to digital as well as physical
+works.  You can choose to apply the Free Art License on any text,
+picture, sound, gesture, or whatever sort of stuff on which you have
+sufficient author's rights.
+
+- Historical background of this license:
+
+It is the result of observing, using and creating digital
+technologies, free software, the Internet and art. It arose from the
+“Copyleft Attitude” meetings which took place in Paris in 2000. For
+the first time, these meetings brought together members of the Free
+Software community, artists, and members of the art world. The goal
+was to adapt the principles of Copyleft and free software to all sorts
+of creations. http://www.artlibre.org
+
+Copyleft Attitude, 2007.
+
+You can make reproductions and distribute this license verbatim
+(without any changes).
+
+    Translation : Jonathan Clarke, Benjamin Jean, Griselda Jung, Fanny
+    Mourguet, Antoine Pitrou.  Thanks to framalang.org 
diff --git a/infowindow.cpp b/infowindow.cpp
new file mode 100644
index 00000000..69eb2099
--- /dev/null
+++ b/infowindow.cpp
@@ -0,0 +1,10 @@
+#include "infowindow.h"
+
+#include <QIcon>
+
+InfoWindow::InfoWindow(QWidget *parent) : QWidget(parent) {
+    setAttribute(Qt::WA_DeleteOnClose);
+    setWindowIcon(QIcon(":img/flameshot.svg"));
+    setWindowTitle(tr("About"));
+    show();
+}
diff --git a/infowindow.h b/infowindow.h
new file mode 100644
index 00000000..95388459
--- /dev/null
+++ b/infowindow.h
@@ -0,0 +1,16 @@
+#ifndef INFOWINDOW_H
+#define INFOWINDOW_H
+
+#include <QWidget>
+
+class InfoWindow : public QWidget {
+    Q_OBJECT
+public:
+    explicit InfoWindow(QWidget *parent = 0);
+
+signals:
+
+public slots:
+};
+
+#endif // INFOWINDOW_H
diff --git a/main.cpp b/main.cpp
new file mode 100644
index 00000000..9a7f272c
--- /dev/null
+++ b/main.cpp
@@ -0,0 +1,21 @@
+#include "controller.h"
+#include <QApplication>
+#include "singleapplication.h"
+
+#include <QFile>
+
+int main(int argc, char *argv[]) {
+    SingleApplication app(argc, argv);
+    app.setApplicationName("flameshot");
+    app.setOrganizationName("Dharkael");
+
+    QFile file(":/styles/button.css");
+    if(file.open(QFile::ReadOnly)) {
+       QString StyleSheet = QLatin1String(file.readAll());
+       app.setStyleSheet(StyleSheet);
+    }
+
+    Controller w;
+
+    return app.exec();
+}
diff --git a/nativeeventfilter.cpp b/nativeeventfilter.cpp
new file mode 100644
index 00000000..758c6460
--- /dev/null
+++ b/nativeeventfilter.cpp
@@ -0,0 +1,61 @@
+#include "nativeeventfilter.h"
+#include <QVector>
+#include <QX11Info>
+#include <X11/Xlib.h>
+#include <X11/Xutil.h>
+#include <xcb/xcb.h>
+
+namespace {
+    Display * display;        // Connection to X11
+    Window win;               // Grab window
+    int keycode;
+    QVector<quint32> maskModifiers;
+}
+
+NativeEventFilter::NativeEventFilter(QObject *parent) : QObject(parent) {
+    display = QX11Info::display();
+    win = DefaultRootWindow(display);
+    maskModifiers << 0 << Mod2Mask << LockMask << (Mod2Mask | LockMask);
+    setShortcut();
+}
+
+bool NativeEventFilter::nativeEventFilter(const QByteArray &eventType, void *message, long *result) {
+    Q_UNUSED(eventType)
+    Q_UNUSED(result)
+
+    xcb_key_press_event_t *keyEvent;
+
+    // Check xcb event
+    if (eventType == "xcb_generic_event_t") {
+        // cast message xcb event
+        xcb_generic_event_t *event = static_cast<xcb_generic_event_t *>(message);
+
+        // check key press
+        if ((event->response_type & 127) == XCB_KEY_PRESS){
+
+            keyEvent = static_cast<xcb_key_press_event_t *>(message);
+
+            foreach (quint32 maskMods, maskModifiers) {
+                if((keyEvent->state == maskMods)
+                        &&  keyEvent->detail == keycode){
+                    emit activated();
+                    return true;
+                }
+            }
+        }
+    }
+    return false;
+}
+
+void NativeEventFilter::setShortcut() {
+    keycode = XKeysymToKeycode(display, XK_Print);
+    foreach (quint32 maskMods, maskModifiers) {
+        XGrabKey(display,
+                 keycode ,
+                 maskMods,
+                 win,
+                 True,
+                 GrabModeAsync,
+                 GrabModeAsync);
+    }
+}
diff --git a/nativeeventfilter.h b/nativeeventfilter.h
new file mode 100644
index 00000000..7e544fa7
--- /dev/null
+++ b/nativeeventfilter.h
@@ -0,0 +1,23 @@
+#ifndef NATIVEEVENTFILTER_H
+#define NATIVEEVENTFILTER_H
+
+#include <QObject>
+#include <QAbstractNativeEventFilter>
+
+class NativeEventFilter : public QObject, public QAbstractNativeEventFilter {
+    Q_OBJECT
+public:
+    explicit NativeEventFilter(QObject *parent = 0);
+
+    bool nativeEventFilter(const QByteArray &eventType, void *message, long *result);
+
+signals:
+    void activated();
+
+public slots:
+
+private:
+    void setShortcut();
+};
+
+#endif // NATIVEEVENTFILTER_H
diff --git a/singleapplication b/singleapplication
new file mode 160000
index 00000000..00a0da8b
--- /dev/null
+++ b/singleapplication
@@ -0,0 +1 @@
+Subproject commit 00a0da8b00c97cc38951f0f21ce08fa69998cc72
diff --git a/styles/button.css b/styles/button.css
new file mode 100644
index 00000000..22938e40
--- /dev/null
+++ b/styles/button.css
@@ -0,0 +1,12 @@
+Button {
+    border-radius: 15px;
+    background-color: rgb(136, 0, 170);
+}
+
+Button:hover {
+    background-color: rgb(166, 0, 200);
+}
+
+Button:pressed {
+    background-color: rgb(136, 0, 170);
+}