4.8 KiB
Breeze Dark Theme
This is a Breeze Dark Theme for Nextcloud based on the Breeze Dark theme made by the KDE Project.
If you have any questions, problems or any thing else you're welcome to come hangout in the dedicated matrix room: #nextcloud-breeze-dark:mwalbeck.org
Supported versions
The currently supported and maintained Nextcloud releases are:
- Nextcloud 20
- Nextcloud 19
I try my best to maintain 2 Nextcloud releases at once, to allow for smoother transistions, but for various reason I might decide to drop support for older releases early.
Previous unmaintained releases:
- Nextcloud 18
- Nextcloud 17
- Nextcloud 11-16
Version number
The first number is the Nextcloud version. The second number is the Nextcloud major point release version. The third number is the theme version.
Installation
It's available in the Nextcloud app store, just search for Breeze Dark, or look under customizations.
or you can clone this repo into your app folder and enable it in the app menu in Nextcloud.
Usage
After you install the theme, you need to enable it. There a 2 options for this, a global and a personal one.
Global
The global option enables the theme by default for all users and unauthenticated visits. Without this option stuff like the login and sharing pages won't be styled. There is also an option to exclude the login page from being themed while the rest is. You can find the global options here:
Admin settings > Theming > Breeze Dark
Please note that you need the Theming app enabled in Nextcloud to access the global settings.
Personal
The personal option allows each user to set their own preference independent of how you set the global option. If the user hasn't set an option yet, they will follow the global option. You can find the personal option here:
Personal settings > Accessibility > Breeze Dark
Please note that you need the Accessibility app enabled in Nextcloud to access the personal setting.
Custom styling
Under the Theming section in the admin settings you can add your own custom styling to the theme. Only standard CSS can be used. This custom styling will be applied whenever the theme is enabled and only affects the Breeze Dark theme.
Known issues
Login image not shown when theme is enabled
This is caused by the way this theme accesses custom login images. There are 2 workarounds to fix the issue:
First workaround (recommended)
Switch to using pretty urls. Pretty urls are urls where the index.php isn't present. For apache you can follow these steps from the documentation and for Nginx I recommend having a look at the example config from the documentation
Second workaround
You can use the custom styling functionality and add the following CSS rule
body#body-login {
background-image: url('../../../index.php/apps/theming/image/background'), url('../../../core/img/background.png');
}
Contributions
Issues
If you find an issue with the theme I would grealy appreciate it if you opened a bug report, so it can be fixed.
You're also very welcome to open a styling request, if there is an app you would like to see supported by this theme.
A full list of supported apps can be found on the wiki.
Pull requests
If you would like to contribute to the theme, all you need is a working Nextcloud setup and a text editor. Nextcloud is going to handle all the sass compilation on it's own. When you have you have Nextcloud setup, you can simply clone this repo into the app folder.
As nextcloud caches all sass, your changes won't show up immediately. To have your changes show up an easy trick is to disable the theme, refresh the page and then enable it again. This isn't perfect, but works most of time. If your changes don't show up, you can either wait a couple of minutes and then try again, or you can try running an occ maintenance:repair.
You're always welcome to open an issue and talk about the changes, you would like to make, before starting.
Donations
If you like the theme and would like to donate you can use the following ways:
Liberapay:
https://liberapay.com/mwalbeck/
Ko-fi:
https://ko-fi.com/mwalbeck
PayPal:
https://www.paypal.me/magnuswalbeck
Crypto:
BTC: bc1ql59kgyrhx0l252d8xan2rrvrtz64j2zr8zucmf
LTC: ltc1qzn9appss8ecadz9yts46u4vacm9ehwhc29uq4d
XMR: 84eXmuNS5RKWnn3YqAmk71U8EkHi2dqLRZN87si5UUdoQp9YPCwL4WFVz84j5hcDmZPkHzFVwM1aGDTfpdaFqQ64PuuLUj2
Thank you!