diff options
Diffstat (limited to 'core/css/inputs.scss')
| -rw-r--r-- | core/css/inputs.scss | 34 |
1 files changed, 17 insertions, 17 deletions
diff --git a/core/css/inputs.scss b/core/css/inputs.scss index 42de33b0be8..418ec398a23 100644 --- a/core/css/inputs.scss +++ b/core/css/inputs.scss @@ -41,7 +41,7 @@ textarea, font-size: 13px; background-color: $color-main-background; color: nc-lighten($color-main-text, 33%); - border: 1px solid nc-lighten($color-main-text, 86%); + border: 1px solid nc-darken($color-main-background, 14%); outline: none; border-radius: 3px; cursor: text; @@ -163,7 +163,7 @@ textarea { &:active, &:hover, &:focus { - border-color: nc-lighten($color-main-text, 86%) !important; + border-color: nc-darken($color-main-background, 14%) !important; background-color: $color-main-background !important; } } @@ -218,7 +218,7 @@ input { border-radius: 50%; margin: 3px; margin-top: 1px; - border: 1px solid nc-lighten($color-main-text, 53%); + border: 1px solid nc-darken($color-main-background, 47%); } &:not(:disabled):not(:checked) + label:hover:before, &:focus + label:before { @@ -233,11 +233,11 @@ input { border-color: $color-primary-element; } &:disabled + label:before { - border: 1px solid nc-lighten($color-main-text, 53%); - background-color: nc-lighten($color-main-text, 73%) !important; /* override other status */ + border: 1px solid nc-darken($color-main-background, 47%); + background-color: nc-darken($color-main-background, 27%) !important; /* override other status */ } &:checked:disabled + label:before { - background-color: nc-lighten($color-main-text, 73%); + background-color: nc-darken($color-main-background, 27%); } } &.checkbox { @@ -258,7 +258,7 @@ input { &.radio--white, &.checkbox--white { + label:before { - border-color: nc-lighten($color-main-text, 86%); + border-color: nc-darken($color-main-background, 14%); } &:not(:disabled):not(:checked) + label:hover:before, &:focus + label:before { @@ -270,13 +270,13 @@ input { border-color: $color-border } &:disabled + label:before { - background-color: nc-lighten($color-main-text, 33%) !important; /* override other status */ - border-color: rgba($color-main-text, 0.4) !important; /* override other status */ + background-color: nc-darken($color-main-background, 23%) !important; /* override other status */ + border-color: rgba($color-main-background, 0.4) !important; /* override other status */ } &:checked:disabled + label:before { box-shadow: inset 0px 0px 0px 2px $color-main-text; - border-color: nc-lighten($color-main-text, 33%); - background-color: nc-lighten($color-main-text, 33%); + border-color: nc-darken($color-main-background, 27%); + background-color: nc-darken($color-main-background, 27%); } } &.checkbox--white { @@ -290,10 +290,10 @@ input { background-image: url('../img/actions/checkbox-mixed-white.svg'); } &:checked:disabled + label:after { - border-color: nc-lighten($color-main-text, 73%); + border-color: nc-darken($color-main-background, 27%); } &:indeterminate:disabled + label:after { - background-color: nc-lighten($color-main-text, 73%); + background-color: nc-darken($color-main-background, 27%); } } } @@ -304,7 +304,7 @@ input { margin-top: -2px; background-color: $color-main-background; &.select2-drop-active { - border-color: nc-lighten($color-main-text, 86%); + border-color: nc-darken($color-main-background, 14%); } .avatar { display: inline-block; @@ -369,7 +369,7 @@ input { color: nc-lighten($color-main-text, 33%); box-sizing: content-box; border-radius: 3px; - border: 1px solid nc-lighten($color-main-text, 86%); + border: 1px solid nc-darken($color-main-background, 14%); margin: 0; padding: 2px 0; min-height: auto; @@ -383,7 +383,7 @@ input { background-image: none; background-color: $color-main-background; color: nc-lighten($color-main-text, 33%); - border: 1px solid nc-lighten($color-main-text, 86%); + border: 1px solid nc-darken($color-main-background, 14%); } .select2-search-choice-close { display: none; @@ -414,7 +414,7 @@ input { color: nc-lighten($color-main-text, 33%); box-sizing: content-box; border-radius: 3px; - border: 1px solid nc-lighten($color-main-text, 86%); + border: 1px solid nc-darken($color-main-background, 14%); margin: 0; padding: 2px 0; padding-left: 6px; |