Skip to content

Commit

Permalink
color changes, manual override for online dot color
Browse files Browse the repository at this point in the history
  • Loading branch information
refact0r committed Oct 16, 2023
1 parent d0591bc commit 6ce4bc9
Show file tree
Hide file tree
Showing 2 changed files with 30 additions and 16 deletions.
23 changes: 17 additions & 6 deletions midnight.css
Original file line number Diff line number Diff line change
Expand Up @@ -15,6 +15,9 @@
/* color of accented buttons when clicked */
--accent-5: hsl(190, 80%, 30%);

/* color of green online dot, discord default is #23a55a */
--online-indicator: var(--accent-2);

/* color of mentions and messages that mention you */
--mention: hsla(190, 80%, 52%, 0.08);
/* color of mentions and messages that mention you when hovered */
Expand Down Expand Up @@ -66,7 +69,8 @@
background: var(--accent-2) !important;
}
.expandedFolderIconWrapper-3RwQpD svg /* folder icons */,
.strikethrough-2Kl6HF /* mute button strikethrough */ {
.strikethrough-3nXjYr /* mute button strikethrough */,
.strikethrough-958bun /* channel mute button strikethrough */ {
color: var(--accent-2) !important;
}
.folderIconWrapper-1oRIZr {
Expand Down Expand Up @@ -120,13 +124,20 @@
.channelRow-4X_3fi:hover:not(.disabled-3cfocy) /* browse channels channel hover */ {
background: var(--bg-2);
}
path[fill="var(--status-danger)"] /* vencord game activity toggle */,
.wrapper-3Un6-K[aria-label*="Online"] rect[fill="#23a55a"] /* replace green online circles */ {
path[fill="var(--status-danger)"] /* vencord game activity toggle */ {
fill: var(--accent-2) !important;
}
.icon-2O29O0 /* reset this back to green because its an image :( */ {
background-color: #3ba55c;
}
.mouse-mode.full-motion .replying-eZ7p5z:hover /* reply message when hover */ {
background-color: var(--mention-hover);
}

/* change online indicator color */
.wrapper-3Un6-K[aria-label*="Online"] rect[fill="#23a55a"] /* replace green online circles */ {
fill: var(--online-indicator) !important;
}

/* create/join a server modal color fix */
.layer-fP3xEz .theme-light {
Expand Down Expand Up @@ -370,16 +381,16 @@ path[fill="var(--status-danger)"] /* vencord game activity toggle */,
--background-mentioned-hover: var(--mention-hover);
--background-message-automod: hsl(var(--red-400-hsl) / 0.05);
--background-message-automod-hover: hsl(var(--red-400-hsl) / 0.1);
--background-message-highlight: hsl(var(--brand-360-hsl) / 0.08);
--background-message-highlight-hover: hsl(var(--brand-360-hsl) / 0.06);
--background-message-highlight: var(--mention);
--background-message-highlight-hover: var(--mention-hover);
--background-message-hover: var(--message-hover);
--background-mobile-primary: var(--bg-4);
--background-mobile-secondary: var(--bg-3);
--background-modifier-accent: var(--bg-3);
--background-modifier-active: var(--active);
--background-modifier-hover: var(--hover);
--background-modifier-selected: var(--active);
--background-nested-floating: blue;
--background-nested-floating: var(--primary-630);
--background-primary: var(--bg-4);
--background-secondary: var(--bg-4);
--background-secondary-alt: var(--bg-4);
Expand Down
23 changes: 13 additions & 10 deletions midnight.theme.css
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@
* @name midnight
* @description A darkened discord theme.
* @author refact0r
* @version 1.5.0
* @version 1.5.1
* @source https://github.com/refact0r/midnight-discord
* @authorId 508863359777505290
*/
Expand All @@ -19,31 +19,34 @@
--roundness: 16px;

/* color of links */
--accent-1: hsl(190, 70%, 60%);
--accent-1: hsl(190, 80%, 60%);
/* color of unread dividers and some indicators */
--accent-2: hsl(190, 70%, 50%);
--accent-2: hsl(190, 80%, 48%);
/* color of accented buttons */
--accent-3: hsl(190, 70%, 40%);
--accent-3: hsl(190, 80%, 42%);
/* color of accented buttons when hovered */
--accent-4: hsl(190, 70%, 30%);
--accent-4: hsl(190, 80%, 36%);
/* color of accented buttons when clicked */
--accent-5: hsl(190, 70%, 20%);
--accent-5: hsl(190, 80%, 30%);

/* color of green online dot, discord default is #23a55a */
--online-indicator: var(--accent-2);

/* color of mentions and messages that mention you */
--mention: hsla(190, 60%, 50%, 0.1);
--mention: hsla(190, 80%, 52%, 0.08);
/* color of mentions and messages that mention you when hovered */
--mention-hover: hsla(190, 60%, 50%, 0.05);
--mention-hover: hsla(190, 80%, 52%, 0.05);

/* color of bright text on colored buttons */
--text-1: hsl(220, 40%, 90%);
/* color of headings and important text */
--text-2: hsl(220, 30%, 70%);
--text-2: hsl(220, 25%, 70%);
/* color of normal text */
--text-3: hsl(220, 15%, 60%);
/* color of icon buttons and channels */
--text-4: hsl(220, 15%, 40%);
/* color of muted channels/chats and timestamps */
--text-5: hsl(220, 15%, 24%);
--text-5: hsl(220, 15%, 25%);

/* color of dark buttons when clicked */
--bg-1: hsl(220, 15%, 20%);
Expand Down

0 comments on commit 6ce4bc9

Please sign in to comment.