minor fix for dark theme
This commit is contained in:
parent
af46f8a73c
commit
d8f71eba6d
3 changed files with 18 additions and 5 deletions
12
ui/dist/themes/dark.css
vendored
12
ui/dist/themes/dark.css
vendored
|
@ -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;
|
||||
}
|
||||
|
|
|
@ -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;
|
||||
|
|
|
@ -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;
|
||||
|
|
Loading…
Add table
Reference in a new issue