Skip to content

Conversation

svobs
Copy link
Contributor

@svobs svobs commented Dec 14, 2022

I came up with this while working on #4107, but that's already too big, and wanted to get comments on this, so I pulled this out and put it into its own issue.


Description:

[Updated from the original post: now much simpler - only needs border changes to 3 NSBoxes - but the changes here look a lot bigger because they are using the code from #4107 as a base...]

I use Dark Mode for the most part, and it bothers me that the box colors don't match for the 3 tables in Prefs > Key Bindings and Prefs > Advanced. They seem ok in Light Mode. But in Dark Mode the boxes on the bottom (with the +/- buttons) are a dark gray, while the table above uses a light gray border, and although they aren't misaligned, the color difference makes them look like they are.

Screenshot Old Light
Screenshot Old Dark

I first tried changing the borders of the scroll view to a darker color, so it matched the boxes below, but that looked a bit off. It looks like in most other parts of MacOS, the trend is to use light borders. XCode is a notable exception in that it seems to favor dark borders, but personally I don't find XCode very attractive or modern looking. Open to discussion though.

So I tried to find colors in the existing palette which worked for both light and dark, and Separator Color was the winner - in fact it looks like that is what modern NSScrollViews are using. So this PR just changes the border color for the box views below them to match.
Screenshot Separator Color

Results:
Screenshot New Light
Screenshot New Dark

Wanted to highlight this and see if anyone thinks this is a controversial change.

@svobs
Copy link
Contributor Author

svobs commented Dec 22, 2022

Eh. Revisited this and decided to come to terms with deleting some endearing but unnecessary code. Revised the description appropriately and force-pushed a simpler commit.

@svobs
Copy link
Contributor Author

svobs commented Jan 18, 2023

Resubmitted - previous push had some lingering XIB junk which was generating warnings

@uiryuu
Copy link
Member

uiryuu commented Jun 21, 2024

Sorry for ignoring this for so long. I think the changes are good based on the image you posted. Could you redo this PR on the latest develop branch?

@svobs svobs force-pushed the pr-table-borders branch from 4cdaeaa to 8128232 Compare June 21, 2024 21:14
@svobs
Copy link
Contributor Author

svobs commented Jun 21, 2024

Redid the PR. Made a couple other minor fixes which popped out at me. See the commit msg for details.

Changes:
• Change border color of NSBoxes below Key Bindings, Configuration, &
  MPV Options tables from "Grid" to "Separator Color", so that their
  borders are consistent with the tables above even in Dark Mode
• Adjust vertical offset of "Display raw values" checkbox to center it
  & add constraint to keep it aligned with "Duplicate…" button
• Remove focus ring from MPV Options table, so it matches other tables
  (in the future this table should be migrated from cell-based to
  view-based to best ensure consistency)
@svobs svobs force-pushed the pr-table-borders branch from 8128232 to 767c34b Compare June 21, 2024 21:20
@uiryuu uiryuu merged commit 1552ba2 into iina:develop Jun 22, 2024
@uiryuu
Copy link
Member

uiryuu commented Jun 22, 2024

Thanks!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants