KanboardCSS

<h1 id="user-content-readme-top">KanboardCSS</h1> <p align="center"> <a href="https://github.com/aljawaid/KanboardCSS/releases"> <img src="https://img.shields.io/github/v/release/aljawaid/KanboardCSS?style=for-the-badge&color=brightgreen" alt="GitHub Latest Release (by date)" title="GitHub Latest Release (by date)"> </a> <a href="https://github.com/aljawaid/KanboardCSS/releases"> <img src="https://img.shields.io/github/downloads/aljawaid/KanboardCSS/total?style=for-the-badge&color=orange" alt="GitHub All Releases" title="GitHub All Downloads"> </a> <a href="https://github.com/aljawaid/KanboardCSS/releases"> <img src="https://img.shields.io/github/directory-file-count/aljawaid/KanboardCSS?style=for-the-badge&color=orange" alt="GitHub Repository File Count" title="GitHub Repository File Count"> </a> <a href="https://github.com/aljawaid/KanboardCSS/releases"> <img src="https://img.shields.io/github/repo-size/aljawaid/KanboardCSS?style=for-the-badge&color=orange" alt="GitHub Repository Size" title="GitHub Repository Size"> </a> <a href="https://github.com/aljawaid/KanboardCSS/releases"> <img src="https://img.shields.io/github/languages/code-size/aljawaid/KanboardCSS?style=for-the-badge&color=orange" alt="GitHub Code Size" title="GitHub Code Size"> </a> </p> <p align="center"> <a href="https://github.com/aljawaid/KanboardCSS/discussions"> <img src="https://img.shields.io/github/discussions/aljawaid/KanboardCSS?style=for-the-badge&color=blue" alt="GitHub Discussions" title="Read Discussions"> </a> <a href="https://github.com/aljawaid/KanboardCSS/compare"> <img src="https://img.shields.io/github/commits-since/aljawaid/KanboardCSS/latest?include_prereleases&style=for-the-badge&color=blue" alt="GitHub Commits Since Last Release" title="GitHub Commits Since Last Release"> </a> <a href="https://github.com/aljawaid/KanboardCSS/compare"> <img src="https://img.shields.io/github/commit-activity/m/aljawaid/KanboardCSS?style=for-the-badge&color=blue" alt="GitHub Commit Monthly Activity" title="GitHub Commit Monthly Activity"> </a> <a href="https://github.com/kanboard/kanboard" title="Kanboard - Kanban Project Management Software"> <img src="https://img.shields.io/badge/Plugin%20for-kanboard-D40000?style=for-the-badge&labelColor=000000" alt="Kanboard"> </a> </p>

This pure CSS theme replaces the look and feel of the Kanboard user interface. For modern browsers using gradients and shades of blue and red, KanboardCSS refreshes the the user experience. A new animated notification icon easily identifies new messages without affecting browser performance. All tables and forms are restyled to save screen space and improve productivity. Install with FontSwitcher to give a complete new overhaul to your application.

