coop-cloud-chaos-patchs/outline
coop-cloud-chaos-patchs/outline
Archived
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

fix: Reduce sensitivity of dark icon switching

Browse Source 
fix: Layout issue in icon picker in dark mode
closes #2658
This commit is contained in:
Tom Moor 2021-10-12 23:02:14 -07:00
parent e0405cca0e
commit a6b3dbc894
3 changed files with 2 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
app/components/CollectionIcon.js
View File

@ -20,7 +20,7 @@ function ResolvedCollectionIcon({ collection, expanded, size }: Props) {
// otherwise it will be impossible to see against the dark background. // otherwise it will be impossible to see against the dark background.
const color = const color =
ui.resolvedTheme === "dark" && collection.color !== "currentColor" ui.resolvedTheme === "dark" && collection.color !== "currentColor"
? getLuminance(collection.color) > 0.12 ? getLuminance(collection.color) > 0.09
? collection.color ? collection.color
: "currentColor" : "currentColor"
: collection.color; : collection.color;

2
app/components/ContextMenu/index.js
View File

@ -140,7 +140,5 @@ export const Background = styled.div`
max-width: 276px; max-width: 276px;
background: ${(props) => props.theme.menuBackground}; background: ${(props) => props.theme.menuBackground};
box-shadow: ${(props) => props.theme.menuShadow}; box-shadow: ${(props) => props.theme.menuShadow};
border: ${(props) =>
props.theme.menuBorder ? `1px solid ${props.theme.menuBorder}` : "none"};
`}; `};
`; `;

2
shared/theme.js
View File

@ -209,7 +209,7 @@ export const dark = {
menuBorder: lighten(0.1, colors.almostBlack), menuBorder: lighten(0.1, colors.almostBlack),
menuBackground: lighten(0.015, colors.almostBlack), menuBackground: lighten(0.015, colors.almostBlack),
menuShadow: menuShadow:
"0 0 0 1px rgba(0, 0, 0, 0.1), 0 8px 16px rgba(0, 0, 0, 0.3), 0 2px 4px rgba(0, 0, 0, 0.08), inset 0 0 1px rgba(255,255,255,.2)", "0 0 0 1px rgba(0, 0, 0, 0.1), 0 8px 16px rgba(0, 0, 0, 0.3), 0 2px 4px rgba(0, 0, 0, 0.08), inset 0 0 1px rgba(255,255,255,.4)",
divider: lighten(0.1, colors.almostBlack), divider: lighten(0.1, colors.almostBlack),
titleBarDivider: darken(0.4, colors.slate), titleBarDivider: darken(0.4, colors.slate),
inputBorder: colors.slateDark, inputBorder: colors.slateDark,