LBRYCommunity/lbry-desktop
1
0
Fork 0
Code Issues 596 Pull requests 6 Packages Projects Releases 238 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-left: 0;
border: transparent;
margin-right: var(--spacing-xxs);
&: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-hr: var(--color-editor-tag);
--color-editor-hr-preview: #cccccc;
--color-editor-button-hover-bg: #333338;
--color-editor-button-active-bg: #333338;
// Other
--color-focus: #bfdbfe;

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

@ -186,6 +186,8 @@
--color-editor-url: var(--color-editor-string);
--color-editor-hr: var(--color-editor-tag);
--color-editor-hr-preview: #a0a0a0;
--color-editor-button-hover-bg: #333338;
--color-editor-button-active-bg: #333338;
// Ads
--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-hr: var(--color-editor-tag);
--color-editor-hr-preview: #cccccc;
--color-editor-button-hover-bg: #e5e7eb;
--color-editor-button-active-bg: #e5e7eb;
// Ads
--color-ads-background: #fae5ff;