Skip to content

I Created a Proton Dark theme#13

Open
SeanGSR wants to merge 1 commit intoNerimity:themes-srcfrom
SeanGSR:themes-src
Open

I Created a Proton Dark theme#13
SeanGSR wants to merge 1 commit intoNerimity:themes-srcfrom
SeanGSR:themes-src

Conversation

@SeanGSR
Copy link
Copy Markdown

@SeanGSR SeanGSR commented Apr 5, 2026

Proton Dark a dark purple theme inspired by Proton's UI

screenshot-2026-04-05_20-27-43

Custom CSS to add with the Theme:

/* Proton Theme by Loading... */
.main-pane-container,
[class*="mainPaneContainer"] {
  background: radial-gradient(ellipse at 50% 0%, #221850 0%, #191333 35%, #0e0d12 70%) !important;
}
::-webkit-scrollbar {
  width: 6px;
}
::-webkit-scrollbar-thumb {
  background: #413085;
  border-radius: 3px;
}
::-webkit-scrollbar-track {
  background: transparent;
}
[class*="serverItem"]:hover,
[class*="channelItem"]:hover,
[class*="memberItem"]:hover,
[class*="drawerItem"]:hover {
  background: rgba(191, 181, 233, 0.12) !important;
}
[class*="pane"],
[class*="header"] {
  border-color: rgba(65, 48, 133, 0.3) !important;
}
a, [class*="link"] {
  color: #8a6eff !important;
}
a:hover, [class*="link"]:hover {
  color: #a78bfa !important;
}
[class*="input"]:focus,
[class*="textArea"]:focus {
  box-shadow: 0 0 0 2px rgba(109, 74, 255, 0.3) !important;
}
[class*="serverItem"] img,
[class*="serverAvatar"] {
  box-shadow: 0 2px 5px rgba(74, 45, 197, 0.04),
              0 8px 22px rgba(74, 45, 197, 0.17),
              0 20px 68px rgba(74, 45, 197, 0.11);
}

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

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant