.gitlab-ci.yml

+stages:
+  - build
+
+build:less:
+  stage: build
+  image: node:8.0.0-alpine
+  variables:
+    PLUGIN_NAME: MittelTheme
+    LESS_SRC: Template/css/app.less
+    LESS_OUTPUT: Template/css/main.css
+  before_script:
+    - yarn global add less
+    - yarn global add less-plugin-clean-css
+    - apk add --update --no-cache git zip unzip
+  script:
+    - /usr/local/bin/lessc "${LESS_SRC}" > "${LESS_OUTPUT}"
+  after_script:
+    - git archive HEAD --prefix="${PLUGIN_NAME}/" --format=zip -o "${PLUGIN_NAME}.zip"
+    - unzip "${PLUGIN_NAME}.zip"
+    - rm "${PLUGIN_NAME}/${LESS_SRC}"
+    - rm "${PLUGIN_NAME}/.gitlab-ci.yml"
+    - cp "${LESS_OUTPUT}" "${PLUGIN_NAME}/${LESS_OUTPUT}"
+  artifacts:
+    paths:
+      - "${PLUGIN_NAME}"

Makefile

-PLUGIN_NAME = MittelTheme
-
-all:
-	@ git archive HEAD --prefix=${PLUGIN_NAME}/ --format=zip -o ${PLUGIN_NAME}.zip

README.md

-Example of theme plugin
-=======================
+Mittelab Theme Plugin
+======================
 
-This plugin override core templates and use template hooks to create a custom theme.
+[![pipeline status](https://git.mittelab.org/infra/themes/kanboard-theme/badges/master/pipeline.svg)](https://git.mittelab.org/infra/themes/kanboard-theme/commits/master)
+
+[**Download latest release**](https://git.mittelab.org/infra/themes/kanboard-theme/-/jobs/artifacts/master/download?job=build:less)
 
 - New CSS styles are added with the hook **layout:head**
 - A top bar is added to the layout by using the hook **layout:top**
@@ -15,7 +17,3 @@ Installation
 - Go on your local installation of Kanboard
 - After the login, you should see the alterations to the default layout
 
-Screenshot
-----------
-
-![plugin-example-theme](https://cloud.githubusercontent.com/assets/323546/9838179/6ef2b466-5a24-11e5-9988-5402eaf55026.png)

Template/css/main.css

-body {
-    color: #fff;
-    background-color: #222;
-}
-
-.ui-tooltip a, a, table th a {
-    color: #0ce3ac;
-}
-
-table th {
-    color: #fff;
-    background-color: #375a7f;
-    border-color: #375a7f;
-}
-
-table td {
-    border-color: #375a7f;
-}
-
-table#board td a:hover {
-    color: #000;
-}
-
-table.table-striped tr:nth-child(2n+1) {
-    background-color: #444;
-}
-
-.accordion-title > h3, .views-switcher-component, .task-board-icons, .dropdown-submenu-open {
-    color: #000;
-}
-
-#popover-content, #popover-content h2 {
-    color: #000;
-}
-
-.sidebar > ul a:hover, .dropdown-menu-link-text, .dropdown-menu-link-icon, .action-menu, a:hover, .sidebar > ul li.active a, .sidebar > ul li.active a:focus, .sidebar > ul li.active a:hover, .page-header h2 a, h1, h2, h3, .dashboard-table-link {
-    color: #fff;
-}
-
-#modal-box {
-    background-color: #333;
-}
-
-.select2-container {
-    color: #000;
-}
-
-a .fa {
-    color: #999;
-}
-
-.web-notification-icon:focus, .web-notification-icon:hover {
-    color: #ddd;
-}
-
-.activity-title {
-    color: #999;
-}
-
-.activity-event:hover .activity-title {
-    color: #000;
-}
-
-.select-dropdown-input-container {
-    background-color: #fff;
-}
-
-.comment:hover {
-    background-color: #444;
-}
-
-#task-summary h2 {
-    color: #fff;
-}
-
-.user-mention-link {
-    color: #0ce3ac;
-}
-
-.user-mention-link:hover {
-    color: #fff;
-}
-
-.comment-actions a:focus, .comment-actions a:hover {
-    color: #0ce3ac;
-}
-
-.ui-tooltip {
-    background-color: #333;
-    color: #fff;
-}
-
-.task-board .task-board-assignee {
-    color: #555;
-}
-
-.task-board {
-    color: #222;
-}
-
-td a.dropdown-menu strong i, td a.dropdown-menu strong {
-    color: #222;
-}

Template/layout/head.php

-<link rel="icon" href="/plugins/MittelTheme/Template/img/logo.svg" />

Template/layout/login-before.php

-<div>
-    <img alt="Mittelab Logo" src="/plugins/MittelTheme/Template/img/logo.svg" width="130" style="float: left;"/>
-    <h1>Welcome to Mittelab Tasks!</h1>
-    <p>
-        This is the service used to manage tasks and stuff we do at the space.
-    </p>
-    <p>
-        Members only!
-    </p>
-</div>
-<div style="clear:both;">&nbsp;</div>

Template/layout/title.php

-<h1>
-    <?= $this->url->link('<img src="/plugins/MittelTheme/Template/img/logo.svg" width="25"/>', 'DashboardController', 'show', array(), false, '', t('Dashboard')) ?>
-    <span class="title">
-        <?php if (! empty($project) && ! empty($task)): ?>
-            <?= $this->url->link($this->text->e($project['name']), 'BoardViewController', 'show', array('project_id' => $project['id'])) ?>
-        <?php else: ?>
-            <?= $this->text->e($title) ?>
-        <?php endif ?>
-    </span>
-    <?php if (! empty($description)): ?>
-        <small class="tooltip" title="<?= $this->text->markdown($description) ?>">
-            <i class="fa fa-info-circle"></i>
-        </small>
-    <?php endif ?>
-</h1>
\ No newline at end of file