Coder Social home page Coder Social logo

oxygen's Introduction

Checkout our latest project

  • With DocPHT you can take notes and quickly document anything and without the use of any database.

Latest release GitHub license Maintenance Open Source Love Downloads

Oxygen plugin for Kanboard

Donate using Liberapay Donate with PayPal button

This theme allows you to add special features like replacing the logo and adds syntax highlighting for Markdown code.

Screenshot

dashboard board task1 task2 task3

Author

  • Valentino Pesce
  • License MIT

Requirements

Kanboard >= v1.2.5
Kanboard installed at a web server. You can find the download at kanboard.org

Installation

You have the choice between 3 methods:

  1. Install the plugin from the Kanboard plugin manager in one click
  2. Download the zip file and decompress everything under the directory plugins/Oxygen
  3. Clone this repository into the folder plugins/Oxygen

Note: Plugin folder is case-sensitive.
Important: remove all unused themes

Add options for the theme

  • Replace the KB logo with your own logo
    For more information have a look in the config.php

Syntax highlighting for Markdown code

151 languages currently supported by Prism, with their corresponding alias, to use in place of xxxx

-```xxxx
class BaseClass {
    function __construct() {
        print "In BaseClass constructor\n";
    }
}
-```
+```php
class BaseClass {
    function __construct() {
        print "In BaseClass constructor\n";
    }
}
+```

โญ If you like it, do not forget to give a star on GitHub!

๐Ÿ‘ท Any contribution will be highly appreciated

Clone the repository:

git clone https://github.com/kenlog/Oxygen.git

๐Ÿ› Reporting Issues

Please create an issue for any bugs you've found.

oxygen's People

Contributors

kenlog avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

Forkers

westkey ipublicis

oxygen's Issues

recolor tile/card background

I am sorry if this is easy, but I have not been able to find the code in the oxygen.css to change the color of the background in the tile/card for each task. I can choose the color of the task's tile/card from among the many color options -- green, red, blue, purple, yellow, etc. But what I want to do is adjust the color of the red tile to a different red, or the yellow tile to a different yellow, etc.

I have changed the overall background color of the board, and the color of the bar at the top, but I can't seem to find where to change the color of the tiles/cards.

Plugin Makes Code in Hover Window Unreadable

In the Board view, hovering over a task's notepad icon brings up a temporary rendered sample of a ticket. At least in version 1.2.6 of Kanboard, the code itself appears as white outlined words that are very difficult to read.

See attached screenshot.

capture

Font size too big in task name

Hi @kenlog . First of all, I apologize if Iยดm using "issues" in an unappropriated way, this is the first time I use GitHub.
I really liked Oxygen, it gives Kanboard a modern beautfull interface. Congratulations!
I have one question: I would like to change the font size of the task name in project board view (make it smaller). Can I customize it? How can I do that?
Thanks in advance!

Logo not clickable

I fixed this in oxygen.css by replacing margin: 0px at .header h2 with, e.g.:

margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 140px;

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.