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

Fixed input styling

Browse source
This commit is contained in:
ポール ウェッブ 2018-10-19 16:37:46 -05:00 • committed by Sean Yesmunt
parent a14ecf0e8d
commit 1e169729e0
3 changed files with 23 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/renderer/scss/_gui.scss
View file

@ -331,7 +331,7 @@ p:not(:first-of-type) {
} }
.empty { .empty {
color: $lbry-gray-1; color: $lbry-gray-5;
font-style: italic; font-style: italic;
} }

7
src/renderer/scss/component/_markdown-editor.scss
View file

@ -1,5 +1,8 @@
.CodeMirror { .CodeMirror {
border: none; border-top: none;
border-right: 1px solid $lbry-gray-1;
border-bottom: 1px solid $lbry-gray-1;
border-left: 1px solid $lbry-gray-1;
border-radius: 0; border-radius: 0;
background: $lbry-white; background: $lbry-white;
color: $lbry-black; color: $lbry-black;
@ -17,7 +20,7 @@
} }
.CodeMirror-selectedtext { .CodeMirror-selectedtext {
background-color: rgba($lbry-teal-3, 0.3); background-color: $lbry-teal-5;
color: $lbry-white; color: $lbry-white;
} }

20
src/renderer/scss/themes/_dark.scss
View file

@ -10,17 +10,22 @@ html[data-theme='dark'] {
} }
} }
.wunderbar > .icon {
color: $lbry-gray-5;
}
.wunderbar__active-suggestion { .wunderbar__active-suggestion {
background-color: $lbry-blue-4; background-color: $lbry-blue-4;
color: inherit; color: inherit;
} }
.wunderbar__input { .wunderbar__input {
background-color: rgba($lbry-white, 0.3); background-color: rgba($lbry-white, 0.1);
color: $lbry-black; color: $lbry-white;
&:focus { &:focus {
background-color: rgba($lbry-white, 0.5); background-color: rgba($lbry-white, 0.9);
color: $lbry-black;
} }
} }
@ -51,10 +56,19 @@ html[data-theme='dark'] {
color: $lbry-gray-1; color: $lbry-gray-1;
} }
input.input-copyable {
background-color: rgba($lbry-white, 0.1);
color: $lbry-white;
}
.card__title { .card__title {
color: inherit; color: inherit;
} }
.card--placeholder {
background-color: rgba($lbry-white, 0.1);
}
.card--section { .card--section {
background-color: rgba($lbry-white, 0.1); background-color: rgba($lbry-white, 0.1);
} }