Software-Mac/spacedrive
Software-Mac/spacedrive
1
0
Fork 0
mirror of https://github.com/spacedriveapp/spacedrive synced 2024-07-02 11:13:29 +00:00
Code Issues Packages Projects Releases Wiki Activity

[ENG-1750] Update context menu colors (#2369)

Browse source 
update context menu colors
This commit is contained in:
ameer2468 2024-04-21 17:28:27 +03:00 committed by GitHub
parent 947354f6c0
commit d689e7e58a
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
3 changed files with 7 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
interface/app/$libraryId/Spacedrop/index.tsx
View file

@ -112,12 +112,12 @@ export function Spacedrop({ triggerClose }: { triggerClose: () => void }) {
<Icon name="Spacedrop" size={56} />
<span className="text-lg font-bold">Spacedrop</span>
<div className="flex flex-col space-y-4 pt-2">
<div className="flex flex-col pt-2">
<p className="text-center text-ink-dull">{t('spacedrop_description')}</p>
{discoveredPeers.size === 0 && (
<div
className={clsx(
'flex items-center justify-center gap-3 rounded-md border border-dashed border-app-line bg-app-darkBox px-3 py-2 font-medium text-ink'
'mt-3 flex items-center justify-center gap-3 rounded-md border border-dashed border-app-line bg-app-darkBox px-3 py-2 font-medium text-ink'
)}
>
<p className="text-center text-ink-faint">{t('no_nodes_found')}</p>

2
packages/ui/src/ContextMenu.tsx
View file

@ -15,7 +15,7 @@ interface ContextMenuProps extends RadixCM.MenuContentProps {
export const contextMenuClassNames = clsx(
'z-50 max-h-[calc(100vh-20px)] overflow-y-auto',
'my-2 min-w-48 max-w-64 py-0.5',
'cool-shadow bg-menu',
'cool-shadow bg-menu/95 backdrop-blur-lg',
'border border-menu-line',
'cursor-default select-none rounded-md',
'animate-in fade-in'

8
packages/ui/style/colors.scss
View file

@ -45,9 +45,9 @@
--color-app-slider: var(--dark-hue), 15%, 20%;
--color-app-explorer-scrollbar: var(--dark-hue), 20%, 25%;
// menu
--color-menu: var(--dark-hue), 25%, 5%;
--color-menu-line: var(--dark-hue), 15%, 11%;
--color-menu-ink: var(--dark-hue), 5%, 100%;
--color-menu: var(--dark-hue), 15%, 10%;
--color-menu-line: var(--dark-hue), 15%, 14%;
--color-menu-ink: var(--dark-hue), 10%, 100%;
--color-menu-faint: var(--dark-hue), 5%, 80%;
--color-menu-hover: var(--dark-hue), 15%, 30%;
--color-menu-selected: var(--dark-hue), 5%, 30%;
@ -99,7 +99,7 @@
--color-app-slider: var(--light-hue), 5%, 95%;
--color-app-explorer-scrollbar: var(--light-hue), 5%, 75%;
// menu
--color-menu: var(--light-hue), 5%, 100%;
--color-menu: var(--light-hue), 5%, 98%;
--color-menu-line: var(--light-hue), 5%, 95%;
--color-menu-ink: var(--light-hue), 5%, 20%;
--color-menu-faint: var(--light-hue), 5%, 80%;