fix: support themes in list inside Content sub-block (#1054)

gravity-ui · Oct 25, 2024 · ed3dbde · ed3dbde
1 parent 4a376e9
commit ed3dbde
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 2 deletions.
diff --git a/src/sub-blocks/BackgroundCard/__stories__/BackgroundCard.stories.tsx b/src/sub-blocks/BackgroundCard/__stories__/BackgroundCard.stories.tsx
@@ -33,6 +33,10 @@ export default {
             control: {type: 'radio', labels: {undefined: 'default'}},
             options: [undefined, 's', 'm', 'l', 'xl'],
         },
+        theme: {
+            control: {type: 'radio', labels: {undefined: 'default'}},
+            options: [undefined, 'dark', 'light'],
+        },
     },
 } as Meta;
 

diff --git a/src/sub-blocks/Content/Content.scss b/src/sub-blocks/Content/Content.scss
@@ -130,6 +130,9 @@ $darkSecondary: var(--g-color-text-dark-secondary);
             #{$block}__title *,
             #{$block}__text .yfm,
             #{$block}__text .yfm *,
+            #{$block}__list *,
+            #{$block}__list .yfm,
+            #{$block}__list .yfm *,
             #{$block}__links a {
                 color: $lightPrimary;
             }
@@ -145,7 +148,8 @@ $darkSecondary: var(--g-color-text-dark-secondary);
                 }
             }
 
-            #{$block}__text {
+            #{$block}__text,
+            #{$block}__list {
                 .yfm a {
                     @include content-link($lightPrimary, $lightSecondary);
                 }
@@ -163,6 +167,9 @@ $darkSecondary: var(--g-color-text-dark-secondary);
             #{$block}__title *,
             #{$block}__text .yfm,
             #{$block}__text .yfm *,
+            #{$block}__list *,
+            #{$block}__list .yfm,
+            #{$block}__list .yfm *,
             #{$block}__links a {
                 color: $darkPrimary;
             }
@@ -178,7 +185,8 @@ $darkSecondary: var(--g-color-text-dark-secondary);
                 }
             }
 
-            #{$block}__text {
+            #{$block}__text,
+            #{$block}__list {
                 .yfm a {
                     @include content-link($darkPrimary, $darkSecondary);
                 }