Git Product home page Git Product logo

nextcloud-breeze-dark's People

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

nextcloud-breeze-dark's Issues

Markdown Table

In the markdown editor there is a problem with tables showing this
image
the source code is below

| Companie | type | capcité |
| -------- | ---- | ------- |
| WD | PC | 120 GB |

How do I activate the theme?

I am new to nextcloud, so I thought, I just have to copy the folder into the themes directory.

I did, but the theme is nowwhere visible in my nextcloud settings now.

I only have a setting "Theming" as admin, but there are only some settings for the current theme.

could you please add some more information to the Readme?

Styling for Nextcloud 14.0

2018-09-13_085239

With a standard Nextcloud 14.0 installation, the Apps area, Settings areas, and Control Panel drop down menu are wrongly themed, with light text on a white background. I have tried this with the Theming app installed and uninstalled, using incognito mode to verify uncached data.

Accessibility: High Contrast

If anyone is interested and can benefit from this theme getting higher contrast colors or maybe a separate version of the theme with improved accessibility, let me know.

If there is interest this will be a goal for NC 16.

The theme breaks the play/pause indicator logic in the Music app

I'm the author of the Music app and noticed the following problem while investigating (an unrelated) bug reported for the app:

When the nextcloud-breeze-dark theme is enabled, the Music app shows the play indicator in front of each track and each view/playlist name:
breeze-dark

The indicator is supposed to show only on the current track and on the hovered track. In the navigation pane, the indicator should be shown on the currently playing view and when hovered directly on the indicator.

The problem is in how the theme overrides the rules of the class .play-pause. To work correctly with the latest version of the Music app (v0.8.0 released a few hours ago), the rules should be as following:

.current.playing .play-pause,
div:hover > .play-pause,
#app-view .current:not(.playing) div:hover .play-pause,
#app-navigation .current:not(.playing) :hover .play-pause {
	background-image: url('../img/actions/play-big.svg');
}
.current:not(.playing) .play-pause,
#app-view .current.playing div:hover .play-pause,
#app-navigation .current.playing :hover .play-pause {
	background-image: url('../img/actions/pause-big.svg');
}

The most important thing to note here is that there is no rule for the class .play-pause alone. This is because the element is essentially a 3-state indicator where the icon may be play, pause, or none. The none state is the default and to show other icons there are additional conditions.

Note that the Music v0.8.0 made some changes on the track item structure so the style definitions given above don't work perfectly on older versions. It would probably be impossible to define the rules so that they would work 100% correctly on all versions. But just to be clear, the problem described here was present already on older versions of the Music app.

Test configuration:
Theme version 13.0.4
Music app version 0.8.0 and 0.7.0
Nextcloud version 14.0.0-alpha (shouldn't be relevant)

Fix white background in logging

When expanding a logged item, there it a white background.
capture

This should fix it:
._3UrpHQRjyb138CVLZNW1LL tr._3LRdZBXEOn3DskYBRJfpbZ{ background-color: #31363b; }

I didn't submit a pull request because I wasn't sure about the sass code, but this is the css that fixes it.

LDAP app needs styling.

Nextcloud Version 13.0.4
Theme Version 13.0.2
Firefox Version 60.0.2

Most of it looks fine, except for the Advanced settings which are nearly illegible.

screenshot_1

Background Issue, Mail App

First I would like to say thank you for a great theme! It looks awesome!

I am currently running into a bit of trouble in the NextCloud Mail app. Everything looks fine except for in the navigation section on the left. When I expand a collapsed parent directory, the background for the expanded section is not styled correctly (it has a white background).

Here is what things look like before the section is expanded:
before

And here is what things look like after the section is expanded:
after
In this picture I highlighted the "All" directory with the mouse, but the rest of the white space contains different directories that cannot be seen since the text color is the same as the background.

After some digging, I found that if I unchecked the background image being set as seen below, then the theme's proper background would get picked up:
details

With this in mind, I tried to just add this to my _mail.scss file:

#app-navigation .collapsible.open {
  background-image: none;
}

But it had no effect. Admittedly, I am not really familiar with scss, so this might not be the right change, or I might have been putting it in the wrong spot. (Or maybe I just missed some step in getting my NextCloud to pickup the change. I restarted my NextCloud service and cleared the cache in my browser.) Any suggestions you might have would be greatly appreciated!

Thank you!

NextCloud Version: 12.0.5
nextcloud-breese-dark Version: 13.0.2

Styling for NC 12

Styling doesn't work for NC 12 yet. There was a major overhaul of the interface, so it may be difficult to implement quickly. It's slated for release in a few weeks.

Tasks: Some elements are unreadable

The checkbox at the left side of the text is barely seen. The text on start/due date is unreadable.
screenshot_2018-04-28_14-22-32

The weekdays are unreadable when hovering mouse on calendar.
1

The same happens with hours and minutes.
2

Priority number is unreadable.
3

Progress percentage is unreadable.
4

Extend theme to JavaScript XMPP Chat

Thank you for this excellent theme. I appreciate the time you took to make it and even more so that you shared it here.

Any chance you can theme the JavaScript XMPP Chat panel?

Nextcloud 15

Hi I'm actually on nextcloud 15 and your theme work pretty well on it
but there is some tweaks to add to make it perfect
examples:

actionbar
image
can be corrected by setting

#controls {
    background-color: transparent;
}

