Fixed input styling
This commit is contained in:
parent
a14ecf0e8d
commit
1e169729e0
3 changed files with 23 additions and 6 deletions
|
@ -331,7 +331,7 @@ p:not(:first-of-type) {
|
|||
}
|
||||
|
||||
.empty {
|
||||
color: $lbry-gray-1;
|
||||
color: $lbry-gray-5;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
|
|
|
@ -1,5 +1,8 @@
|
|||
.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;
|
||||
background: $lbry-white;
|
||||
color: $lbry-black;
|
||||
|
@ -17,7 +20,7 @@
|
|||
}
|
||||
|
||||
.CodeMirror-selectedtext {
|
||||
background-color: rgba($lbry-teal-3, 0.3);
|
||||
background-color: $lbry-teal-5;
|
||||
color: $lbry-white;
|
||||
}
|
||||
|
||||
|
|
|
@ -10,17 +10,22 @@ html[data-theme='dark'] {
|
|||
}
|
||||
}
|
||||
|
||||
.wunderbar > .icon {
|
||||
color: $lbry-gray-5;
|
||||
}
|
||||
|
||||
.wunderbar__active-suggestion {
|
||||
background-color: $lbry-blue-4;
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
.wunderbar__input {
|
||||
background-color: rgba($lbry-white, 0.3);
|
||||
color: $lbry-black;
|
||||
background-color: rgba($lbry-white, 0.1);
|
||||
color: $lbry-white;
|
||||
|
||||
&: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;
|
||||
}
|
||||
|
||||
input.input-copyable {
|
||||
background-color: rgba($lbry-white, 0.1);
|
||||
color: $lbry-white;
|
||||
}
|
||||
|
||||
.card__title {
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
.card--placeholder {
|
||||
background-color: rgba($lbry-white, 0.1);
|
||||
}
|
||||
|
||||
.card--section {
|
||||
background-color: rgba($lbry-white, 0.1);
|
||||
}
|
||||
|
|
Loading…
Add table
Reference in a new issue