https://github.com/STaRDoGG/portainer-nord-dark-theme
Dark blue theme for Portainer, partly based on the Nord color palette.
https://github.com/STaRDoGG/portainer-nord-dark-theme
portainer theme themes
Last synced: 7 months ago
JSON representation
Dark blue theme for Portainer, partly based on the Nord color palette.
- Host: GitHub
- URL: https://github.com/STaRDoGG/portainer-nord-dark-theme
- Owner: STaRDoGG
- License: agpl-3.0
- Created: 2020-07-10T03:09:02.000Z (over 5 years ago)
- Default Branch: master
- Last Pushed: 2022-03-18T10:52:20.000Z (over 3 years ago)
- Last Synced: 2024-11-05T18:51:03.692Z (12 months ago)
- Topics: portainer, theme, themes
- Language: CSS
- Homepage:
- Size: 74.2 KB
- Stars: 38
- Watchers: 2
- Forks: 9
- Open Issues: 9
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Nord Dark Theme (Blue) for Portainer
This is my custom dark blue theme for Portainer, mostly, but not entirely, based on the excellent [Nord](https://www.nordtheme.com) color palette.
As requested in the Portainer [thread](https://github.com/portainer/portainer/issues/3322#issuecomment-655250671) I have created a repo for it, for others to contribute if they choose.
As I've previously mentioned in the above thread, I consider the theme only about 98% complete. While it's quite usable as is, there are a small handful of things I still want/need to style or tweak (but my time is tight these days), as well as possibly missing some things entirely, as I styled things along the way as I used Portainer and thus may have missed some things if I didn't come across them during my own usage.
# Usage
There are rumblings of having this theme added right into Portainer as a selectable theme choice, but it will be a while before (if) that happens, so in the meantime, anyone is free to use and modify it as they wish; all I ask is that my name be left with it/derivatives of it, for the time spent on it (quite a few days, as I'm not a CSS poobah, so I also had to learn along the way).
Until it is (maybe) added directly into Portainer itself, you'll need to use a browser extension to enable this theme, such as [Stylus](https://chrome.google.com/webstore/detail/stylus/clngdbkpkpeebahjckkjfobafhncgmne?hl=en-US) or [Stylish](https://chrome.google.com/webstore/detail/stylish-custom-themes-for/fjnbnpbmkenffdnngjfgmeleoegfcffe?hl=en), and then paste this CSS into it as a new style.
## UserCSS Installation
📦 [Install the UserCSS](https://github.com/STaRDoGG/portainer-nord-dark-theme/raw/master/style.user.css)
**Side Note**
I got all of the selectors from the Chrome inspector; chances are likely a real CSS guru will spot ways to merge and optimize them; I welcome that.