result:
image


appbar on hover
image
can be corrected by removing this

(I actually don't know if it's wanted or not)

#appmenu li span { /*around line 1620*/
    border: 1px solid #706f6e;
}

to result to
image


finally
image
can be corrected by adding

#appmenu:hover li:hover span {
    background-color: transparent;
}

image

and that's pretty much all a saw

Bug for passman

The top bar of passman disappeared with this theme. So we can't add new passwords anymore.

As you can see, the top bar is blank now:

image

dark folder icons with theming app

I set up a new nextcloud server 15.0.4/now15.0.5 using theming app to change name, slogan, color, logos and favicon.

with activated theming app I now have dark folder icons:
grafik
<div class="thumbnail" style="background-image: url("/index.php/apps/theming/img/core/filetypes/folder-shared.svg?v=20");"><div class="favorite-mark ">

with deactivated theming app folder icons are ok but only standard logos etc.:
grafik
<div class="thumbnail" style="background-image: url("/core/img/filetypes/folder-shared.svg");"><div class="favorite-mark ">

Theme fail

For me the theme juste does not works...

When I activate it I have this error replacing the logo in the top bar:
Error: File to import not found or unreadable: apps/base/notifications.\A on line 27 of server.scss\A \A 22: @import 'apps/base/first-run-wizard';\A 23: @import 'apps/base/gallery';\A 24: @import 'apps/base/log-reader';\A 25: @import 'apps/base/news';\A 26: @import 'apps/base/notes';\A 27: @import 'apps/base/notifications';\A 28: @import 'apps/base/text-editor';\A 29: @import 'apps/base/two-factor';\A 30: // Extra\A 31: \A 32: @import 'apps/extra/audio-player';

And the theme is the default one.

How to fix it?

FullTextSearch results - context portion unreadable

Version: Nextcloud 13.04
FullTextSearch versions: current trifecta
Expected behavior: File names and the context entry of the search result are both readable using the theme
Current behavior: File names are perfectly readable, but the context entry below the file name is unreadable without highlighting

I tested using an incognito window and a fresh clone of the git just to be sure.

40790398-7431042a-64ba-11e8-8bc2-76c38d389ad2

In the other issue, it was stated that this was resolved for 13.03, but it's behaving the same way in 13.04 (I skipped 13.03, was not able to verify).

Thank you!

Allow Custom Login Background

Allow using a custom login background that can be selected through the theming app before applying the theme.

Could we replace this in core/css/core/_server.scss:
background-image: none !important;

With this:
background-image: url(/index.php/apps/theming/loginbackground) !important;

