From 188519f2e69d6d89e388c918b903813dd6e8e76e Mon Sep 17 00:00:00 2001 From: Mnickii Date: Mon, 24 Mar 2025 14:47:38 +0300 Subject: [PATCH 1/2] improve contrast ratio on style stories --- stories/components/person/person.properties.stories.js | 4 ++-- stories/components/planner/planner.style.stories.js | 4 ++-- 2 files changed, 4 insertions(+), 4 deletions(-) diff --git a/stories/components/person/person.properties.stories.js b/stories/components/person/person.properties.stories.js index fe08e77c91..8d339ac42e 100644 --- a/stories/components/person/person.properties.stories.js +++ b/stories/components/person/person.properties.stories.js @@ -351,7 +351,7 @@ export const moreExamples = () => html` .styled-person { --default-font-family: 'Comic Sans MS', cursive, sans-serif; - --person-line1-text-color: red; + --person-line1-text-color: #CB1919; --person-avatar-size: 60px; --default-font-size: 20px; --person-line2-text-color: green; @@ -361,7 +361,7 @@ export const moreExamples = () => html` .person-initials { --person-initials-text-color: yellow; - --person-initials-background-color: red; + --person-initials-background-color: #CB1919; --person-avatar-size: 60px; --person-avatar-border-radius: 10% 35%; } diff --git a/stories/components/planner/planner.style.stories.js b/stories/components/planner/planner.style.stories.js index 6f68cb9439..a5077e9872 100644 --- a/stories/components/planner/planner.style.stories.js +++ b/stories/components/planner/planner.style.stories.js @@ -58,7 +58,7 @@ export const customCSSProperties = () => html` --task-title-text-font-size: large; --task-title-text-font-weight: 500; - --task-complete-title-text-color: green; + --task-complete-title-text-color: #066406; --task-incomplete-title-text-color: purple; --task-icons-width: 32px; @@ -70,7 +70,7 @@ export const customCSSProperties = () => html` --task-complete-background-color: powderblue; --task-incomplete-background-color: salmon; - --task-complete-border: 2px dashed green; + --task-complete-border: 2px dashed #066406; --task-incomplete-border: 2px double red; --task-complete-border-radius: 8px; --task-incomplete-border-radius: 12px; From daf57303d9775962dda11afc11f95a9e6105debd Mon Sep 17 00:00:00 2001 From: Mnickii Date: Mon, 24 Mar 2025 16:15:29 +0300 Subject: [PATCH 2/2] fix assigments button contrast --- stories/components/planner/planner.style.stories.js | 3 +++ 1 file changed, 3 insertions(+) diff --git a/stories/components/planner/planner.style.stories.js b/stories/components/planner/planner.style.stories.js index a5077e9872..4aad397958 100644 --- a/stories/components/planner/planner.style.stories.js +++ b/stories/components/planner/planner.style.stories.js @@ -108,6 +108,9 @@ export const customCSSProperties = () => html` --dot-options-menu-shadow-color: yellow; --dot-options-menu-item-color: maroon; --dot-options-menu-item-hover-background-color: white; + + /** affects the assignments dropdown **/ + --arrow-options-button-font-color: #004074; }