Skip to content

Latest commit

 

History

History
156 lines (114 loc) · 7.3 KB

README.md

File metadata and controls

156 lines (114 loc) · 7.3 KB

DarkTransparent theme for Kanboard

Kanboard

kanboard-theme-DarkTransparent kanboard-theme-DarkTransparent GitHub Discussions


This is a dark transparent material theme, with dynamically reloading non-moveable background image. It is intended for use with the Customizer plugin for Kanboard.

⚠️ DISCLAIMER !
The theme mostly presents customizations to my own liking and is distributed AS IS.
So please, review the description and screenshots below, and consider using it or not for yourself !

✅ And if you actually like it and use it, then please, give a ⭐ to this repository !

Compatibility

Features

The theme is a modified version of the Galaxy.css from the Customizer plugin (which in turn is a modification of the nebula.css).

Apart from the obvious changes of the primary highlight color (from lime green to dimmed blue), the more subtle, yet significant, differences to the Galaxy.css as base comparison are listed hereby:

  • there is a non-movable background image, which is dark greyscale and semi-transparent
    • a @media override is provided for orientation, so that the image would show decently on mobile devices in portrait mode
    • ⚠️the background image changes on each page reload !
    • it's been a while since the Unsplash URL APP doesn't really work, so now using this image source instead
      https://picsum.photos/1920/1080?grayscale&blur=2
      
  • the background color for all meaningful elements is dark and semi-transparent
  • tasks' background and border colors are darker shades of their category color
  • ⚠️ tasks' priority, age, dates and estimation are HIDDEN !
  • ⚠️ tasks' category label is moved in the up-right corner, just in left of the user pic !
  • 🗜️ both the above aim to make the tasks vertically compact (see Task in Screenshots) !

Screenshots

Well, the changes described above are much easier to see with examples.
Please, observe next pairs of screenshots with the Galaxy example first, and the DarkTransparent example following !

Task Board

galaxy-task-board
dt-task-board

Task List

galaxy-task-list
dt-task-list

Task Details

galaxy-task-details
dt-task-details

Task

galaxy-task-single
dt-task-single

Settings ⥂ Application

galaxy-settings-app
dt-settings-app

Settings ⥂ Plugins

galaxy-settings-plugins
dt-settings-plugins

Wiki Page

galaxy-wiki-page
dt-wiki-page

Todo Notes

galaxy-todo-notes
dt-todo-notes

Installation

  • Make sure you have a properly installed Kanboard and Customizer plugin !
  • Download the DarkTransparent.css theme.
  • Go to SettingsCustomizerManage ThemesUpload a theme :
    • (1) Browse to the file you just downloaded.
    • (2) Then Add Theme.
  • Now, just above it, in Manage ThemesGlobal Themes :
    • (3) Select the newly uploaded theme from the dropdown.
    • (4) Save the settings.
  • That's it! Enjoy 🎈

install

Authors & Contributors

Credits & References

License

[↑ Top]


kanboard-theme-DarkTransparent kanboard-theme-DarkTransparent kanboard-theme-DarkTransparent