diff --git a/.yarn/install-state.gz b/.yarn/install-state.gz index 57668bd..fe9bbdf 100644 Binary files a/.yarn/install-state.gz and b/.yarn/install-state.gz differ diff --git a/packages/plugin/src/components/Resizer.tsx b/packages/plugin/src/components/Resizer.tsx index f9e5b98..8cc232f 100644 --- a/packages/plugin/src/components/Resizer.tsx +++ b/packages/plugin/src/components/Resizer.tsx @@ -86,7 +86,7 @@ const ResizerElement = styled.div` left: 2px; width: 10px; height: 1px; - background-color: rgb(205, 205, 205); - box-shadow: 0px 3px 0px 0px rgb(205, 205, 205); + background-color: ${(p) => p.theme.secondaryFontColor}; + box-shadow: 0px 3px 0px 0px ${(p) => p.theme.secondaryFontColor}; } `; diff --git a/packages/plugin/src/views/Settings/components/AvatarColorPicker.tsx b/packages/plugin/src/views/Settings/components/AvatarColorPicker.tsx index 887de28..9ad2443 100644 --- a/packages/plugin/src/views/Settings/components/AvatarColorPicker.tsx +++ b/packages/plugin/src/views/Settings/components/AvatarColorPicker.tsx @@ -116,8 +116,8 @@ const AvatarColorPickerAction = styled.div<{ color: string }>` align-self: center; font-size: 39px; line-height: 75px; - box-shadow: 0 0 0 15px ${(p) => rgba(p.color, 0.1)}, - 0 0 0 35px ${(p) => rgba(p.color, 0.08)}; + box-shadow: 0 0 0 12px ${(p) => rgba(p.color, 0.2)}, + 0 0 0 30px ${(p) => rgba(p.color, 0.1)}; `; const ItemWrapper = styled.div` diff --git a/packages/plugin/src/views/Settings/index.tsx b/packages/plugin/src/views/Settings/index.tsx index 9fb3f20..118a401 100644 --- a/packages/plugin/src/views/Settings/index.tsx +++ b/packages/plugin/src/views/Settings/index.tsx @@ -83,7 +83,7 @@ const SettingsView: FunctionComponent = observer(() => { saveSettings(settings.url !== store.settings.url); }} > - (reset) + reset p.theme.inputColor}; font-weight: bold; + text-decoration: underline; } label { margin: 0 0 5px;