Theming Registration app 'Register' button

Registration app: https://apps.nextcloud.com/apps/registration

I had to tweak the css to make the 'Register' button match the 'Log in' button.

Would be great if you could include in future versions and not sure if there is a better way of applying the css instead of using !important.

#alternative-logins li a {
border: 1px solid #706f6e !important;
background-color: #232629 !important;
color: #fcfcfc !important;
}
#alternative-logins li a:hover {
border-color: #3daee9 !important;
background-color: #1d99f3 !important;
}

Dark and non-dark icons in the admin panel

After updating to Nextcloud 13.0.6 and updating the theme to version 13.0.5 and with Chrome 68.0.3440.106 I experience dark icons mixed with non-dark icons in the admin panel.

Here's a screenshot:
screenshot1

some problems

hidden file (files starting with a dot) aren't showing their name
image
the file is named .Contacts-Backup and the name should be visible.
(using latest at master)


also
the bookmark icon is black in the settings
image

nextcloud 15 bugs

I tried your theme on nextcloud 15 (branch 15) and i report these to you ;)


icons on explorer aren't showing in grid mode (they only appear on hover)
image


I don't know if you can edit them but Apporder app icons are black
image

and dashboard icons too (there is also the button on the bottom right part)
image
(the dock isn't part of the cloud)


the help documention has the text in black
image


Everything else is perfect !

Logos are not loading on Nextcloud 15

Hi,

Not sure if I should ask here or on the NC forum so sorry in advance if my question supposed to be posted there. I use nextcloud-breeze-dark since NC14 and love it. The only thing I used to change is the logo on the login page, the logo in the upper left corner after logged in and the favicon. After upgrading to NC15 I noticed that these logos are not loading anymore. The logos included in nextcloud-breeze-dark are not loaded either instead it is loading the original white logos of NC. However enabling the Theming app will load the logos and also keep the changes made by applying this theme. Is this the new normal and can't load custom logos any longer via theming and need to use the app or I missed something?

EDIT: Turns out that I'm a muppet and - surprise, surprise - adding the .logo and .logo-icon headers solves the "problem". Sorry, I'm gonna go now....

Styling for FullTextSearch

new issue for request made in #2

The newest is working very well on NC 13, thank you very much for continuing your work on this theme.

I'd like to see the FullTextSearch (Nextant replacement) app in the list. Right now, they use a custom Search icon to the left of the Contacts search icon, and with the theme in place, it's not available (e.g., if you use FullTextSearch and this theme, you can't search).

Thanks!

Uncaught Error: Call to a member function getLoggerUncaught Error: Call to a member function getLogger

Hi all! Screenshots of nextcloud-breeze-dark look good. So I'd like to try it.
I gloned the repo in my themes folder, and made the config change. I also chowned the files for user apache, and restored the cselinux context.

In my logs I get:

Uncaught Error: Call to a member function getLoggerUncaught Error: Call to a member function getLogger
To be more specific:

[Wed Oct 31 20:04:07.814732 2018] [:error] [pid 26938] [client 10.0.60.16:57024] PHP Parse error: syntax error, unexpected ''nextcloud-breeze-dark'' (T_CONSTANT_ENCAPSED_STRING), expecting identifier (T_STRING) or variable (T_VARIABLE) or '{' or '$' in /var/www/html/config/config.php on line 38

Am I doing something wrong? Thanks!

Problems with Nextcloud 15

55079028-adf24700-509b-11e9-85d8-1f657fab8035

I have this Problem on my Nextcloud 15. I tried occ maintenance:theme:update and also clearing the Browser cache (ctrl + F5)

Make Icons White

Can we make all these icons white?
image

I can make them if necessary.

news looks off on NC 13

After upgrading to Nextcloud 13, the news application looks a bit off with the various shades of grey.

news-screenshot

The news application had some changes made for NextCloud 13, see nextcloud/news#253.

Nextcloud 13.0.0
nextcloud-breeze-dark 3a963a3
news 12.0.1
Firefox 58.0.2 (pictured)
Brave 0.20.29
qutebrowser 1.1.1

Support for Nextcloud 16

  • Styling for core
    • Activity
    • Text editor
    • First Run Wizard
    • Gallery
    • LDAP
    • Log Reader
    • Files
    • Notifications
  • Styling for official apps
    • External sites
    • Calendar
    • Contacts
    • Notes
    • Retention
    • Announcement Center
    • Mail
    • Group Folders
    • Circles
  • Styling for 3rd party apps
    • News
    • Audio Player
    • Bookmarks
    • Deck
    • Markdown Editor
    • Dashboard
    • Music
    • User Account Deletion
    • Polls
    • Quick Notes
    • Ojsxc
    • Passwords
    • Tasks
    • Radio
    • Passman

Not available for NC 16 or I don't have a setup to work on it:

  • Fulltextsearch
  • Phone Sync
  • Weather

location on snap install

git cloned into /var/snap/nextcloud/current/nextcloud/themes/nextcloud-breeze-dark and added to config/config.php but no theme change

the settings page says that I've set a custom setting so it seems like the theming folder is just wrong or something?

vanilla nc 14

thanks

Styling tweak for "deck" app.

Sorry to bother you again.
Would you mind checking out the styling for the Deck up please? I've notice the timing note things are a little hard to read.
Hours ago looks good:
image
Minutes ago is pretty harsh:
image
Continuing to add time, this is the next color:
image
Next colour to show is:
image

That's all I've found for now.
I've been exploring and settling into using nextcloud, so I'll be poking about in some of the dusty corners >.<

Allow Custom Slogan and Name

Hello, first of all, thank you for this almost perfect theme (it only misses theme for polls to be perfect).

I have only one small minor issue (similar to # 11): I can not change the slogan and name of my Nextcloud instance since I had to disable the Theming app to install this skin.

Is there a clean solution to change these elements?

Thank you, good luck!

Styling for Apps

Here you can see the progress for the styling of Nextcloud apps for Nextcloud 12. Apps not on the list is currently not planned for styling. If you would like a Nextcloud app which is not on the list to be styled please open a new issue. For more info on how to contribute please checkout CONTRIBUTING.md.

Currently styled:

  • Nextcloud Core apps
  • Calendar
  • Contacts
  • News
  • Notes
  • Audio Player
  • Phone Sync
  • Mail
  • Music
  • Deleted files
  • External sites
  • File access control
  • Files automated tagging
  • Retention
  • Two Factor TOTP Provider
  • Two Factor U2F
  • Brute-force settings
  • Circles
  • Group Folders
  • Impersonate
  • Social Sharing Via *
  • Tasks
  • Checksum
  • Registration
  • Passman
  • QOwnNotesAPI
  • Bookmarks
  • Quota warning
  • Keeweb
  • Radio
  • Metadata
  • User Account Deletion
  • Flow Upload
  • Deck
  • Collabora Online (Currently no plans to make a dark themed version of the editor, but it works as intend)
  • Announcement Center (icons are taken from the core theme instead of the custom theme, so they are black)

Planned:

  • Talk
  • JavaScript XMPP Chat

email

on the mail app (link)
example mail: image

could it be possible to make the email content (text mail) have darker background and light text ?
like this :
image

Quicknotes Styling

📄 Quicknotes is new in the Nextcloud App Store
:octocat: Quicknotes Git-Repo
Maybe it could be a good replacement for the "Notes" 📓 app, at least for the "quick" notes ⏩

It needs some new Styling- background and font-color

It would be nice if someone likes to fix this.

Source map error

In Firefox in its Console I get the following error:

Source map error: SyntaxError: JSON.parse: unexpected character at line 1 column 1 of the JSON data
Resource URL: https://test-domain/themes/breeze-dark/core/css/server.css?v=a9f9ecf4-6
Source Map URL: server.css.map

I'm not sure what it means. Is this an issue with my configuration or is an issue with the theme? I have latest origin/master version installed.

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.