summaryrefslogtreecommitdiffstats
path: root/core/css/inputs.scss
diff options
context:
space:
mode:
Diffstat (limited to 'core/css/inputs.scss')
-rw-r--r--core/css/inputs.scss70
1 files changed, 35 insertions, 35 deletions
diff --git a/core/css/inputs.scss b/core/css/inputs.scss
index 54f753c5c72..37405172d3a 100644
--- a/core/css/inputs.scss
+++ b/core/css/inputs.scss
@@ -40,8 +40,8 @@ textarea,
padding: 7px 6px;
font-size: 13px;
background-color: $color-main-background;
- color: $color-main-old-333333;
- border: 1px solid $color-main-old-dddddd;
+ color: nc-lighten($color-main-text, 33%);
+ border: 1px solid nc-lighten($color-main-text, 86%);
outline: none;
border-radius: 3px;
&:not(:disabled):not(.primary) {
@@ -59,7 +59,7 @@ textarea,
}
}
&:disabled {
- background-color: $color-main-old-eeeeee;
+ background-color: nc-darken($color-main-background, 8%);
color: rgba($color-main-text, 0.4);
cursor: default;
opacity: 0.5;
@@ -81,7 +81,7 @@ textarea,
}
&:disabled {
background-color: rgba($color-primary, .7);
- color: $color-main-old-bbbbbb;
+ color: nc-lighten($color-main-text, 73%);
}
}
}
@@ -128,7 +128,7 @@ input[type='reset'] {
min-height: 34px;
cursor: pointer;
box-sizing: border-box;
- background-color: $color-main-old-f8f8f8;
+ background-color: nc-darken($color-main-background, 3%);
}
/* Buttons */
@@ -155,7 +155,7 @@ button, .button {
}
textarea {
- color: $color-main-old-555555;
+ color: nc-lighten($color-main-text, 33%);
cursor: text;
font-family: inherit;
height: auto;
@@ -163,7 +163,7 @@ textarea {
&:active,
&:hover,
&:focus {
- border-color: $color-main-old-dddddd !important;
+ border-color: nc-lighten($color-main-text, 86%) !important;
background-color: $color-main-background !important;
}
}
@@ -186,7 +186,7 @@ button img,
cursor: pointer;
}
#quota {
- color: $color-main-old-555555;
+ color: nc-lighten($color-main-text, 33%);
}
select,
.button.multiselect {
@@ -221,7 +221,7 @@ input {
border-radius: 50%;
margin: 3px;
margin-top: 1px;
- border: 1px solid $color-main-old-888888;
+ border: 1px solid nc-lighten($color-main-text, 53%);
}
&:not(:disabled):not(:checked) + label:hover:before,
&:focus + label:before {
@@ -236,11 +236,11 @@ input {
border-color: $color-primary
}
&:disabled + label:before {
- border: 1px solid $color-main-old-888888;
- background-color: $color-main-old-bbbbbb !important; /* override other status */
+ border: 1px solid nc-lighten($color-main-text, 53%);
+ background-color: nc-lighten($color-main-text, 73%) !important; /* override other status */
}
&:checked:disabled + label:before {
- background-color: $color-main-old-bbbbbb;
+ background-color: nc-lighten($color-main-text, 73%);
}
}
&.checkbox {
@@ -261,7 +261,7 @@ input {
&.radio--white,
&.checkbox--white {
+ label:before {
- border-color: $color-main-old-dddddd;
+ border-color: nc-lighten($color-main-text, 86%);
}
&:not(:disabled):not(:checked) + label:hover:before,
&:focus + label:before {
@@ -269,17 +269,17 @@ input {
}
&:checked + label:before {
box-shadow: inset 0px 0px 0px 2px $color-main-text;
- background-color: $color-main-old-eeeeee;
- border-color: $color-main-old-eeeeee
+ background-color: nc-darken($color-main-background, 8%);
+ border-color: nc-darken($color-main-background, 8%)
}
&:disabled + label:before {
- background-color: $color-main-old-555555 !important; /* override other status */
+ background-color: nc-lighten($color-main-text, 33%) !important; /* override other status */
border-color: rgba($color-main-text, 0.4) !important; /* override other status */
}
&:checked:disabled + label:before {
box-shadow: inset 0px 0px 0px 2px $color-main-text;
- border-color: $color-main-old-555555;
- background-color: $color-main-old-333333;
+ border-color: nc-lighten($color-main-text, 33%);
+ background-color: nc-lighten($color-main-text, 33%);
}
}
&.checkbox--white {
@@ -293,10 +293,10 @@ input {
background-image: url('../img/actions/checkbox-mixed-white.svg');
}
&:checked:disabled + label:after {
- border-color: $color-main-old-bbbbbb;
+ border-color: nc-lighten($color-main-text, 73%);
}
&:indeterminate:disabled + label:after {
- background-color: $color-main-old-bbbbbb;
+ background-color: nc-lighten($color-main-text, 73%);
}
}
}
@@ -306,7 +306,7 @@ input {
.select2-drop {
margin-top: -2px;
&.select2-drop-active {
- border-color: $color-main-old-dddddd;
+ border-color: nc-lighten($color-main-text, 86%);
}
.avatar {
display: inline-block;
@@ -341,14 +341,14 @@ input {
padding: 12px;
background-color: $color-main-background;
cursor: pointer;
- color: $color-main-old-333333;
+ color: nc-lighten($color-main-text, 33%);
}
.select2-result {
&.select2-selected {
- background-color: $color-main-old-f8f8f8;
+ background-color: nc-darken($color-main-background, 3%);
}
&.select2-highlighted {
- background-color: $color-main-old-f8f8f8;
+ background-color: nc-darken($color-main-background, 3%);
color: $color-main-text;
}
}
@@ -368,10 +368,10 @@ input {
white-space: nowrap;
text-overflow: ellipsis;
background: $color-main-background;
- color: $color-main-old-555555;
+ color: nc-lighten($color-main-text, 33%);
box-sizing: content-box;
border-radius: 3px;
- border: 1px solid $color-main-old-dddddd;
+ border: 1px solid nc-lighten($color-main-text, 86%);
margin: 0;
padding: 2px 0;
min-height: auto;
@@ -384,8 +384,8 @@ input {
& {
background-image: none;
background-color: $color-main-background;
- color: $color-main-old-333333;
- border: 1px solid $color-main-old-dddddd;
+ color: nc-lighten($color-main-text, 33%);
+ border: 1px solid nc-lighten($color-main-text, 86%);
}
.select2-search-choice-close {
display: none;
@@ -410,10 +410,10 @@ input {
white-space: nowrap;
text-overflow: ellipsis;
background: $color-main-background;
- color: $color-main-old-555555;
+ color: nc-lighten($color-main-text, 33%);
box-sizing: content-box;
border-radius: 3px;
- border: 1px solid $color-main-old-dddddd;
+ border: 1px solid nc-lighten($color-main-text, 86%);
margin: 0;
padding: 2px 0;
padding-left: 6px;
@@ -422,15 +422,15 @@ input {
line-height: 20px;
padding-left: 5px;
background-image: none;
- background-color: $color-main-old-f8f8f8;
- border-color: $color-main-old-f8f8f8;
+ background-color: nc-darken($color-main-background, 3%);
+ border-color: nc-darken($color-main-background, 3%);
.select2-search-choice-close {
display: none;
}
&.select2-search-choice-focus,
&:hover {
- background-color: $color-main-old-eeeeee;
- border-color: $color-main-old-eeeeee;
+ background-color: nc-darken($color-main-background, 8%);
+ border-color: nc-darken($color-main-background, 8%);
}
}
.select2-arrow {
@@ -478,7 +478,7 @@ input {
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
border: none;
- background: $color-main-old-f8f8f8;
+ background: nc-darken($color-main-background, 3%);
}
/* Animation */
generated by cgit v1.2.3 (git 2.39.1) at 2025-01-26 12:48:46 +0000