You are viewing a plain text version of this content. The canonical link for it is here.
Posted to dev@nifi.apache.org by "Peter Wicks (pwicks)" <pw...@micron.com> on 2017/05/23 08:52:35 UTC
RE: [EXT] Re: Improved Color Scheme for NiFi UI
Another option that I had been playing around with was using the Chrome plugin Stylish<https://userstyles.org/> to create a NiFi color scheme that you can turn on/off on the fly.
It's very much a work in progress, as I've only been working on it for myself so far and didn't make it available until today.
https://userstyles.org/styles/142978/dark-nifi-1-2-0
Feedback welcome.
From: Andy LoPresto [mailto:alopresto@apache.org]
Sent: Saturday, May 20, 2017 2:53 AM
To: dev@nifi.apache.org
Subject: [EXT] Re: Improved Color Scheme for NiFi UI
Thanks for contributing this, Brandon. I think we could open a Jira to provide a user-customizable setting, either through the UI or nifi.properties, to switch between the color schemes (and handle more in the future), as well as the placement of the navigation bar and operate palette.
Andy LoPresto
alopresto@apache.org<ma...@apache.org>
alopresto.apache@gmail.com<ma...@gmail.com>
PGP Fingerprint: 70EC B3E5 98A6 5A3F D3C4 BACE 3C6E F65B 2F7D EF69
> On May 19, 2017, at 11:43 AM, Brandon Spratt <bj...@gmail.com>> wrote:
>
> Hi all!
>
> We noticed the newer versions of NiFi (1.0.0 and on) was very bright on our screens, so we modified the nf-canvas-all.css file for a better contrast and colors.
>
> Attached are a few example pictures of a modified NiFi UI.
>
> Here's the .war file (for 1.2.0) already compiled and ready to be used as well as a .pdf with step by step instructions to do it yourself: https://drive.google.com/drive/folders/0B-AhUVEKWNP0Q1EtTGRzYXFVN00 <https://drive.google.com/drive/folders/0B-AhUVEKWNP0Q1EtTGRzYXFVN00>
>
> Hope this serves someone well! We are using it for all of our instances of NiFi.
>
> Brandon
<html><head><meta http-equiv="Content-Type" content="text/html charset=us-ascii"></head><body style="word-wrap: break-word; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space;" class="">Thanks for contributing this, Brandon. I think we could open a Jira to provide a user-customizable setting, either through the UI or nifi.properties, to switch between the color schemes (and handle more in the future), as well as the placement of the navigation bar and operate palette. <div class=""><br class=""></div><div class=""><br class=""><div class="">
<div style="letter-spacing: normal; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; word-wrap: break-word; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space;" class=""><div style="letter-spacing: normal; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; word-wrap: break-word; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space;" class=""><div style="color: rgb(0, 0, 0);" class="">Andy LoPresto</div><div style="color: rgb(0, 0, 0);" class=""><a href="mailto:alopresto@apache.org" class="">alopresto@apache.org</a></div><div<mailto:alopresto@apache.org%3c/a%3e%3c/div%3e%3cdiv> class=""><i class=""><font color="#c0c0c0" class=""><a href="mailto:alopresto.apache@gmail.com" class="">alopresto.apache@gmail.com</a></font></i></div><div<mailto:alopresto.apache@gmail.com%3c/a%3e%3c/font%3e%3c/i%3e%3c/div%3e%3cdiv> style="color: rgb(0, 0, 0);" class="">PGP Fingerprint: 70EC B3E5 98A6 5A3F D3C4 BACE 3C6E F65B 2F7D EF69</div></div></div>
</div>
<br class=""><div><blockquote type="cite" class=""><div class="">On May 19, 2017, at 11:43 AM, Brandon Spratt <<a href="mailto:bjspratt1@gmail.com" class="">bjspratt1@gmail.com</a>><mailto:bjspratt1@gmail.com%3c/a%3e>>; wrote:</div><br class="Apple-interchange-newline"><div class=""><div dir="ltr" class=""><div class="">Hi all!<div class=""><br class=""></div>We noticed the newer versions of NiFi (1.0.0 and on) was
very bright on our screens, so we modified the nf-canvas-all.css file for a
better contrast and colors.<br class=""><div class=""><br class=""></div><div class="">Attached are a few example pictures of a modified NiFi UI.</div><div class=""><br class=""></div><div class="">Here's the .war file (for 1.2.0) already compiled and ready to be used as well as a .pdf with step by step instructions to do it yourself: <a href="https://drive.google.com/drive/folders/0B-AhUVEKWNP0Q1EtTGRzYXFVN00" target="_blank" class="">https://drive.google.<wbr class="">com/drive/folders/0B-AhUVEKWNP<wbr class="">0Q1EtTGRzYXFVN00</a></div><div class=""><br class=""></div>Hope this serves someone well! We are using it for all of our instances of NiFi.<br class=""><br class=""></div>Brandon<br class=""></div>
</div></blockquote></div><br class=""></div></body></html>