diff --git a/src/components/UI/theme.css b/src/components/UI/theme.css index 0db66a2a..793b8e84 100644 --- a/src/components/UI/theme.css +++ b/src/components/UI/theme.css @@ -3,7 +3,7 @@ --defaultColorLight: #fff; --backgroundColor: #fff; --backgroundColorShaded: #eee; - --shadowColor: rgba(19, 39, 48, .12); + --shadowColor: rgba(19, 39, 48, .24); --infoColor: #69c; --primaryColor: #4990e2; --successColor: #1c7; @@ -13,7 +13,7 @@ --textMutedColor: #8c8c8c; --borderRadius: 4px; --borderRadiusLarge: 8px; - --dropShadow: 0 2px 4px 0 rgba(19, 39, 48, .12); + --dropShadow: 0 2px 8px 0 rgba(0, 0, 0, .16); --topmostZindex: 99999; --foregroundAltColor: #fff; --backgroundAltColor: #232528; diff --git a/src/components/Widgets/MarkdownControlElements/Toolbar/ToolbarPluginForm.css b/src/components/Widgets/MarkdownControlElements/Toolbar/ToolbarPluginForm.css index 4b482229..d3104aac 100644 --- a/src/components/Widgets/MarkdownControlElements/Toolbar/ToolbarPluginForm.css +++ b/src/components/Widgets/MarkdownControlElements/Toolbar/ToolbarPluginForm.css @@ -2,10 +2,11 @@ .pluginForm { position: absolute; - background-color: var(--backgroundTertiaryColorDark); + background-color: var(--backgroundColor); margin-top: -20px; margin-bottom: 30px; margin-left: 20px; + border: 2px solid rgba(0, 0, 0, .15); border-radius: var(--borderRadius); box-shadow: var(--dropShadow); overflow: hidden; diff --git a/src/index.css b/src/index.css index 64d1c1f1..3523767f 100644 --- a/src/index.css +++ b/src/index.css @@ -144,6 +144,7 @@ img { background: #fff; border: 2px solid rgba(0, 0, 0, .15); border-radius: 2px; + box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .16); } & .rdtOpen .rdtPicker { display: block;