Dev revisions

refact0r · Sep 14, 2024 · e6e130c · e6e130c
1 parent 7176a97
commit e6e130c
Show file tree

Hide file tree

Showing 13 changed files with 21 additions and 22 deletions.
diff --git a/flavors/midnight-amaryllis.theme.css b/flavors/midnight-amaryllis.theme.css
@@ -25,7 +25,7 @@
 	--corner-text: 'Amaryllis';
 
 	/* width of messages divider */
-	--divider-width: 1px;
+	--divider-thickness: 3px;
 
 	/* color of status indicators and window controls */
 	--online-indicator: #ccfca1; /* change to #23a55a for default green */

diff --git a/flavors/midnight-biscuit.theme.css b/flavors/midnight-biscuit.theme.css
@@ -23,7 +23,7 @@
 	--corner-text: 'Biscuit';
 
 	/* width of messages divider */
-	--divider-width: 1px;
+	--divider-thickness: 3px;
 
 	/* color of status indicators and window controls */
 	--online-indicator: #d0d694; /* change to #23a55a for default green */

diff --git a/flavors/midnight-catppuccin-frappe.theme.css b/flavors/midnight-catppuccin-frappe.theme.css
@@ -23,7 +23,7 @@
 	--corner-text: 'Catppuccin';
 
 	/* width of messages divider */
-	--divider-width: 1px;
+	--divider-thickness: 3px;
 
 	/* color of status indicators and window controls */
 	--online-indicator: #a6d189; /* change to #23a55a for default green */

diff --git a/flavors/midnight-catppuccin-macchiato.theme.css b/flavors/midnight-catppuccin-macchiato.theme.css
@@ -23,7 +23,7 @@
 	--corner-text: 'Catppuccin';
 
 	/* width of messages divider */
-	--divider-width: 1px;
+	--divider-thickness: 3px;
 
 	/* color of status indicators and window controls */
 	--online-indicator: #a6da95; /* change to #23a55a for default green */

diff --git a/flavors/midnight-catppuccin-mocha.theme.css b/flavors/midnight-catppuccin-mocha.theme.css
@@ -23,7 +23,7 @@
 	--corner-text: 'Catppuccin';
 
 	/* width of messages divider */
-	--divider-width: 1px;
+	--divider-thickness: 3px;
 
 	/* color of status indicators and window controls */
 	--online-indicator: #a6e3a1; /* change to #23a55a for default green */

diff --git a/flavors/midnight-night-owl.theme.css b/flavors/midnight-night-owl.theme.css
@@ -23,7 +23,7 @@
 	--corner-text: 'Midnight - Night Owl';
 
 	/* width of messages divider */
-	--divider-width: 1px;
+	--divider-thickness: 3px;
 
 	/* color of status indicators and window controls */
 	--online-indicator: var(--accent-2); /* change to #23a55a for default green */

diff --git a/flavors/midnight-nocturne.theme.css b/flavors/midnight-nocturne.theme.css
@@ -32,7 +32,7 @@ blackxfiied • refact0r      customize here */
 	--corner-text: 'nocturne';
 
 	/* width of messages divider */
-	--divider-width: 1px;
+	--divider-thickness: 3px;
 
 	/*
 	color of status indicators and window controls

diff --git a/flavors/midnight-nord.theme.css b/flavors/midnight-nord.theme.css
@@ -23,7 +23,7 @@
 	--corner-text: 'Nord';
 
 	/* width of messages divider */
-	--divider-width: 1px;
+	--divider-thickness: 3px;
 
 	/* color of status indicators and window controls */
 	--online-indicator: #a3be8c; /* change to #23a55a for default green */

diff --git a/flavors/midnight-pichu.theme.css b/flavors/midnight-pichu.theme.css
@@ -25,7 +25,7 @@
 	--corner-text: 'LilyPichu';
 
 	/* width of messages divider */
-	--divider-width: 1px;
+	--divider-thickness: 3px;
 
 	/* color of status indicators and window controls */
 	--online-indicator: hsl(160, 50%, 55%); /* change to #23a55a for default green */

diff --git a/flavors/midnight-rose-pine.theme.css b/flavors/midnight-rose-pine.theme.css
@@ -23,7 +23,7 @@
 	--corner-text: 'Rose Pine';
 
 	/* width of messages divider */
-	--divider-width: 1px;
+	--divider-thickness: 3px;
 
 	/* color of status indicators and window controls */
 	--online-indicator: hsl(189, 43%, 73%); /* change to #23a55a for default green */

diff --git a/flavors/midnight-spotify.theme.css b/flavors/midnight-spotify.theme.css
@@ -23,7 +23,7 @@
 	--corner-text: 'Spotify';
 
 	/* width of messages divider */
-	--divider-width: 1px;
+	--divider-thickness: 3px;
 
 	/* color of status indicators and window controls */
 	--online-indicator: hsl(141, 76%, 52%); /* change to #23a55a for default green */

diff --git a/flavors/midnight-vencord.theme.css b/flavors/midnight-vencord.theme.css
@@ -25,7 +25,7 @@
 	--corner-text: 'Vencord';
 
 	/* width of messages divider */
-	--divider-width: 1px;
+	--divider-thickness: 3px;
 
 	/* color of status indicators and window controls */
 	--online-indicator: #89b481; /* change to #23a55a for default green */

diff --git a/midnight.css b/midnight.css
@@ -9,7 +9,7 @@
 	--corner-text: 'Midnight';
 
 	/* width of messages divider */
-	--divider-width: 1px;
+	--divider-thickness: 3px;
 
 	/* color of status indicators and window controls */
 	--online-indicator: var(--accent-2); /* change to #23a55a for default green */
@@ -776,18 +776,14 @@ button.button_dd4f85 /* small buttons */,
 
 /* improve unread divider */
 .divider_c2654d {
-	border-width: var(--divider-width);
-	border-radius: var(--divider-width);
+	border-width: var(--divider-thickness);
+	border-radius: var(--divider-thickness);
 }
 .divider_c2654d .content_c2654d {
-	margin-top: calc(var(--divider-width) - var(--divider-width) * 2);
-}
-.divider_c2654d.isUnread_c2654d .content_c2654d {
-	box-shadow: 4px 0 7px 0 var(--bg-overlay-chat,var(--background-primary)),
-				-4px 0 7px 0 var(--bg-overlay-chat,var(--background-primary));
+	margin-top: calc(var(--divider-thickness) - var(--divider-thickness) * 2);
 }
 .endCap_c2654d {
-	margin-top: calc(var(--divider-width) / 2 - var(--divider-width));
+	margin-top: calc(var(--divider-thickness) / 2 - var(--divider-thickness));
 }
 /* improve highlight message left edge */
 .message_d5deea.mentioned_d5deea::before,
@@ -854,7 +850,7 @@ button.button_f67531 /* make user panel buttons round */ {
 	overflow: hidden;
 }
 .newMessagesBar_cf58b5 {
-	top: -12px;
+	top: -48px;
 	height: 72px;
 	transition: top var(--unread-bar-transition);
 	background: none;
@@ -870,6 +866,9 @@ button.button_f67531 /* make user panel buttons round */ {
 	height: 32px;
 	border-radius: var(--roundness-s);
 }
+.newMessagesBar_cf58b5:hover {
+	top: -12px;
+}
 .top_eba0ba > .containerPadding_eba0ba {
 	padding: 16px;
 	margin-top: -40px;