Update source

CapnKitten · Sep 23, 2024 · 027980f · 027980f
1 parent ebbe23f
commit 027980f
Show file tree

Hide file tree

Showing 8 changed files with 79 additions and 16 deletions.
diff --git a/Themes/Material-Discord/src/_selectorPlaceholders.scss b/Themes/Material-Discord/src/_selectorPlaceholders.scss
@@ -1552,7 +1552,7 @@
 .button_ccfa44 {
 	@extend %chatOptionButton !optional;
 }
-.role_deddac {
+.role_d70de6 {
 	@extend %chatRole !optional;
 }
 .inner_f9902b {
@@ -5368,6 +5368,9 @@ pre {
 .divider-1tWBgZ {
 	@extend %menuPopoutDivider !optional;
 }
+.customItem_d90b3d {
+	@extend %menuPopoutCustomItem !optional;
+}
 #user-context-user-volume {
 	@extend %menuPopoutUserVolume !optional;
 }
@@ -10753,3 +10756,9 @@ pre {
 .sectionIconContainer_aade6b {
     @extend %encryptionVerifiedDeviceSectionIconContainer !optional;
 }
+.container_c06a56 {
+    @extend %timeoutContainer !optional;
+}
+.iconContainer_c06a56 {
+    @extend %timeoutIconContainer !optional;
+}
diff --git a/Themes/Material-Discord/src/chat/_chat.scss b/Themes/Material-Discord/src/chat/_chat.scss
@@ -64,6 +64,16 @@
     background-color: var(--card-color-filled);
 }
 
+%chatRole {
+    background-color: var(--card-button-color);
+    border-radius: 12px;
+    transition: var(--default-time) var(--default-animation) background-color;
+
+    &:hover {
+        background-color: var(--card-button-color-hover);
+    }
+}
+
 /* CHAT AREA -> WELCOME SERVER OPTIONS */
 
 %chatWelcomeOptionsInner {

diff --git a/Themes/Material-Discord/src/icons/_contextMenu.scss b/Themes/Material-Discord/src/icons/_contextMenu.scss
@@ -401,6 +401,23 @@
             }
         }
 
+        &[id*="image-context-commands-popout"] {
+            &:before {
+                margin-right: 0;
+                padding-right: 12px;
+            }
+
+            %menuPopoutIconContainerLeft {
+                position: absolute;
+                right: -28px;
+                margin-left: 0;
+            }
+
+            %menuPopoutIconContainer {
+                margin-right: 40px;
+            }
+        }
+
         $icons: (
             'user-context-apps':                                'apps',
             'user-context-favorite-channel':                    'favorite',

diff --git a/Themes/Material-Discord/src/popouts/_contextMenu.scss b/Themes/Material-Discord/src/popouts/_contextMenu.scss
@@ -97,6 +97,13 @@
         }
     }
 
+    %menuPopoutCustomItem {
+        %textMdBold {
+            padding: 12px;
+            font-weight: 500;
+        }
+    }
+
 	%submenuPaddingContainer {
 		margin-left: -4px;
 		margin-right: -4px;

diff --git a/Themes/Material-Discord/src/popouts/_index.scss b/Themes/Material-Discord/src/popouts/_index.scss
@@ -27,4 +27,5 @@
 @forward './streamPreview';
 @forward './summaries';
 @forward './threads';
+@forward './timeout';
 @forward './userPopout';
diff --git a/Themes/Material-Discord/src/popouts/_timeout.scss b/Themes/Material-Discord/src/popouts/_timeout.scss
@@ -0,0 +1,16 @@
+@use '../mixins' as *;
+
+/*
+ *
+ *  TIMEOUT POPOUT
+ *
+ */
+
+%timeoutContainer {
+    @include popout-format;
+
+    %timeoutIconContainer {
+        background-color: var(--popout-color-alt);
+        border-radius: 50%;
+    }
+}
diff --git a/Themes/Material-Discord/src/settings/server/_permissions.scss b/Themes/Material-Discord/src/settings/server/_permissions.scss
@@ -8,28 +8,27 @@
 
 %permissionsSettingCard {
 	margin-bottom: 16px;
-	@include card-format(16px);
+	@include card-format(false, 0 0 1px, true);
 
-	&%permissionsSettingCardActive,
-	%permissionsCardFolder {
-		background-color: transparent;
+	&%permissionsSettingCardActive {
+		background-color: var(--card-color-filled);
+
+		%permissionsCardContent {
+            padding: 16px 16px 0;
+        }
 	}
 
 	%permissionsCardFolderHeader {
-		position: relative;
+		padding: 16px 16px 0;
 		border-bottom: none;
-
-		&:after {
-			position: absolute;
-			content: " ";
-			width: 100%;
-			height: 1px;
-			bottom: 0;
-			left: 0;
-			background-color: var(--card-border-color);
-		}
 	}
 
+	%permissionsCardFolder {
+        margin: 16px;
+        background-color: var(--card-color-hover);
+        border-radius: calc(var(--card-radius-big) / 1.6);
+    }
+
     + %permissionsDivider {
 		display: none;
 

diff --git a/Themes/Material-Discord/src/settings/user/_myAccount.scss b/Themes/Material-Discord/src/settings/user/_myAccount.scss
@@ -10,6 +10,10 @@
     background-color: var(--card-color-filled);
 	border-radius: var(--card-radius-big);
 
+    %userProfileBanner {
+        border-radius: var(--card-radius-big);
+    }
+
     %settingsUserInfo {
         position: relative;
 		height: 88px;