LBRYCommunity/lbry-desktop
1
0
Fork 0
Code Issues 596 Pull requests 6 Projects Releases 238 Packages Wiki Activity

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
Conversation 2 Commits 5 Files changed 4 +12 -1
4 changed files with 12 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
ui/scss/component/_markdown-editor.scss
View file

@ -114,10 +114,15 @@
padding-right: 0; padding-right: 0;
padding-left: 0; padding-left: 0;
border: transparent; border: transparent;
margin-right: var(--spacing-xxs);
&:hover { &:hover {
color: var(--color-header-link-active); color: var(--color-header-link);
} background-color: var(--color-editor-button-hover-bg);
}
}
button.active {
background: var(--color-editor-button-active-bg);
} }
} }
} }

2
ui/scss/init/_base-theme.scss
View file

@ -170,6 +170,8 @@
--color-editor-url: var(--color-editor-string); --color-editor-url: var(--color-editor-string);
--color-editor-hr: var(--color-editor-tag); --color-editor-hr: var(--color-editor-tag);
--color-editor-hr-preview: #cccccc; --color-editor-hr-preview: #cccccc;
--color-editor-button-hover-bg: #333338;
--color-editor-button-active-bg: #333338;
// Other // Other
--color-focus: #bfdbfe; --color-focus: #bfdbfe;

2
ui/scss/themes/dark.scss
View file

@ -186,6 +186,8 @@
--color-editor-url: var(--color-editor-string); --color-editor-url: var(--color-editor-string);
--color-editor-hr: var(--color-editor-tag); --color-editor-hr: var(--color-editor-tag);
--color-editor-hr-preview: #a0a0a0; --color-editor-hr-preview: #a0a0a0;
--color-editor-button-hover-bg: #333338;
--color-editor-button-active-bg: #333338;
// Ads // Ads
--color-ads-background: #475057; --color-ads-background: #475057;

2
ui/scss/themes/light.scss
View file

@ -171,6 +171,8 @@
--color-editor-url: var(--color-editor-string); --color-editor-url: var(--color-editor-string);
--color-editor-hr: var(--color-editor-tag); --color-editor-hr: var(--color-editor-tag);
--color-editor-hr-preview: #cccccc; --color-editor-hr-preview: #cccccc;
--color-editor-button-hover-bg: #e5e7eb;
--color-editor-button-active-bg: #e5e7eb;
// Ads // Ads
--color-ads-background: #fae5ff; --color-ads-background: #fae5ff;