minor fix for dark theme

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

View file

@ -16,18 +16,26 @@
/* Input */
--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);
/* Search */
--search-bg: rgba(0,0,0, 0.45);
--search-color: #757575;
--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-bg: var(--color-bg-alt);
--tab-color: #757575;
--tab-active-color: #CCC;
/* Header */
--header-color: #EEE;
--header-active-color: #FFF;
/* Table */
--table-border: 0;
--table-item-even: var(--color-bg-alt);
--table-item-odd: transparent;
}

View file

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

View file

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