diff --git a/Controller/BackendController.php b/Controller/BackendController.php
index 27fcb36..799cdd6 100644
--- a/Controller/BackendController.php
+++ b/Controller/BackendController.php
@@ -20,6 +20,7 @@ use Modules\Tasks\Models\TaskMapper;
 use Modules\Tasks\Views\TaskView;
 
 use phpOMS\Account\PermissionType;
+use phpOMS\Asset\AssetType;
 use phpOMS\Contract\RenderableInterface;
 use phpOMS\DataStorage\Database\RelationType;
 use phpOMS\Message\Http\RequestStatusCode;
@@ -51,6 +52,10 @@ final class BackendController extends Controller
     {
         $view = new View($this->app, $request, $response);
 
+        /** @var \phpOMS\Model\Html\Head $head */
+        $head = $response->get('Content')->getData('head');
+        $head->addAsset(AssetType::CSS, '/Modules/Tasks/Theme/Backend/css/styles.css');
+
         $view->setTemplate('/Modules/Tasks/Theme/Backend/task-dashboard');
         $view->addData('nav', $this->app->moduleManager->get('Navigation')->createNavigationMid(1001101001, $request, $response));
 
@@ -101,6 +106,10 @@ final class BackendController extends Controller
     {
         $view = new TaskView($this->app, $request, $response);
 
+        /** @var \phpOMS\Model\Html\Head $head */
+        $head = $response->get('Content')->getData('head');
+        $head->addAsset(AssetType::CSS, '/Modules/Tasks/Theme/Backend/css/styles.css');
+
         $task      = TaskMapper::get((int) $request->getData('id'));
         $accountId = $request->getHeader()->getAccount();
 
diff --git a/Theme/Backend/Lang/en.lang.php b/Theme/Backend/Lang/en.lang.php
index 09f04ea..4c8a335 100644
--- a/Theme/Backend/Lang/en.lang.php
+++ b/Theme/Backend/Lang/en.lang.php
@@ -16,6 +16,7 @@ return ['Tasks' => [
     'AverageProcessTime' => 'Avg. Process Time',
     'AverageAmount'      => 'Average Amount',
     'BCC'                => 'BCC',
+    'By'                 => 'By',
     'CC'                 => 'CC',
     'Created'            => 'Created',
     'Creator'            => 'Creator',
diff --git a/Theme/Backend/css/styles.css b/Theme/Backend/css/styles.css
new file mode 100644
index 0000000..90d277a
--- /dev/null
+++ b/Theme/Backend/css/styles.css
@@ -0,0 +1,27 @@
+.tag.task-status-1,
+.tag.task-status-2,
+.tag.task-status-3,
+.tag.task-status-4,
+.tag.task-status-5 {
+    color: #000;
+}
+
+.tag.task-status-1 {
+    background: rgb(255, 104, 104);
+}
+
+.tag.task-status-2 {
+    background: rgb(113, 197, 245);
+}
+
+.tag.task-status-3 {
+    background: rgb(255, 241, 114);
+}
+
+.tag.task-status-4 {
+    background: rgb(235, 151, 252);
+}
+
+.tag.task-status-5 {
+    background: rgb(79, 236, 118);
+}
\ No newline at end of file
diff --git a/Theme/Backend/task-create.tpl.php b/Theme/Backend/task-create.tpl.php
index d7bd3bd..744eddb 100644
--- a/Theme/Backend/task-create.tpl.php
+++ b/Theme/Backend/task-create.tpl.php
@@ -35,12 +35,12 @@ echo $this->getData('nav')->render(); ?>
                         <tr><td><label for="iPriority"><?= $this->getHtml('Priority') ?></label>
                         <tr><td>
                             <select id="iPriority" name="priority">
-                                <option value="<?= $this->printHtml(TaskPriority::NONE); ?>" selected><?= $this->getHtml('P0') ?>
-                                <option value="<?= $this->printHtml(TaskPriority::VLOW); ?>"><?= $this->getHtml('P1') ?>
-                                <option value="<?= $this->printHtml(TaskPriority::LOW); ?>"><?= $this->getHtml('P2') ?>
-                                <option value="<?= $this->printHtml(TaskPriority::MEDIUM); ?>"><?= $this->getHtml('P3') ?>
-                                <option value="<?= $this->printHtml(TaskPriority::HIGH); ?>"><?= $this->getHtml('P4') ?>
-                                <option value="<?= $this->printHtml(TaskPriority::VHIGH); ?>"><?= $this->getHtml('P5') ?>
+                                <option value="<?= TaskPriority::NONE; ?>" selected><?= $this->getHtml('P0') ?>
+                                <option value="<?= TaskPriority::VLOW; ?>"><?= $this->getHtml('P1') ?>
+                                <option value="<?= TaskPriority::LOW; ?>"><?= $this->getHtml('P2') ?>
+                                <option value="<?= TaskPriority::MEDIUM; ?>"><?= $this->getHtml('P3') ?>
+                                <option value="<?= TaskPriority::HIGH; ?>"><?= $this->getHtml('P4') ?>
+                                <option value="<?= TaskPriority::VHIGH; ?>"><?= $this->getHtml('P5') ?>
                             </select>
                         <tr><td><label for="iDue"><?= $this->getHtml('Due') ?></label>
                         <tr><td><input type="datetime-local" id="iDue" name="due" value="<?= $this->printHtml((new \DateTime('NOW'))->format('Y-m-d\TH:i:s')); ?>">
diff --git a/Theme/Backend/task-dashboard.tpl.php b/Theme/Backend/task-dashboard.tpl.php
index 101e312..99ece59 100644
--- a/Theme/Backend/task-dashboard.tpl.php
+++ b/Theme/Backend/task-dashboard.tpl.php
@@ -12,6 +12,7 @@
  */
 
  use Modules\Tasks\Models\TaskStatus;
+ use Modules\Tasks\Models\TaskPriority;
 
  /**
  * @var \phpOMS\Views\View           $this
@@ -33,29 +34,33 @@ echo $this->getData('nav')->render(); ?>
                     <td><?= $this->getHtml('Created') ?><i class="sort-asc fa fa-chevron-up"></i><i class="sort-desc fa fa-chevron-down"></i>
                 <tfoot>
                 <tbody>
-                <?php $c = 0; foreach ($tasks as $key => $task) : $c++;
-                $url = \phpOMS\Uri\UriFactory::build('{/prefix}task/single?{?}&id=' . $task->getId());
-                $color = 'darkred';
-                if ($task->getStatus() === TaskStatus::DONE) { $color = 'green'; }
-                elseif ($task->getStatus() === TaskStatus::OPEN) { $color = 'darkblue'; }
-                elseif ($task->getStatus() === TaskStatus::WORKING) { $color = 'purple'; }
-                elseif ($task->getStatus() === TaskStatus::CANCELED) { $color = 'red'; }
-                elseif ($task->getStatus() === TaskStatus::SUSPENDED) { $color = 'yellow'; } ?>
+                <?php
+                    $c = 0; foreach ($tasks as $key => $task) : $c++;
+                    $url = \phpOMS\Uri\UriFactory::build('{/prefix}task/single?{?}&id=' . $task->getId());
+                ?>
                     <tr data-href="<?= $url; ?>">
-                        <td data-label="<?= $this->getHtml('Status') ?>"><a href="<?= $url; ?>"><span class="tag <?= $this->printHtml($color); ?>"><?= $this->getHtml('S' . $task->getStatus()) ?></span></a>
+                        <td data-label="<?= $this->getHtml('Status') ?>">
+                            <a href="<?= $url; ?>">
+                                <span class="tag <?= $this->printHtml('task-status-' . $task->getStatus()); ?>">
+                                    <?= $this->getHtml('S' . $task->getStatus()) ?>
+                                </span>
+                            </a>
                         <td data-label="<?= $this->getHtml('Due/Priority') ?>">
                             <a href="<?= $url; ?>">
-                            <?php if ($task->getPriority() === \Modules\Tasks\Models\TaskPriority::NONE) : ?>
+                            <?php if ($task->getPriority() === TaskPriority::NONE) : ?>
                                 <?= $this->printHtml($task->getDue()->format('Y-m-d H:i')); ?>
                             <?php else : ?>
                                 <?= $this->getHtml('P' . $task->getPriority()); ?>
                             <?php endif; ?>
                             </a>
-                        <td data-label="<?= $this->getHtml('Title') ?>"><a href="<?= $url; ?>"><?= $this->printHtml($task->getTitle()); ?></a>
-                        <td data-label="<?= $this->getHtml('Creator') ?>"><a href="<?= $url; ?>"><?= $this->printHtml($task->getCreatedBy()->getName1()); ?></a>
-                        <td data-label="<?= $this->getHtml('Created') ?>"><a href="<?= $url; ?>"><?= $this->printHtml($task->getCreatedAt()->format('Y-m-d H:i')); ?></a>
+                        <td data-label="<?= $this->getHtml('Title') ?>">
+                            <a href="<?= $url; ?>"><?= $this->printHtml($task->getTitle()); ?></a>
+                        <td data-label="<?= $this->getHtml('Creator') ?>">
+                            <a href="<?= $url; ?>"><?= $this->printHtml($task->getCreatedBy()->getName1()); ?></a>
+                        <td data-label="<?= $this->getHtml('Created') ?>">
+                            <a href="<?= $url; ?>"><?= $this->printHtml($task->getCreatedAt()->format('Y-m-d H:i')); ?></a>
                 <?php endforeach; if ($c == 0) : ?>
-                <tr><td colspan="6" class="empty"><?= $this->getHtml('Empty', '0', '0'); ?>
+                    <tr><td colspan="6" class="empty"><?= $this->getHtml('Empty', '0', '0'); ?>
                 <?php endif; ?>
             </table>
         </div>
diff --git a/Theme/Backend/task-single.tpl.php b/Theme/Backend/task-single.tpl.php
index e421a11..a0c06f7 100644
--- a/Theme/Backend/task-single.tpl.php
+++ b/Theme/Backend/task-single.tpl.php
@@ -36,26 +36,42 @@ echo $this->getData('nav')->render(); ?>
             data-tag="form"
         >
             <div class="inner">
-                <template><!-- todo: this needs to be here for the form js to work (edit). find a way to remove thes. maybe check if add functionality is available. --></template>
-                <template><!-- todo: this needs to be here for the form js to work (edit). find a way to remove thes. maybe check if add functionality is available. --></template>
+                <template><!-- todo: this needs to be here for the form js to work (edit). find a way to remove these. maybe check if add functionality is available. --></template>
+                <template><!-- todo: this needs to be here for the form js to work (edit). find a way to remove these. maybe check if add functionality is available. --></template>
                 <template>
                     <header><h1><input type="text" data-tpl-text="/title" data-tpl-value="/title" data-value=""></h1></header>
                 </template>
                 <template>
-                    <div id="task-content" class="inner"><textarea data-tpl-text="/content" data-tpl-value="/content" data-value=""></textarea></div>
+                    <div id="task-content" class="inner">
+                        <!-- todo: handle different value/markdown paths how??? no idea -->
+                        <!-- todo: bind js after adding template -->
+                        <?= $this->getData('editor')->render('task-edit'); ?>
+                        <?= $this->getData('editor')->getData('text')->render(
+                            'task-edit',
+                            'plain',
+                            'taskElementEdit',
+                            '', '',
+                            '/content', '/content'
+                        ); ?>
+                        <!--<textarea data-tpl-text="/content" data-tpl-value="/content" data-value=""></textarea>-->
+                    </div>
                 </template>
 
-                <span id="task-status-badge" class="floatRight nobreak tag <?= $color; ?>"><?= $this->getHtml('S' . $task->getStatus()) ?></span>
+                <span id="task-status-badge" class="floatRight nobreak tag task-status-<?= $this->printHtml($task->getStatus()); ?>">
+                    <?= $this->getHtml('S' . $task->getStatus()) ?>
+                </span>
                 <div class="floatRight">
                     <?php if ($task->getPriority() === TaskPriority::NONE) : ?>
-                        Due: <?= $this->printHtml($task->getDue()->format('Y/m/d H:i')); ?>
+                        <?= $this->getHtml('Due') ?>: <?= $this->printHtml($task->getDue()->format('Y/m/d H:i')); ?>
                     <?php else : ?>
-                        Priority: <?= $this->getHtml('P' . $task->getPriority()) ?>
+                        <?= $this->getHtml('Priority') ?>: <?= $this->getHtml('P' . $task->getPriority()) ?>
                     <?php endif; ?>
                 </div>
-                <div>Created <?= $this->printHtml($task->getCreatedAt()->format('Y/m/d H:i')); ?></div>
+                <div><?= $this->getHtml('Created') ?> - <?= $this->printHtml($task->getCreatedAt()->format('Y/m/d H:i')); ?></div>
             </div>
-            <header><h1 data-tpl-text="/title" data-tpl-value="/title" data-value=""><?= $this->printHtml($task->getTitle()); ?></h1></header>
+            <header>
+                <h1 data-tpl-text="/title" data-tpl-value="/title" data-value=""><?= $this->printHtml($task->getTitle()); ?></h1>
+            </header>
             <div id="task-content" class="inner">
                 <div data-tpl-text="/content" data-tpl-value="/content" data-value=""><?= $task->getDescription(); ?></div>
             </div>
@@ -63,33 +79,32 @@ echo $this->getData('nav')->render(); ?>
             <?php if (!empty($taskMedia)) : ?>
             <div class="inner">
                 <?php foreach ($taskMedia as $media) : ?>
-                <span><?= $media->getName(); ?></span>
+                    <span><?= $media->getName(); ?></span>
                 <?php endforeach; ?>
             </div>
             <?php endif; ?>
 
             <div class="inner" style="background: #efefef; border-top: 1px solid #dfdfdf;">
                 <div class="pAlignTable">
-                    <div class="vCenterTable wf-100">
-                        By <?= $this->printHtml($task->getCreatedBy()->getName1()); ?>
+                    <div class="vC wf-100">
+                        <?= $this->getHtml('By') ?> <?= $this->printHtml($task->getCreatedBy()->getName1()); ?>
                     </div>
-                    <div class="vCenterTable">
-                        <button class="save hidden">Save</button>
-                        <button class="cancel hidden">Cancel</button>
-                        <button class="update">Edit</button>
+                    <div class="vC">
+                        <button class="save hidden"><?= $this->getHtml('Save', '0', '0') ?></button>
+                        <button class="cancel hidden"><?= $this->getHtml('Cancel', '0', '0') ?></button>
+                        <button class="update"><?= $this->getHtml('Edit', '0', '0') ?></button>
                     </div>
                 </div>
             </div>
         </section>
 
         <?php $c = 0;
-        foreach ($elements as $key => $element) : $c++;
-            $color = $this->getStatus($element->getStatus()); ?>
+        foreach ($elements as $key => $element) : $c++; ?>
             <?php $tos = $element->getTo(); if ($c > 1 && \count($tos) > 1) : ?>
                 <section class="box wf-100">
                     <div class="inner">
-                        Forwarded
-                        <?php foreach ($toes as $to) : ?>
+                        <?= $this->getHtml('Forwarded') ?>
+                        <?php foreach ($tos as $to) : ?>
                             <?php if ($to instanceof Account) : ?>
                                 <?= $this->printHtml($to->getRelation()->getName1()); ?>
                             <?php elseif ($to instanceof Group) : ?>
@@ -101,8 +116,12 @@ echo $this->getData('nav')->render(); ?>
             <?php endif; ?>
             <section class="box wf-100">
                 <div class="inner pAlignTable">
-                    <div class="vCenterTable wf-100"><?= $this->printHtml($element->getCreatedBy()->getName1()); ?> <?= $this->printHtml($element->getCreatedAt()->format('Y-m-d H:i')); ?></div>
-                    <span class="vCenterTable tag <?= $this->printHtml($color); ?>"><?= $this->getHtml('S' . $element->getStatus()) ?></span>
+                    <div class="vC wf-100">
+                        <?= $this->printHtml($element->getCreatedBy()->getName1()); ?> - <?= $this->printHtml($element->getCreatedAt()->format('Y-m-d H:i')); ?>
+                    </div>
+                    <span class="vC tag task-status-<?= $this->printHtml($task->getStatus()); ?>">
+                        <?= $this->getHtml('S' . $element->getStatus()) ?>
+                    </span>
                 </div>
 
                 <?php if ($element->getDescription() !== '') : ?>
@@ -114,21 +133,22 @@ echo $this->getData('nav')->render(); ?>
                 <?php $elementMedia = $element->getMedia(); if (!empty($elementMedia)) : ?>
                 <div class="inner">
                     <?php foreach ($elementMedia as $media) : ?>
-                    <span><?= $media->getName(); ?></span>
+                        <span><?= $media->getName(); ?></span>
                     <?php endforeach; ?>
                 </div>
                 <?php endif; ?>
 
                 <div class="inner pAlignTable" style="background: #efefef; border-top: 1px solid #dfdfdf;">
-                <?php if ($element->getStatus() !== TaskStatus::CANCELED ||
-                    $element->getStatus() !== TaskStatus::DONE ||
-                    $element->getStatus() !== TaskStatus::SUSPENDED || $c != $cElements
+                <?php if ($element->getStatus() !== TaskStatus::CANCELED
+                    || $element->getStatus() !== TaskStatus::DONE
+                    || $element->getStatus() !== TaskStatus::SUSPENDED
+                    || $c != $cElements
                 ) : ?>
-                    <div class="vCenterTable nobreak">
+                    <div class="vC nobreak">
                         <?php if ($element->getPriority() === TaskPriority::NONE) : ?>
-                            Due: <?= $this->printHtml($element->getDue()->format('Y/m/d H:i')); ?>
+                            <?= $this->getHtml('Due') ?>: <?= $this->printHtml($element->getDue()->format('Y/m/d H:i')); ?>
                         <?php else : ?>
-                            Priority: <?= $this->getHtml('P' . $element->getPriority()) ?>
+                            <?= $this->getHtml('Priority') ?>: <?= $this->getHtml('P' . $element->getPriority()) ?>
                         <?php endif; ?>
                     </div>
                 <?php endif; ?>
@@ -147,22 +167,24 @@ echo $this->getData('nav')->render(); ?>
                         <tr><td><label for="iPriority"><?= $this->getHtml('Priority') ?></label>
                         <tr><td>
                             <select id="iPriority" name="priority">
-                                <option value="<?= $this->printHtml(TaskPriority::NONE); ?>"<?= $task->getPriority() === TaskPriority::NONE ? 'selected' : ''?>><?= $this->getHtml('P0') ?>
-                                <option value="<?= $this->printHtml(TaskPriority::VLOW); ?>"<?= $task->getPriority() === TaskPriority::VLOW ? 'selected' : ''?>><?= $this->getHtml('P1') ?>
-                                <option value="<?= $this->printHtml(TaskPriority::LOW); ?>"<?= $task->getPriority() === TaskPriority::LOW ? 'selected' : ''?>><?= $this->getHtml('P2') ?>
-                                <option value="<?= $this->printHtml(TaskPriority::MEDIUM); ?>"<?= $task->getPriority() === TaskPriority::MEDIUM ? 'selected' : ''?>><?= $this->getHtml('P3') ?>
-                                <option value="<?= $this->printHtml(TaskPriority::HIGH); ?>"<?= $task->getPriority() === TaskPriority::HIGH ? 'selected' : ''?>><?= $this->getHtml('P4') ?>
-                                <option value="<?= $this->printHtml(TaskPriority::VHIGH); ?>"<?= $task->getPriority() === TaskPriority::VHIGH ? 'selected' : ''?>><?= $this->getHtml('P5') ?>
+                                <option value="<?= TaskPriority::NONE; ?>"<?= $task->getPriority() === TaskPriority::NONE ? ' selected' : ''?>><?= $this->getHtml('P0') ?>
+                                <option value="<?= TaskPriority::VLOW; ?>"<?= $task->getPriority() === TaskPriority::VLOW ? ' selected' : ''?>><?= $this->getHtml('P1') ?>
+                                <option value="<?= TaskPriority::LOW; ?>"<?= $task->getPriority() === TaskPriority::LOW ? ' selected' : ''?>><?= $this->getHtml('P2') ?>
+                                <option value="<?= TaskPriority::MEDIUM; ?>"<?= $task->getPriority() === TaskPriority::MEDIUM ? ' selected' : ''?>><?= $this->getHtml('P3') ?>
+                                <option value="<?= TaskPriority::HIGH; ?>"<?= $task->getPriority() === TaskPriority::HIGH ? ' selected' : ''?>><?= $this->getHtml('P4') ?>
+                                <option value="<?= TaskPriority::VHIGH; ?>"<?= $task->getPriority() === TaskPriority::VHIGH ? ' selected' : ''?>><?= $this->getHtml('P5') ?>
                             </select>
                         <tr><td><label for="iDue"><?= $this->getHtml('Due') ?></label>
-                        <tr><td><input type="datetime-local" id="iDue" name="due" value="<?= $this->printHtml(!empty($elements) ? \end($elements)->getDue()->format('Y-m-d\TH:i:s') : $task->getDue()->format('Y-m-d\TH:i:s')); ?>">
+                        <tr><td><input type="datetime-local" id="iDue" name="due" value="<?= $this->printHtml(
+                                !empty($elements) ? \end($elements)->getDue()->format('Y-m-d\TH:i:s') : $task->getDue()->format('Y-m-d\TH:i:s')
+                            ); ?>">
                         <tr><td><label for="iStatus"><?= $this->getHtml('Status') ?></label>
                         <tr><td><select id="iStatus" name="status">
-                                    <option value="<?= $this->printHtml(TaskStatus::OPEN); ?>"<?= $task->getStatus() === TaskStatus::OPEN ? 'selected' : ''?>>Open
-                                    <option value="<?= $this->printHtml(TaskStatus::WORKING); ?>"<?= $task->getStatus() === TaskStatus::WORKING ? 'selected' : ''?>>Working
-                                    <option value="<?= $this->printHtml(TaskStatus::SUSPENDED); ?>"<?= $task->getStatus() === TaskStatus::SUSPENDED ? 'selected' : ''?>>Suspended
-                                    <option value="<?= $this->printHtml(TaskStatus::CANCELED); ?>"<?= $task->getStatus() === TaskStatus::CANCELED ? 'selected' : ''?>>Canceled
-                                    <option value="<?= $this->printHtml(TaskStatus::DONE); ?>"<?= $task->getStatus() === TaskStatus::DONE ? 'selected' : ''?>>Done
+                                    <option value="<?= TaskStatus::OPEN; ?>"<?= $task->getStatus() === TaskStatus::OPEN ? ' selected' : ''?>><?= $this->getHtml('S1') ?>
+                                    <option value="<?= TaskStatus::WORKING; ?>"<?= $task->getStatus() === TaskStatus::WORKING ? ' selected' : ''?>><?= $this->getHtml('S2') ?>
+                                    <option value="<?= TaskStatus::SUSPENDED; ?>"<?= $task->getStatus() === TaskStatus::SUSPENDED ? ' selected' : ''?>><?= $this->getHtml('S3') ?>
+                                    <option value="<?= TaskStatus::CANCELED; ?>"<?= $task->getStatus() === TaskStatus::CANCELED ? ' selected' : ''?>><?= $this->getHtml('S4') ?>
+                                    <option value="<?= TaskStatus::DONE; ?>"<?= $task->getStatus() === TaskStatus::DONE ? ' selected' : ''?>><?= $this->getHtml('S5') ?>
                                 </select>
                         <tr><td><label for="iReceiver"><?= $this->getHtml('To') ?></label>
                         <tr><td><?= $this->getData('accGrpSelector')->render('iReceiver', 'forward', true); ?>