diff --git a/packages/theme/styles/_colors.scss b/packages/theme/styles/_colors.scss index 18cbdc7e77..d61c254bb2 100644 --- a/packages/theme/styles/_colors.scss +++ b/packages/theme/styles/_colors.scss @@ -54,8 +54,12 @@ .theme-dark { --body-color: #1f2023; --body-accent: #222326; - --tooltip-bg-color: #27282b; - --tooltip-shadow: rgb(0 0 0 / 10%) 0px 2px 4px; + --board-bg-color: #1c1d1f; + --board-card-bg-color: #27282b; + --board-card-bg-hover: #2a2b2e; + --board-card-shadow: rgb(0 0 0 / 6%) 0px 0px 1px; + --accent-bg-color: #27282b; + --accent-shadow: rgb(0 0 0 / 10%) 0px 2px 4px; --content-color: #8a8f98; --accent-color: #d7d8db; @@ -66,7 +70,7 @@ --divider-color: #303236; --menu-bg-select: #2d2f36; --menu-icon-hover: #f3f3f8; - --popup-bg-color: linear-gradient(136.61deg, var(--tooltip-bg-color) 13.72%, #2d2e31 74.3%); + --popup-bg-color: linear-gradient(136.61deg, var(--accent-bg-color) 13.72%, #2d2e31 74.3%); --popup-bg-hover: #37373c; --popup-divider: #313236; --popup-shadow: rgb(0 0 0 / 20%) 0px 4px 24px; diff --git a/packages/ui/src/components/MiniToggle.svelte b/packages/ui/src/components/MiniToggle.svelte index dc105fb16f..3e5c0cd386 100644 --- a/packages/ui/src/components/MiniToggle.svelte +++ b/packages/ui/src/components/MiniToggle.svelte @@ -82,7 +82,7 @@ width: 10px; height: 10px; border-radius: 50%; - background: var(--tooltip-bg-color); + background: var(--accent-bg-color); // box-shadow: 1px 2px 7px rgba(119, 129, 142, 0.1); transition: all .1s ease-out; } diff --git a/packages/ui/src/components/PopupInstance.svelte b/packages/ui/src/components/PopupInstance.svelte index ea331e688e..3d1b0af161 100644 --- a/packages/ui/src/components/PopupInstance.svelte +++ b/packages/ui/src/components/PopupInstance.svelte @@ -16,6 +16,7 @@