diff --git a/src/styles/components/task.scss b/src/styles/components/task.scss index e4704f208..abc959064 100644 --- a/src/styles/components/task.scss +++ b/src/styles/components/task.scss @@ -136,13 +136,13 @@ &:not(:disabled) { &:hover, &:active { - background: var(--input-background-color) !important; + background: $input-background-color; border-color: $input-border-color; cursor: text; } &:focus { - background: var(--input-background-color) !important; + background: $input-background-color; border-color: $input-focus-border-color; } } diff --git a/src/styles/theme/form.scss b/src/styles/theme/form.scss index 29cde3fdf..320f56bd8 100644 --- a/src/styles/theme/form.scss +++ b/src/styles/theme/form.scss @@ -129,8 +129,8 @@ padding: .3rem; &:focus { - background: var(--input-background-color) !important; - border-color: $input-focus-border-color !important; + background: $input-background-color; + border-color: $input-focus-border-color; } &.disabled { diff --git a/src/styles/variables/colors.scss b/src/styles/variables/colors.scss index 86d42fbce..93671b41a 100644 --- a/src/styles/variables/colors.scss +++ b/src/styles/variables/colors.scss @@ -16,7 +16,6 @@ --black: hsl(0, 0%, 4%); --light-background: var(--grey-100); - --input-background-color: var(--white); } $grey-50: #F9FAFB; @@ -63,7 +62,5 @@ $grey-lightest: $grey-100; --white: hsl(0, 0%, 4%); --black: hsl(0, 0%, 100%); - - --input-background-color: var(--black); } }