From 264356afce155a8746cda58423e224ff4134e629 Mon Sep 17 00:00:00 2001 From: Cory LaViska Date: Wed, 28 Oct 2020 08:30:39 -0400 Subject: [PATCH] Improve placeholder contrast --- docs/getting-started/changelog.md | 1 + themes/dark.css | 4 ++-- 2 files changed, 3 insertions(+), 2 deletions(-) diff --git a/docs/getting-started/changelog.md b/docs/getting-started/changelog.md index 1fe9dd12..ccbb2b91 100644 --- a/docs/getting-started/changelog.md +++ b/docs/getting-started/changelog.md @@ -9,6 +9,7 @@ _During the beta period, these restrictions may be relaxed in the event of a mis ## Next - Fixed a bug where `sl-menu-item` wouldn't render properly in the dark theme +- Improved placeholder contrast in dark theme ## 2.0.0-beta.22 diff --git a/themes/dark.css b/themes/dark.css index 714fe82f..f3db75b2 100644 --- a/themes/dark.css +++ b/themes/dark.css @@ -162,8 +162,8 @@ --sl-input-icon-color: var(--sl-color-gray-40); --sl-input-icon-color-hover: var(--sl-color-gray-60); --sl-input-icon-color-focus: var(--sl-color-gray-60); - --sl-input-placeholder-color: var(--sl-color-gray-30); - --sl-input-placeholder-color-disabled: var(--sl-color-gray-40); + --sl-input-placeholder-color: var(--sl-color-gray-40); + --sl-input-placeholder-color-disabled: var(--sl-color-gray-50); /* Overlays */ --sl-overlay-background-color: hsla(var(--sl-color-gray-hue), var(--sl-color-gray-saturation), 80%, 0.1);