Skip to content

feat(dashboard): update the dashboard design - #18980

Open
nimishavijay wants to merge 2 commits into
mainfrom
feat/dashboard-visual-update
Open

feat(dashboard): update the dashboard design #18980
nimishavijay wants to merge 2 commits into
mainfrom
feat/dashboard-visual-update

Conversation

@nimishavijay

Copy link
Copy Markdown
Member

☑️ Resolves

  • Add the background to dashboard section containers + blur when filled/mobile
  • Fix some minor alignment issues

to be taken over @Antreesy

AI (if applicable)

  • The content of this PR was partly or fully generated using AI

🖌️ UI Checklist

🖼️ Screenshots / Screencasts

🏚️ Before 🏡 After
Light theme image image
Dark theme image image

🚧 Tasks

  • RTL
  • Theming

🏁 Checklist

  • 🌏 Tested with different browsers / clients:
    • Chromium (Chrome / Edge / Opera / Brave)
    • Firefox
    • Safari
    • Talk Desktop
    • Integrations with Files sidebar and other apps
    • Not risky to browser differences / client
  • 🖌️ Design was reviewed, approved or inspired by the design team
  • ⛑️ Tests are included or not possible
  • 📗 User documentation in https://github.com/nextcloud/documentation/tree/master/user_manual/talk has been updated or is not required

🛠️ API Checklist

🚧 Tasks

  • ...

🏁 Checklist

  • ⛑️ Tests (unit and/or integration) are included or not possible
  • 📘 API documentation in docs/ has been updated or is not required
  • 🔖 Capability is added or not needed

…strations and add dark theme illustrations. Assisted-by: ClaudeCode:claude-opus-5

Signed-off-by: nimishavijay <nimisha.k.vijay@gmail.com>
Signed-off-by: nimishavijay <nimisha.k.vijay@gmail.com>
@nimishavijay
nimishavijay requested a review from Antreesy August 10, 2026 20:57
@jancborchardt jancborchardt added design enhancement feature: dashboard 🏠 Features relating to the Talk internal dashboard AI assisted This PR contains AI-assisted commits labels Aug 11, 2026
@jancborchardt jancborchardt moved this to 🏗️ At engineering in 🖍 Design team Aug 11, 2026

@jancborchardt jancborchardt left a comment

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Looks very nice, as discussed! :) I am only concerned about file size

@jancborchardt jancborchardt left a comment

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Blocking til file size question is resolved

@Antreesy

Copy link
Copy Markdown
Contributor

File size looks about the same as existing .png. WebP support alpha-channel, so I think we can reduce it by:

  • separate icon from background
  • make icon on transparent BG (only thing that need new assets)
  • implement BG gradient with CSS (cheaper, but need original files to derive it)
  • address RTL on JS/CSS side and drop duplicate assets
  • remove old .png assets

@nimishavijay could you prompt it to split assets into icon+BG?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

AI assisted This PR contains AI-assisted commits design enhancement feature: dashboard 🏠 Features relating to the Talk internal dashboard

Projects

Status: 🏗️ At engineering

Development

Successfully merging this pull request may close these issues.

3 participants