diff --git a/src-ui/app/config_page/ConfigPage.module.scss b/src-ui/app/config_page/ConfigPage.module.scss index 0a930ad1..81038037 100644 --- a/src-ui/app/config_page/ConfigPage.module.scss +++ b/src-ui/app/config_page/ConfigPage.module.scss @@ -4,7 +4,7 @@ display: flex; flex-direction: column; justify-content: space-between; - background-color: var(--dark_950_color); + background-color: var(--dark_900_color); overflow: hidden; position: relative; } diff --git a/src-ui/app/config_page/setting_section/setting_box/components/dropdown_menu/DropdownMenu.module.scss b/src-ui/app/config_page/setting_section/setting_box/components/dropdown_menu/DropdownMenu.module.scss index eb0f96cd..b47b3bac 100644 --- a/src-ui/app/config_page/setting_section/setting_box/components/dropdown_menu/DropdownMenu.module.scss +++ b/src-ui/app/config_page/setting_section/setting_box/components/dropdown_menu/DropdownMenu.module.scss @@ -6,16 +6,16 @@ .dropdown_toggle_button { position: relative; - background-color: var(--dark_925_color); + background-color: var(--dark_950_color); min-width: 20rem; padding: 0.6rem 1rem; cursor: pointer; border-radius: 0.4rem; &:hover { - background-color: var(--dark_850_color); + background-color: var(--dark_925_color); } &:active { - background-color: var(--dark_950_color); + background-color: var(--dark_975_color); } &.is_loading { pointer-events: none; diff --git a/src-ui/app/config_page/setting_section/setting_box/components/useSettingBox.module.scss b/src-ui/app/config_page/setting_section/setting_box/components/useSettingBox.module.scss index b709292d..d3fe8462 100644 --- a/src-ui/app/config_page/setting_section/setting_box/components/useSettingBox.module.scss +++ b/src-ui/app/config_page/setting_section/setting_box/components/useSettingBox.module.scss @@ -3,7 +3,6 @@ width: 100%; justify-content: space-between; align-items: center; - background-color: var(--dark_888_color); padding: 2rem; display: flex; justify-content: space-between; @@ -12,6 +11,7 @@ &.flex_column { flex-direction: column; } + border-bottom: solid 0.1rem var(--dark_800_color); } .label_only_section { @@ -25,7 +25,6 @@ justify-content: space-between; align-items: center; gap: 2rem; - background-color: var(--dark_888_color); padding: 2rem; } @@ -61,7 +60,6 @@ justify-content: space-between; align-items: center; gap: 2rem; - background-color: var(--dark_888_color); padding: 2rem; }