Comments (18)
Before I had a chance to do more in-depth testing the problem fixed itself on my personal instance, which validates my theory that it most likely is a caching issue.
from nextcloud-breeze-dark.
0 ยซ root ยป /usr/share/webapps/nextcloud # sudo -u http ./occ maintenance:theme:update
The current PHP memory limit is below the recommended value of 512MB.
mimetypelist.js is updated
Image cache cleared
The result is still the same.
from nextcloud-breeze-dark.
Thanks a lot @tanghus
I'm not quite sure, if it's possible, at this time, but I would be interested in implementing it, if and/or when it's doable. I'll have a look and see what the options are.
I would greatly appreciate, if you opened a separate issue. It makes it easier to keep track of everything.
from nextcloud-breeze-dark.
Hi
I can't seems to reproduce the same problem, but I've noticed that the icons that are black are all icons that should be taken from the theme directly. The white icons are all icons I couldn't easily replace so I'm changing their color with CSS.
Have you disabled the theming app? The theming app is the only thing I know for sure causes this kind of problem with custom themes.
from nextcloud-breeze-dark.
Hi,
thanks for your answer. Yes, i've disabled the theming app since I first installed this theme - and I double checked that it is still not activated (so the nextcloud update did not activate it again).
from nextcloud-breeze-dark.
Okay, have you noticed any other places in Nextcloud where there are dark icons. I don't have a great understanding of the inner workings of how Nextcloud handles custom themes. Stuff like the details of exactly how Nextcloud handles replacing icons, because so far it has more or less worked. I have experienced issues like yours, but only while using my development setup, which I just reinstalled to fix it.
The main problem is there isn't really any good documentation on the more specific details for custom themes, and I sadly don't have time to dig through the code. Though there is one thing you could do that might be a help, if you inspect the HTML and let me know the source (src) of the dark icons.
I'll keep an eye out and see if I find something.
from nextcloud-breeze-dark.
Nextcloud 14.0.3 with theme version 14.0.2 from zip.
Click for screenshot.
The problem remains.
from nextcloud-breeze-dark.
Hi, thanks for the update.
First, have you tried clearing your browsers cache? See if that works. If not, could I ask you to open the HTML inspection tool and take a screenshot of the source of the image and the CSS that's applied to it. Then I can maybe figure out what's going on.
from nextcloud-breeze-dark.
Not sure which part of CSS you need. I'm not an expert in CSS, so you will have to be more specific.
I did take a screenshot though, not sure if it's helpful. Click.
from nextcloud-breeze-dark.
Thanks for the screenshot. I can see from it that Nextcloud is taking the icons from the wrong location. It's taking the icons from the app folder instead of from the theme, which is why it's black. I'm not sure of the reason for this as I don't know all the different things Nextcloud looks for to decide which icon to use. The only thing I'm certain of is when it works as intended icons from custom themes get priority.
You can try running the occ command maintenance:theme:update and see if that works.
from nextcloud-breeze-dark.
@mwalbeck thanks a lot, your command almost fixed the issue for me!
now there are only the icons for "external sites", "full text search" and bookmarks left black...
from nextcloud-breeze-dark.
The reason is because the icon in black are not being requested from the themes directory.
<a href="/settings/user/sharing">
<img alt="" src="/themes/nextcloud-breeze-dark/core/img/actions/share.svg">
<span>Sharing</span>
<a href="/settings/user/ojsxc">
<img alt="" src="/apps/ojsxc/img/app-black.svg">
<span>JavaScript XMPP Client</span>
Guess if the OCD is that unbearable you can manually edit those black icons to be white.
from nextcloud-breeze-dark.
Okay, a similar issue is now showing on my personal instance of Nextcloud so I can try to troubleshoot it a bit better. I have problems with the Favicon and the settings dropdown icons. What I've noticed so far with the favicon is, depending on which app I'm using, it switches back and forth between pulling the favicon from the theme and core.
from nextcloud-breeze-dark.
Nice work, but maybe color the icons with css
from nextcloud-breeze-dark.
A quick little update, I had this issue recently which I fixed by running the maintenance:repair occ command. Though be a bit a careful when using it, it seems to work fine with a standard install, but the docker image didn't like it. It seems the cache isn't regenerated properly in the docker image, but redoing the container should fix it.
from nextcloud-breeze-dark.
Great theme, @mwalbeck ๐
I just installed it, but now also notice, that the favicons shown are always the same standard Nextcloud icons, instead of the apps own icon. I have several Nextcloud tabs pinned in Firefox, so I only see the favicon, and this makes it difficult to tell which is which.
from nextcloud-breeze-dark.
I would greatly appreciate, if you opened a separate issue. It makes it easier to keep track of everything.
from nextcloud-breeze-dark.
I'm going to close this issue as it's related to caching problems of image files. The versions for both NC17 and NC18 no longer use actual image files for icons, but everything is handled in CSS. You're very welcome to open up a new issue if any of you experience similar issues with the new versions of this theme.
from nextcloud-breeze-dark.
Related Issues (20)
- Breeze Dark is activated, but the theme is not applied. HOT 2
- Mail app displays white background on email content HOT 2
- Support for Nextcloud 25 HOT 10
- no login image background after fresh install HOT 4
- Management of group folders accessgroups not showing properly
- Breeze Dark Theme Affects Nextcloud Tasks Layout HOT 1
- upcoming task widget button is all blue
- How can I change --color-main-background to rgba(17, 17, 17, 1) ? HOT 2
- Suggestion: enhance the contrast between the cards border and the background HOT 4
- Navigation sidebar is light when the default light theme is active along with the Breeze Dark Theme HOT 3
- An option to re-enable the non-transparent header
- Clean uninstall of the app is impossible and breaks nc light theme HOT 2
- Styling request for SnappyMail (black background in input fields) HOT 1
- Could you update to NC26 please HOT 1
- Black icon in sharing links HOT 1
- Toolbar in text app: Icon of button of the applied text style invisible HOT 1
- Update to NC27? HOT 4
- black app icons on main navigation bar HOT 1
- Update to NC28 please HOT 2
- Uninstalling the theme but attributes still present HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
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.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google โค๏ธ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from nextcloud-breeze-dark.