From 1356072f60736f0a86d07ed658a3934ab69cc130 Mon Sep 17 00:00:00 2001 From: Gary Kang <42440452+kangaree@users.noreply.github.com> Date: Wed, 13 Nov 2024 10:13:17 -0500 Subject: [PATCH] [PLAY-1613] Fix Dark Mode Date Colors- Dots, Icons, and Captions (#3894) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit **What does this PR do?** A clear and concise description with your runway ticket url. Use $text_dk_light for dark mode Date kit caption and body: fix dots, icons, and captions. **Screenshots:** Screenshots to visualize your addition/change Screenshot 2024-11-07 at 2 53 21 PM **How to test?** Steps to confirm the desired behavior: 1. Go to /kits/date/ 2. Turn on dark mode 3. Look at the variants doc example 4. The "dot" should be a dark mode color 5. Same for the calendar icon, and the first example listed 6. Review React, Rails, and make sure the light mode isn't affected at all. #### Checklist: - [x] **LABELS** Add a label: `enhancement`, `bug`, `improvement`, `new kit`, `deprecated`, or `breaking`. See [Changelog & Labels](https://github.com/powerhome/playbook/wiki/Changelog-&-Labels) for details. - [x] **DEPLOY** I have added the `milano` label to show I'm ready for a review. --- playbook/app/pb_kits/playbook/pb_date/_date.scss | 3 +++ 1 file changed, 3 insertions(+) diff --git a/playbook/app/pb_kits/playbook/pb_date/_date.scss b/playbook/app/pb_kits/playbook/pb_date/_date.scss index 56efa4a0b1..a20659bafe 100644 --- a/playbook/app/pb_kits/playbook/pb_date/_date.scss +++ b/playbook/app/pb_kits/playbook/pb_date/_date.scss @@ -28,5 +28,8 @@ [class^=pb_title_kit] { color: $text_dk_default !important; } + [class^=pb_body_kit], [class^=pb_caption_kit] { + color: $text_dk_light !important; + } } } \ No newline at end of file