<p align="right">[<a href="#user-content-readme-bottom">&#8595; Bottom</a>] [<a href="#screenshots">&#8594; Next</a>] [<a href="#user-content-readme-top">&#8593; Top</a>]</p>

Features

• Show current page indicator in dropdown menus
• Animated notification icon for new messages
• Custom CSS File to override the theme
• The board is tweaked heavily. Similar to GitLab's issueboard.
• The whole interface is refreshed for an improved user experience.

<p align="right">[<a href="#user-content-readme-bottom">&#8595; Bottom</a>] [<a href="#features">&#8592; Previous</a>] [<a href="#usage">&#8594; Next</a>] [<a href="#user-content-readme-top">&#8593; Top</a>]</p>

Screenshots

Screenshots are for illustrative purposes only and may show features from other plugins.

Boards

Tasks

<p align="right">[<a href="#user-content-readme-bottom">&#8595; Bottom</a>] [<a href="#features">&#8592; Previous</a>] [<a href="#installation--compatibility">&#8594; Next</a>] [<a href="#user-content-readme-top">&#8593; Top</a>]</p>

Usage

Refresh the page or restart your browser.

<p align="right">[<a href="#user-content-readme-bottom">&#8595; Bottom</a>] [<a href="#screenshots">&#8592; Previous</a>] [<a href="#authors--contributors">&#8594; Next</a>] [<a href="#user-content-readme-top">&#8593; Top</a>]</p>

Installation & Compatibility

<p align="left"> <a href="https://github.com/aljawaid/KanboardCSS/actions/workflows/linter.yml"> <img src="https://github.com/aljawaid/KanboardCSS/actions/workflows/linter.yml/badge.svg?branch=master&event=push" alt="Code Scanning" title="View Test"> </a> </p> <details> <summary><strong>Installation</strong></summary>

• Install via the Kanboard Plugin Directory or see INSTALL.md
• Read the full Changelog to see the latest updates

</details> <details> <summary><strong>Compatibility</strong></summary>

• Requires Kanboard ≥1.2.20
• Other Plugins & Action Plugins
  • No known issues
  • Compatible with Customizer, Bak2TopBotm, Glancer, ColorManager, ApplicationBranding, TemplateManager, FontSwitcher
• Core Files & Templates
  • No template overrides
  • No database changes

</details> <details> <summary><strong>Translations</strong></summary>

• English (UK), French, German, Spanish
• Starter template available

</details> <p align="right">[<a href="#user-content-readme-bottom">&#8595; Bottom</a>] [<a href="#usage">&#8592; Previous</a>] [<a href="#license">&#8594; Next</a>] [<a href="#user-content-readme-top">&#8593; Top</a>]</p>

Authors & Contributors

• @aljawaid - Author & Maintainer (from v1)
• Thomas T. Jarløv - Original Author
• Craig Crosby - Contributor
• Tom - Contributor
• Heiko August - Contributor
• TimoStahl - Contributor
• GDmac - Contributor
• Contributors welcome

<p align="right">[<a href="#user-content-readme-bottom">&#8595; Bottom</a>] [<a href="#installation--compatibility">&#8592; Previous</a>] [<a href="#user-content-readme-top">&#8593; Top</a>]</p>

License

• This project is distributed under the MIT License

---

<p align="center"> <a href="https://github.com/aljawaid/KanboardCSS/stargazers" title="View Stargazers"> <img src="https://img.shields.io/github/stars/aljawaid/KanboardCSS?logo=github&style=flat-square" alt="KanboardCSS"> </a> <a href="https://github.com/aljawaid/KanboardCSS/forks" title="See Forks"> <img src="https://img.shields.io/github/forks/aljawaid/KanboardCSS?logo=github&style=flat-square" alt="KanboardCSS"> </a> <a href="https://github.com/aljawaid/KanboardCSS/blob/master/LICENSE" title="Read License"> <img src="https://img.shields.io/github/license/aljawaid/KanboardCSS?style=flat-square" alt="KanboardCSS"> </a> <a href="https://github.com/aljawaid/KanboardCSS/issues" title="Open Issues"> <img src="https://img.shields.io/github/issues-raw/aljawaid/KanboardCSS?style=flat-square" alt="KanboardCSS"> </a> <a href="https://github.com/aljawaid/KanboardCSS/issues?q=is%3Aissue+is%3Aclosed" title="Closed Issues"> <img src="https://img.shields.io/github/issues-closed/aljawaid/KanboardCSS?style=flat-square" alt="KanboardCSS"> </a> <a href="https://github.com/aljawaid/KanboardCSS/discussions" title="Read Discussions"> <img src="https://img.shields.io/github/discussions/aljawaid/KanboardCSS?style=flat-square" alt="KanboardCSS"> </a> <a href="https://github.com/aljawaid/KanboardCSS/compare/" title="Latest Commits"> <img alt="GitHub commits since latest release (by date)" src="https://img.shields.io/github/commits-since/aljawaid/KanboardCSS/latest?style=flat-square"> </a> </p> <p align="right">[<a href="#user-content-readme-top">&#8593; Top</a>]</p> <a id="user-content-readme-bottom"></a>