.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