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)

Browse source 
* changed the color of the editor-toolbar_hover class

* Fixed hover, colors and spacing of editor-toolbar_hover class

* active editor-toolbar class modified

* var --color-editor-button-hover-bg and --color-editor-button-active-bg created

* --color-editor-button-hover-bg and --color-editor-button-active-bg
color corrected in light
This commit is contained in:
Byron Eric Perez 2022-07-21 17:58:12 -03:00 committed by GitHub
parent e11fb5d225
commit 2773cbbe6e
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
4 changed files with 12 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
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;