diff --git a/src/components/containers/Card/styles.scss b/src/components/containers/Card/styles.scss index 1c1e200d..50459030 100644 --- a/src/components/containers/Card/styles.scss +++ b/src/components/containers/Card/styles.scss @@ -1,5 +1,5 @@ .card { - background-color: #111111; + background-color: $card_bg; border-radius: $panel_radius; padding: $gap; diff --git a/src/containers/examples/EditorExample/index.tsx b/src/containers/examples/EditorExample/index.tsx index 195813ba..29067bf3 100644 --- a/src/containers/examples/EditorExample/index.tsx +++ b/src/containers/examples/EditorExample/index.tsx @@ -19,7 +19,7 @@ const EditorExample: FC = () => (
- + @@ -36,10 +36,6 @@ const EditorExample: FC = () => (
- - - - = () => ( ]} /> - + Layout setup Cover changer Track + + + diff --git a/src/containers/examples/EditorExample/styles.scss b/src/containers/examples/EditorExample/styles.scss index 05a0628f..8bab00f1 100644 --- a/src/containers/examples/EditorExample/styles.scss +++ b/src/containers/examples/EditorExample/styles.scss @@ -49,6 +49,7 @@ .feature_card { height: 100px; + background: darken($main_bg_color, 3%); } .panel_main { diff --git a/src/styles/colors.scss b/src/styles/colors.scss index d19deed7..1d176ed2 100644 --- a/src/styles/colors.scss +++ b/src/styles/colors.scss @@ -23,6 +23,7 @@ $content_bg: darken($main_bg_color, 4%); $content_bg_secondary: darken($content_bg, 3%); $cell_bg: lighten($main_bg_color, 0%); +$card_bg: lighten($main_bg_color, 0%); $text_normal: 16px; $text_small: 14px;