LBRYFoundation/lbry-desktop
1
0
Fork 0
mirror of https://github.com/LBRYFoundation/lbry-desktop.git synced 2025-08-31 17:31:27 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

minor fix for dark theme

Browse source
This commit is contained in:
btzr-io 2017-08-20 11:07:26 -06:00
parent af46f8a73c
commit d8f71eba6d
3 changed files with 18 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
ui/dist/themes/dark.css vendored
View file

@ -16,18 +16,26 @@
/* Input */ /* Input */
--input-bg: transparent; --input-bg: transparent;
--input-active-bg: rgba(0,0,0, 0.65); --input-active-bg: rgba(0,0,0, 0.5);
--input-border-color: rgba(255,255,255, 0.25); --input-border-color: rgba(255,255,255, 0.25);
/* Search */ /* Search */
--search-bg: rgba(0,0,0, 0.45); --search-bg: rgba(0,0,0, 0.45);
--search-color: #757575;
--search-active-bg: rgba(0,0,0, 0.75); --search-active-bg: rgba(0,0,0, 0.75);
--search-border: 1px solid rgba(0,0,0, 0.5); --search-border: 1px solid rgba(0,0,0, 0.25);
/* Select */ /* Select */
--select-bg: var(--color-bg-alt); --select-bg: var(--color-bg-alt);
--tab-color: #757575;
--tab-active-color: #CCC;
/* Header */ /* Header */
--header-color: #EEE; --header-color: #EEE;
--header-active-color: #FFF; --header-active-color: #FFF;
/* Table */
--table-border: 0;
--table-item-even: var(--color-bg-alt);
--table-item-odd: transparent;
} }

10
ui/scss/component/_form-field.scss
View file

@ -21,7 +21,9 @@
} }
input[type="text"].input-copyable { input[type="text"].input-copyable {
border: 1px solid var(--input-border-color); background: var(--input-bg);
border-bottom: var(--input-border-size) solid var(--input-border-color);
color: var(--input-color);
line-height: 1; line-height: 1;
padding-top: $spacing-vertical * 1/3; padding-top: $spacing-vertical * 1/3;
padding-bottom: $spacing-vertical * 1/3; padding-bottom: $spacing-vertical * 1/3;
@ -29,7 +31,7 @@ input[type="text"].input-copyable {
padding-left: 5px; padding-left: 5px;
padding-right: 5px; padding-right: 5px;
width: 100%; width: 100%;
&:focus { border-color: black; } &:focus { border-color: var(--color-primary); }
} }
.form-field { .form-field {
@ -72,7 +74,7 @@ input[type="text"].input-copyable {
background: var(--input-bg); background: var(--input-bg);
color: var(--input-color); color: var(--input-color);
&[readonly] { &[readonly] {
background-color: #bbb; background-color: var(--input-bg);
} }
} }
@ -107,6 +109,7 @@ input[type="text"].input-copyable {
input[type="search"]:focus, input[type="search"]:focus,
input[type="date"]:focus { input[type="date"]:focus {
border-color: var(--color-primary); border-color: var(--color-primary);
background: var(--input-active-bg);
} }
textarea { textarea {
@ -119,6 +122,7 @@ input[type="text"].input-copyable {
} }
.form-field__label { .form-field__label {
color: var(--color-help);
&[for] { cursor: pointer; } &[for] { cursor: pointer; }
> input[type="checkbox"], input[type="radio"] { > input[type="checkbox"], input[type="radio"] {
margin-right: 6px; margin-right: 6px;

1
ui/scss/component/_header.scss
View file

@ -68,6 +68,7 @@ nav.sub-header
padding: 0 5px; padding: 0 5px;
line-height:calc(var(--header-height) - $spacing-vertical - var(--tab-border-size)); line-height:calc(var(--header-height) - $spacing-vertical - var(--tab-border-size));
color: var(--tab-color); color: var(--tab-color);
&:first-child &:first-child
{ {
margin-left: 0; margin-left: 0;