From 58c34af4e22477895bf189f135064562b4137330 Mon Sep 17 00:00:00 2001
From: Er2 <er2@dismail.de>
Date: Sun, 10 Apr 2022 20:05:22 +0300
Subject: [PATCH] settings update

---
 src/materials.less |   7 ++-
 src/settings.less  | 116 +++++++++++++++++++++++++++++++++++----------
 src/style.less     |   1 +
 src/ui.less        |  20 ++++++++
 4 files changed, 118 insertions(+), 26 deletions(-)

diff --git a/src/materials.less b/src/materials.less
index ed4128e..9735eaa 100644
--- a/src/materials.less
+++ b/src/materials.less
@@ -62,8 +62,8 @@ div[class^="chat-"]
 // Acrylic
 .acrylic {
   --acrylic-blur: @round;
-  --acrylic-color: var(--background-floating);
-  --acrylic-opacity: 0.5;
+  --acrylic-color: var(--background-secondary-alt);
+  --acrylic-opacity: 50%;
 
   &, & > *, div[class^="body"] {
     background: unset;
@@ -97,6 +97,7 @@ div[class^="layers-"] {
   & > div[class^="layer"]:not([class*="baseLayer"]) {
     div[class*="View-"] {
       --acrylic-color: var(--background-primary);
+      --acrylic-opacity: 80%;
     }
     &, & > div[class*="View-"], div[class*="scroller"] {
       background: unset;
@@ -104,6 +105,8 @@ div[class^="layers-"] {
   }
 }
 
+div[class^="header-"],
+div[class^="title"],
 div[class^="channelTextArea-"],
 div[class^="quickswitcher-"] div[class^="scroll"],
 div[class^="focusLock-"] > div,
diff --git a/src/settings.less b/src/settings.less
index 2dbb874..c6c8076 100644
--- a/src/settings.less
+++ b/src/settings.less
@@ -56,9 +56,11 @@ div[aria-controls="game-activity-tab"],
 div[aria-controls^="hypesquad"],
 
 div[aria-controls="stickers-tab"],
-{
-  display: none;
-}
+
+div[aria-controls="analytics-tab"],
+div[aria-controls="partner-tab"],
+
+{ &:extend(.hide); }
 
 .horiz-tab(@cols: 2) {
   @gap: @div-width * 2;
@@ -66,18 +68,21 @@ div[aria-controls="stickers-tab"],
   display: flex;
   flex-flow: row wrap;
   column-gap: @gap;
+  row-gap: @gap / 2;
+  & > * {
+    width: @el-width;
+  }
+
+  div[class^="divider"]:empty {
+    display: none;
+  }
 }
 
 #my-account-tab > div {
   .horiz-tab();
-  div[class^="divider"]
-  { display: none; }
   & > div:first-child {
     width: 50%;
   }
-  & > div:nth-child(3) {
-    width: calc(50% - @gap);
-  }
 }
 
 #profile-customization-tab div[class^="children"]
@@ -93,14 +98,10 @@ div[class^="baseLayout-"] {
   }
 
   div[class^="bioTextArea-"] {
-    height: 25vh;
+    height: 30vh;
   }
 }
 
-[class^="optionBox-"]:nth-child(2) {
-  display: none;
-}
-
 #connections-tab div[class^="children-"] {
   flex-direction: row;
   div[class^="accountList-"] {
@@ -119,13 +120,6 @@ div[class^="baseLayout-"] {
     width: 100%;
   }
 
-  div[class^="marginTop8-"], div[class^="marginTop20-"] {
-    width: @el-width;
-
-    div[class^="divider-"]
-    { display: none; }
-  }
-
   div[class^="marginTop20-"] > div[class^="slider-"] {
     margin-top: 28px;
   }
@@ -166,16 +160,12 @@ div[class^="accountProfileCard-"] {
 #language-tab div[class^="children-"] {
   div div > div[role="radiogroup"] {
     .horiz-tab(3);
-    & > div {
-      width: @el-width;
-    }
   }
 }
 
 #streamer-mode-tab div[class^="children-"] {
   .horiz-tab();
   & > * {
-    width: @el-width;
     &:nth-child(1),
     &:nth-child(2)
     { width: 100%; }
@@ -183,3 +173,81 @@ div[class^="accountProfileCard-"] {
     { display: none; }
   }
 }
+
+// Server settings
+#overview-tab div[class^="children-"] > div {
+  &:nth-child(3) {
+    .horiz-tab();
+
+    & > :nth-child(1),
+    & > :nth-child(2)
+    { width: 100%; }
+
+    & > :nth-child(3)
+    { display: none; }
+  }
+
+  &:nth-child(4) > div > div:last-child {
+    .horiz-tab();
+  }
+
+  &:nth-child(5) > div > div:last-child {
+    .horiz-tab(3);
+    & > * {
+      padding: 0;
+      margin: 0;
+      border: none;
+    }
+    & > div:first-child div[class^="flexChild-"] {
+      display: none;
+    }
+  }
+}
+
+#moderation-tab div[class^="children-"] {
+  div[role="radiogroup"] {
+    .horiz-tab();
+  }
+}
+
+div[data-list-id="audit-log"] {
+  .horiz-tab();
+  & > * {
+    height: min-content;
+  }
+}
+
+#integrations-tab > div:nth-child(2) {
+  .horiz-tab();
+
+  button[class^="createButton-"],
+  [class^="sectionHeader-"],
+  & > div:first-child {
+    width: 100%;
+    margin-bottom: @div-width * 3;
+  }
+}
+
+#widget-tab div[class^="children-"] {
+  &, & > div[class^="infoWrapper-"] {
+    .horiz-tab();
+    row-gap: @gap * 2;
+  }
+
+  img[class^="infoItem-"]
+  { display: none; }
+
+  div[class^="infoItem-"],
+  & > div:first-child,
+  & > div:last-child {
+    width: 100%;
+    flex-basis: unset;
+  }
+}
+
+#discovery-tab > div[class^="container-"] {
+  .horiz-tab();
+  span[class*="Button"] {
+    align-self: start;
+  }
+}
diff --git a/src/style.less b/src/style.less
index 70a8385..2388e73 100644
--- a/src/style.less
+++ b/src/style.less
@@ -142,6 +142,7 @@ div[class^="channelTextArea-"] {
 div[class^="focusLock-"] > div,
 div[class^="channelHeader-"],
 div[class^="layers-"] > div[class^="layer-"] div[class*="View-"],
+div[class*="stickyHeader-"],
 {
   &:extend(.acrylic all);
 }
diff --git a/src/ui.less b/src/ui.less
index 51ad484..4073b94 100644
--- a/src/ui.less
+++ b/src/ui.less
@@ -30,6 +30,26 @@ div[class^="tabBarItem-"] {
   }
 }
 
+// slider
+div[class^="container-"] {
+  &[class*="disabled-"] {
+    cursor: not-allowed;
+  }
+
+  svg[class^="slider-"] {
+    width: 16px  !important;
+    height: 16px !important;
+    border-radius: 50%;
+    margin: 4px 8px;
+    margin-right: 0;
+    background-color: white;
+
+    > * {
+      display: none;
+    }
+  }
+}
+
 div[class^="radioBar-"] {
   border: none;
 }