diff --git a/src/components/form/input/input.scss b/src/components/form/input/input.scss index 1ad898b0..457b592a 100644 --- a/src/components/form/input/input.scss +++ b/src/components/form/input/input.scss @@ -18,7 +18,6 @@ &::placeholder { color: var(--typography-color-muted); - opacity: 0.4; } &[size] { diff --git a/src/components/form/select/select.scss b/src/components/form/select/select.scss index a55c3735..ddb7775a 100644 --- a/src/components/form/select/select.scss +++ b/src/components/form/select/select.scss @@ -35,7 +35,6 @@ // Empty state &:has(option[selected][value=""]) &__label { color: var(--typography-color-muted); - opacity: 0.4; } &--text-size-xs { diff --git a/src/style/tokens/base.scss b/src/style/tokens/base.scss index 39e6703e..689c1c66 100644 --- a/src/style/tokens/base.scss +++ b/src/style/tokens/base.scss @@ -153,11 +153,11 @@ /* TYPOGRAPHY */ --typography-color-background: #fff; --typography-color-background-alt: #f8f8f8; - --typography-color-h: #0d0d0d; - --typography-color-body: #5b5b5b; + --typography-color-h: #282828; + --typography-color-body: #333333; --typography-color-border: #ebebeb; --typography-color-link: var(--page-color-primary); - --typography-color-muted: #717171; + --typography-color-muted: #909090; --typography-font-family-h: "Roboto Slab", sans-serif; --typography-font-family-body: Lato, sans-serif;