Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Improve UX in light mode #9

Open
Jakub-Vacek opened this issue Sep 18, 2020 · 17 comments
Open

Improve UX in light mode #9

Jakub-Vacek opened this issue Sep 18, 2020 · 17 comments
Assignees
Labels
good first issue Good for newcomers Status: In Progress Issue is in progress

Comments

@Jakub-Vacek
Copy link
Collaborator

Jakub-Vacek commented Sep 18, 2020

Improve colors when using "light mode" on your Mac.

  • Color of TextField text, labels and icons should be more contrasting (black).
  • Text in TextField after saving configuration should disappear.
  • Background color should be white
  • Save button should have label.

Current state:
Snímek obrazovky 2020-09-18 v 13 38 45

Snímek obrazovky 2020-09-18 v 13 38 29

@Jakub-Vacek Jakub-Vacek changed the title Improve UX Improve UX in light mode Sep 18, 2020
@Jakub-Vacek Jakub-Vacek added Status: Available Issue is available good first issue Good for newcomers Hacktoberfest https://hacktoberfest.digitalocean.com labels Sep 21, 2020
@jamie-brannan
Copy link

Hello! Happy to have found this issue via Hacktoberfest. 🎃 I'd love to contribute, and have an idea of some WCAG 2.0 accessible contrasts that would do the trick. However most of my experience with swift is in Swift 5 on iOS. I hope this won't be an issue for contributing?

@prokopsimek
Copy link
Member

@jamie-brannan Hello Jamie! Do not hesitate to at least try to fix the contrast! 👏✅

If you have any questions do not hesitate to contact us me or @Jakub-Vacek.

@prokopsimek prokopsimek added Status: In Progress Issue is in progress and removed Status: Available Issue is available labels Oct 1, 2020
@jamie-brannan
Copy link

Awesome, will do! Thank you! 🚀

@jamie-brannan
Copy link

Hello again @prokopsimek , quick question – in reading your contribution guide I see you have commit conventions but would you like me to follow any particular branch naming conventions?

@adelkahomolova
Copy link
Contributor

Hi, @jamie-brannan . We use the fix branch for fixes and the feature branch for features sometimes also chore or hotfix. So the branch should be named something like fix/improve-ux or feature/light-mode or something like that. Is it clearer now for you? :)

@jamie-brannan
Copy link

Yes thank you 😊

@jamie-brannan
Copy link

Hello 👋 I have a few more questions about getting my environment and contributing set up.

I've got macOS 11 beta installed, Xcode 12, PromiseKit and AwaitKit – my only issue is resolving signing certificates before I can build. Or is this not necessary?

About branching, I'm new to contributing but I was wondering if it's standard procedure to always fork, then create a branch from there and a PR – simply to commit to my fork directly before creating a PR?

@Jakub-Vacek
Copy link
Collaborator Author

Hello 🙂Signing of certificates is not necessary. This is project setup which works for me:
Snímek obrazovky 2020-10-05 v 8 58 17
Snímek obrazovky 2020-10-05 v 8 58 00
Snímek obrazovky 2020-10-05 v 8 57 49

Branching: your approach is ok 👌

@jamie-brannan
Copy link

⚠️ + 🔴 ~
Screenshot 2020-10-05 at 9 55 33 PM Okay I've learned to resolve the signature issue. Now I have more issues with warnings and target settings 🤔.

Since I only just updated to the beta, I'm guessing I need to create a new macOS target with macOS 11? If it's not too much trouble, what's the specs of the target you're looking to build for? (this is a bit different than iOS simulators 😂 for me but just as cool)

Thank you for your patience ✌️

@Jakub-Vacek
Copy link
Collaborator Author

Hi! 🙂 Good job with signature issues 👍Targets should be set to macOS 11 everywhere.
Snímek obrazovky 2020-10-06 v 8 54 56
Snímek obrazovky 2020-10-06 v 8 55 28
Snímek obrazovky 2020-10-06 v 8 55 37

No problem 🙂

@jamie-brannan
Copy link

Sadly WidgetKit is really unhappy when it's being imported in PipelineListView.swift 😢
Screenshot 2020-10-09 at 10 04 03 PM

@Jakub-Vacek
Copy link
Collaborator Author

Hi 👋 Try Do Not Embed option which works for me 🙂

@rarcilla
Copy link
Contributor

Hi! I hope its ok to jump on this issue thread. I'm also attempting to build the project, so I went through the screenshots above, and I still have the same warnings as @jamie-brannan but with the additional of the signing certificate errors (Jamie if you could let me know how you solved it, that would be amazing :) ).

Were these warnings eventually resolved? I'd love to know how. Thanks!!

Screen Shot 2020-10-15 at 2 56 56 PM

@jamie-brannan
Copy link

Hi @rarcilla, there's several things to resolve your build errors. First, make sure you're running Xcode Version 12.2 beta 3. This is what resolved the WidgetKit Error for me. Second, to run without the signing certificate errors you need to turn to your Pipeliner project settings and change the under the Signing & Capabilities tab, to look as such in the screen shot below (but with your developer team of course rather than the DX team or mine 😉 ) :

Screenshot 2020-10-18 at 10 29 00 PM

@jamie-brannan
Copy link

@Jakub-Vacek Just a little update, I've got my Xcode sorted out, build going and reading more into the code and different strategies for storing running color schemes and assets efficiently in Swift UI for the project ;) I should have much more to come before midweek, and sources to handover!

There doesn't happen to already be a graphic chart or branding created for this projet by any chance, or that I may have over looked? Otherwise, I'll stick closely to Apple-centric colors for this PR

@Jakub-Vacek
Copy link
Collaborator Author

@jamie-brannan Great job 👍 @rarcilla Thank you 😊
Apple-centric color scheme is OK. Widget scheme should imho match or be similar to the other widgets from Apple. If you encounter any difficulties (something looks weird etc.) please let me know. 🙂

@jamie-brannan
Copy link

I had a little trouble at first, but at last I've cracked how to implement a ColorScheme. I'm planning my commits now and should have a clean PR ready by today! 😸

@prokopsimek prokopsimek removed the Hacktoberfest https://hacktoberfest.digitalocean.com label Nov 5, 2020
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
good first issue Good for newcomers Status: In Progress Issue is in progress
Projects
None yet
Development

No branches or pull requests

5 participants