changed the color of the editor-toolbar_hover class #7642

Merged
ByronEricPerez merged 5 commits from The_icons_are_not_shown_well_when_hovering_#7619 into master 2022-07-21 22:58:13 +02:00
ByronEricPerez commented 2022-07-07 20:05:59 +02:00 (Migrated from github.com)

Fixes

Issue Number: https://github.com/lbryio/lbry-desktop/issues/7619

What is the current behavior?

image

What is the new behavior?

image

Other information

PR Checklist

Toggle...

What kind of change does this PR introduce?

  • Bugfix
  • Feature
  • Code style update (formatting)
  • Refactoring (no functional changes)
  • Documentation changes
  • Other - Please describe:

Please check all that apply to this PR using "x":

  • I have checked that this PR is not a duplicate of an existing PR (open, closed or merged)
  • I added a line describing my change to CHANGELOG.md
  • I have checked that this PR does not introduce a breaking change
  • This PR introduces breaking changes and I have provided a detailed explanation below
## Fixes Issue Number: https://github.com/lbryio/lbry-desktop/issues/7619 <!-- Tip: - Add keywords to directly close the Issue when the PR is merged. - Skip the keyword if the Issue contains multiple items. - https://docs.github.com/en/issues/tracking-your-work-with-issues/linking-a-pull-request-to-an-issue#linking-a-pull-request-to-an-issue-using-a-keyword --> ## What is the current behavior? ![image](https://user-images.githubusercontent.com/89370060/177840055-82909068-d14c-44e4-bf3c-ec55d0d9e588.png) ## What is the new behavior? ![image](https://user-images.githubusercontent.com/89370060/177839545-d6b9bf32-5d29-49ef-94d4-a49a16644f99.png) ## Other information <!-- If this PR contains a breaking change, please describe the impact and solution strategy for existing applications below. --> ## PR Checklist <!-- For the checkbox formatting to work properly, make sure there are no spaces on either side of the "x" --> <details><summary>Toggle...</summary> What kind of change does this PR introduce? - [x] Bugfix - [ ] Feature - [ ] Code style update (formatting) - [ ] Refactoring (no functional changes) - [ ] Documentation changes - [ ] Other - Please describe: Please check all that apply to this PR using "x": - [x] I have checked that this PR is not a duplicate of an existing PR (open, closed or merged) - [ ] I added a line describing my change to CHANGELOG.md - [x] I have checked that this PR does not introduce a breaking change - [ ] This PR introduces breaking changes and I have provided a detailed explanation below </details>
jessopb commented 2022-07-07 23:49:32 +02:00 (Migrated from github.com)

What do you think of something like this?
image
image
Of course adjusted to work with themes.

What do you think of something like this? ![image](https://user-images.githubusercontent.com/36554050/177877171-4babf368-6ba8-45f0-ae31-ae6a89ebe7ba.png) ![image](https://user-images.githubusercontent.com/36554050/177877210-ba645d7c-6de0-43a6-9b79-b99d6662f40d.png) Of course adjusted to work with themes.
ByronEricPerez commented 2022-07-14 14:55:52 +02:00 (Migrated from github.com)

Hi @jessopb , what do you think?

image

Hi @jessopb , what do you think? ![image](https://user-images.githubusercontent.com/89370060/178987098-50703b46-db7a-4dd7-a8b3-7b93781367f5.png)
jessopb (Migrated from github.com) reviewed 2022-07-14 16:13:44 +02:00
jessopb (Migrated from github.com) left a comment

It's good to make sure the meaning of vars match what they're being used for - if not make another one that's clear.

It's good to make sure the meaning of vars match what they're being used for - if not make another one that's clear.
jessopb (Migrated from github.com) commented 2022-07-14 16:09:29 +02:00

--color-border is a good color choice for both dark and light theme, but if someone changes --color-border, then this changes too.

In each theme file (light.scss, dark.scss) there's an editor section ( where --color-editor-link was ) maybe that could get a permanent var for this. --color-editor-button-hover-bg seems long but it's clear.

--color-border is a good color choice for both dark and light theme, but if someone changes --color-border, then this changes too. In each theme file (light.scss, dark.scss) there's an editor section ( where `--color-editor-link` was ) maybe that could get a permanent var for this. `--color-editor-button-hover-bg` seems long but it's clear.
jessopb (Migrated from github.com) reviewed 2022-07-15 00:50:02 +02:00
jessopb (Migrated from github.com) left a comment

Couple more comments, then if you can paste screenshots of light and dark themes?

Then this should be all set!

Couple more comments, then if you can paste screenshots of light and dark themes? Then this should be all set!
jessopb (Migrated from github.com) commented 2022-07-15 00:48:53 +02:00

Another --color-border

Another --color-border
jessopb (Migrated from github.com) commented 2022-07-15 00:48:47 +02:00

The light theme had another lighter color for --color-border

The light theme had another lighter color for --color-border
jessopb (Migrated from github.com) commented 2022-07-15 00:49:43 +02:00

Unless screenshots for light theme look really good ?

Unless screenshots for light theme look really good ?
jessopb (Migrated from github.com) reviewed 2022-07-15 00:50:49 +02:00
jessopb (Migrated from github.com) commented 2022-07-15 00:50:48 +02:00

I was unclear here --color-border is different colors on light and dark themes.

I was unclear here --color-border is different colors on light and dark themes.
jessopb (Migrated from github.com) reviewed 2022-07-19 22:35:20 +02:00
jessopb (Migrated from github.com) commented 2022-07-19 22:35:20 +02:00

Did --color-editor-link really not work here?

Did --color-editor-link really not work here?
jessopb (Migrated from github.com) approved these changes 2022-07-21 19:46:18 +02:00
jessopb (Migrated from github.com) left a comment

Looks good

Looks good
Sign in to join this conversation.
No reviewers
No milestone
No project
No assignees
1 participant
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference: LBRYCommunity/lbry-desktop#7642
No description provided.