Skip to content

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.

License

aljawaid/KanboardCSS

master
Switch branches/tags

Name already in use

A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?
Code

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

KanboardCSS

Theme Plugin for Kanboard

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. This theme works perfectly with other plugins.

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.

Screenshots

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

Boards Boards

Tasks Tasks

Usage

Refresh the page or restart your browser.

Compatibility

Other Plugins & Action Plugins

Core Files & Templates

  • No template overrides
  • No database changes

Changelog

Read the full Changelog

Installation

  • Install via the Kanboard Plugin Directory
    • Go to:
      • Kanboard: PluginsPlugin Directory
    • or with PluginManager installed:
      • Kanboard: SettingsPluginsPlugin Directory

or

  • Install via the Releases folder
    • A copy of each release is saved in the /Releases folder of the repository
    • Simply extract the .zip file into the /plugins directory

or

  • Install via GitHub
    • Download the .zip file and decompress everything under the directory /plugins
    • The folder inside the .zip must not contain any branch names and must be exact case (matching the plugin name)

Note: The /plugins folder is case-sensitive.

or

  • Install Manually via Settings
    • Copy content data from kanboardcss.css
        1. Go to Kanboard: SettingsApplication Settings
        1. Paste into the Custom Stylesheet section
        1. Save

Note: Not fully compatible with MySQL-Kanboard environments due to the field limit

or

  • Install via Customizer plugin
    • Copy the file kanboardcss.css to the folder /plugins/Customizer/Assets/css/themes/ if using the Customizer plugin

or

  • Install using Git CLI
    • git clone (or ftp upload) and extract the .zip file into this folder: .\plugins\ (must be exact case)

Translations

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

Authors & Contributors

License

About

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.

Topics

Resources

License

Stars

Watchers

Forks

Sponsor this project