Giter VIP home page Giter VIP logo

Comments (12)

mwalbeck avatar mwalbeck commented on May 14, 2024

Thanks for reporting back.

If you know how, could you open the HTML inspection tool and see if the CSS is being overwritten by something or if it is never applied.

I'm inclined to believe it's the former as some styling from the theme is applied. It might be a browser plugin that's the culprit. Let me know what you find.

from nextcloud-breeze-dark.

u63725 avatar u63725 commented on May 14, 2024

I have open the HTML inspection tool. Is there anything you need to find the error?

from nextcloud-breeze-dark.

mwalbeck avatar mwalbeck commented on May 14, 2024

Great, if you look at the id selector #controls and its background-color value. It's set to a variable, all the variable definitions are at the bottom so if you scroll all the way down and find the instance of --color-main-background-translucent that isn't crossed over and send me a screenshot of that. I've added a screenshot that hopefully helps a bit.
image

Secondly, I can from your screenshot that it seems the Custom CSS plugin is in use, is that correct? If so could you try to disable it and see if that changes anything

from nextcloud-breeze-dark.

rcdailey avatar rcdailey commented on May 14, 2024

I wanted to pitch in and say I'm seeing this exact same issue on Nextcloud 16 Beta. I do have the Custom CSS plugin enabled, but I actually use it:

#header .header-shared-by {
  display: none;
}

#body-public footer {
  display: none;
}

I use this CSS to hide some of the stuff you see on the page for public file share links. I do not want to disable this.

from nextcloud-breeze-dark.

rcdailey avatar rcdailey commented on May 14, 2024

Also: Disabling Custom CSS didn't change anything for me

from nextcloud-breeze-dark.

rcdailey avatar rcdailey commented on May 14, 2024

@mwalbeck I think this is what you were asking for?

image

from nextcloud-breeze-dark.

rcdailey avatar rcdailey commented on May 14, 2024

Ah, if I disable the Accessibility app/plugin, that fixes the issue.

Maybe this theme should work with the Accessibility app enabled and just override the user's CSS instead of assuming only the server CSS is present?

from nextcloud-breeze-dark.

mwalbeck avatar mwalbeck commented on May 14, 2024

Great find, it seems if you have enabled either the high contrast theme or the dyslexia font from the accessibility app, together with this theme you see this issue.

One of the reason why I haven't enforced the theme styling more heavily is to allow the theming app to work and even the Custom CSS app.

Do you have a specific use case where you use either the high contrast theme or the dyslexia font with this theme?

from nextcloud-breeze-dark.

rcdailey avatar rcdailey commented on May 14, 2024

from nextcloud-breeze-dark.

mwalbeck avatar mwalbeck commented on May 14, 2024

Indeed and I should be easily able to accommodate the dyslexia font, but having a high contrast version that you can turn on/off might not be possible but I'll have to check.

What I can do is to make the theme itself more accessible in general when it comes to color and contrast. If there are any users there might benefit from it. So I'll open a new issue for that specific topic and probably have a look at that for NC 16 as it's probably going to be a big change.

@HydrexHD does disabling the High Contrast theme under accessibility options fix the issue for you?

from nextcloud-breeze-dark.

u63725 avatar u63725 commented on May 14, 2024

I fix it by disabling the High Contrast theme. Thanks.

from nextcloud-breeze-dark.

mwalbeck avatar mwalbeck commented on May 14, 2024

Great @HydrexHD I removed your second screenshot as your domain was still visible.

from nextcloud-breeze-dark.

Related Issues (20)

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.