v1.2.0

fixes to close - issue #13 - issues #14 some fixes for - issue #20 additions and changes ~ fix switches ~ fix some rounding ~ color adjustments + theme some missed things + dracula palette - removed random separator on sidebar (probably some other stuff i forgor to list)
discord-extensions · Jul 11, 2022 · 38ffde7 · 38ffde7
1 parent 47d4238
commit 38ffde7
Show file tree

Hide file tree

Showing 26 changed files with 572 additions and 61 deletions.
diff --git a/README.md b/README.md
@@ -22,9 +22,9 @@ git clone https://github.com/discord-extensions/essence
 
 # Credits
 ### Contributors
-|<a href="https://github.com/Loremly"><img src="https://avatars.githubusercontent.com/u/86319836?v=4" width="90px" height="90px"></a>|<a href="https://github.com/HonbraDev"><img src="https://avatars.githubusercontent.com/u/54026315?v=4" width="90px" height="90px"></a>|
-|:-:|:-:|
-|[Loremly](https://github.com/Loremly)|[HonbraDev](https://github.com/HonbraDev)|
+|<a href="https://github.com/Loremly"><img src="https://avatars.githubusercontent.com/u/86319836?v=4" width="90px" height="90px"></a>|<a href="https://github.com/HonbraDev"><img src="https://avatars.githubusercontent.com/u/54026315?v=4" width="90px" height="90px"></a>|<a href="https://avatars.githubusercontent.com/u/38290480?v=4" width="90px" height="90px"></a>|
+|:-:|:-:|:-:|
+|[Loremly](https://github.com/Loremly)|[HonbraDev](https://github.com/HonbraDev)|[FedeIlLeone](https://github.com/FedeIlLeone)|
 
 ### Helpers
 |<a href="https://github.com/doggybootsy"><img src="https://avatars.githubusercontent.com/u/71196819?v=4" width="90px" height="90px"></a>|<a href="https://github.com/SlippingGitty"><img src="https://avatars.githubusercontent.com/u/76500838?v=4" width="90px" height="90px"></a>|<a href="https://github.com/Iucism"><img src="https://avatars.githubusercontent.com/u/105166639?v=4" width="90px" height="90px"></a>|

diff --git a/clients/bd/essence.theme.css b/clients/bd/essence.theme.css
@@ -2,7 +2,7 @@
     * @name Essence
     * @description A smooth, rounded theme.
     * @author LuckFire#4800
-    * @version 1.1.2
+    * @version 1.2.0
     *
     * @website https://github.com/discord-extensions
     * @source https://github.com/discord-extensions/essence
@@ -22,7 +22,7 @@
 /* @import url('https://discord-extensions.github.io/essence/src/themes/midnight-mars.css'); */
 /* @import url('https://discord-extensions.github.io/essence/src/themes/nord.css'); */
 /* @import url('https://discord-extensions.github.io/essence/src/themes/nebula.css'); */
-
+/* @import url('https://discord-extensions.github.io/essence/src/themes/dracula.css'); */
 
 /* || 📢 Source */
 @import url('https://discord-extensions.github.io/essence/src/source.css');

diff --git a/clients/stylus/essence.user.css b/clients/stylus/essence.user.css
@@ -4,7 +4,7 @@
     @description  A smooth, rounded theme.
     @author       LuckFire#4800
     @namespace    https://github.com/discord-extensions
-    @version      1.1.2
+    @version      1.2.0
     ==/UserStyle== */
 
     /* || ➕ Addons */
@@ -20,6 +20,7 @@
     /* @import url('https://discord-extensions.github.io/essence/src/themes/midnight-mars.css'); */
     /* @import url('https://discord-extensions.github.io/essence/src/themes/nord.css'); */
     /* @import url('https://discord-extensions.github.io/essence/src/themes/nebula.css'); */
+    /* @import url('https://discord-extensions.github.io/essence/src/themes/dracula.css'); */
 
     /* || 📢 Source */
     @import url('https://discord-extensions.github.io/essence/src/source.css');

diff --git a/src/abstracts/_variables.scss b/src/abstracts/_variables.scss
@@ -1,9 +1,5 @@
 :root {
-    --essence-version: '1.1.2';
-    --essence-app-rounding: 6px;
-    --essence-app-padding: 18px;
-    --essence-default-rounding: 6px;
-    --essence-default-padding: 10px;
+    --essence-version: '1.2.0';
 
     /* || Channel Items */
     --container-rounding: 6px;
@@ -34,10 +30,14 @@
     --status-streaming: hsl(var(--essence-accent-purple));
     --status-offline: hsl(var(--essence-accent-grey));
 
-    /* || Rounding */
+    /* || Rounding & Padding */
     --avatar-default-rounding: 34%;
     --server-default-rounding: 39%;
     --server-selected-rounding: 34%;
+    --essence-app-rounding: 6px;
+    --essence-app-padding: 18px;
+    --essence-default-rounding: 6px;
+    --essence-default-padding: 10px;
 }
 
 .theme-dark, .theme-dark .root-g14mjS, .theme-dark .force-theme.theme-light,

diff --git a/src/components/_modal.scss b/src/components/_modal.scss
@@ -1,6 +1,7 @@
+@use 'modals/account-switcher';
+@use 'modals/add-to-dm';
 @use 'modals/events';
 @use 'modals/keybinds';
-@use 'modals/account-switcher';
 @use 'modals/drawer-wrapper';
 @use 'modals/message-delete';
 @use 'modals/quick-switcher';
@@ -9,6 +10,7 @@
 @use 'modals/server-createjoin';
 @use 'modals/server-invited';
 @use 'modals/server-verify';
+@use 'modals/sticker-upload';
 @use 'modals/stream';
 @use 'modals/user-profile';
 

diff --git a/src/components/_popout.scss b/src/components/_popout.scss
@@ -4,6 +4,7 @@
 @use 'popouts/content-warning';
 @use 'popouts/context-menu';
 @use 'popouts/drawer-wrapper';
+@use 'popouts/emoji';
 @use 'popouts/inbox';
 @use 'popouts/member-roles';
 @use 'popouts/noise-suppression';
@@ -25,9 +26,9 @@
     }
     .scrollerBase-_bVAAt {
         background-color: var(--background-floating);
-        &::-webkit-scrollbar {
-            display: none;
-        }
+        // &::-webkit-scrollbar {
+        //     display: none;
+        // }
     }
     .footer-5ji8u1 {
         margin: 0 15px;

diff --git a/src/components/_switches.scss b/src/components/_switches.scss
@@ -2,6 +2,8 @@
     background-color: hsl(var(--essence-accent-grey)) !important;
     transition: all 225ms ease;
     .slider-32CRPX {
+        transform:scale(0.85);
+        transform-origin:center;
         svg {
             display: none;
         }

diff --git a/src/components/_tags.scss b/src/components/_tags.scss
@@ -4,39 +4,40 @@
 }
 
 // || Custom Tags
-.userPopout-2j1gM4 {
-    .avatarWrapper-eenWra {
-        // || DEV
-        &[data-user-id="399416615742996480"] ~ .headerTop-3GPUSF .headerTag-3GXZkV::after {
-            content: 'ESSENCE DEV';
-            color: hsl(var(--essence-accent-brand));
-        }
-        // || CONTRIBUTOR
-        &[data-user-id="597072695875600385"],
-        &[data-user-id="571020385684946944"] {
-            ~ .headerTop-3GPUSF .headerTag-3GXZkV::after {
-                content: 'ESSENCE CONTRIBUTOR';
-                color: hsl(var(--essence-accent-orange));
-            }
-        }
-        // || HELPERS
-        &[data-user-id="307316554805018624"],
-        &[data-user-id="515780151791976453"],
-        &[data-user-id="359175647257690113"] {
-            ~ .headerTop-3GPUSF .headerTag-3GXZkV::after {
-                content: 'ESSENCE HELPER';
-                color: hsl(var(--essence-accent-green));
-            }
-        }
-    }
-    .headerTop-3GPUSF .headerTag-3GXZkV::after {
-        display: flex;
-        justify-content: center;
-        position: relative;
-        margin-left: 3px;
-        padding-top: 3px;
-        font-size: 10px;
-        font-weight: 600;
-        line-height: 11px;
-    }
-}
+// .userPopout-2j1gM4 {
+//     .avatarWrapper-eenWra {
+//         // || DEV
+//         &[data-user-id="399416615742996480"] ~ .headerTop-3GPUSF .headerTag-3GXZkV::after {
+//             content: 'ESSENCE DEV';
+//             color: hsl(var(--essence-accent-brand));
+//         }
+//         // || CONTRIBUTOR
+//         &[data-user-id="597072695875600385"],
+//         &[data-user-id="571020385684946944"],
+//         &[data-user-id="403195964241739776"] {
+//             ~ .headerTop-3GPUSF .headerTag-3GXZkV::after {
+//                 content: 'ESSENCE CONTRIBUTOR';
+//                 color: hsl(var(--essence-accent-orange));
+//             }
+//         }
+//         // || HELPERS
+//         &[data-user-id="307316554805018624"],
+//         &[data-user-id="515780151791976453"],
+//         &[data-user-id="359175647257690113"] {
+//             ~ .headerTop-3GPUSF .headerTag-3GXZkV::after {
+//                 content: 'ESSENCE HELPER';
+//                 color: hsl(var(--essence-accent-green));
+//             }
+//         }
+//     }
+//     .headerTop-3GPUSF .headerTag-3GXZkV::after {
+//         display: flex;
+//         justify-content: center;
+//         position: relative;
+//         margin-left: 3px;
+//         padding-top: 3px;
+//         font-size: 10px;
+//         font-weight: 600;
+//         line-height: 11px;
+//     }
+// }
diff --git a/src/components/modals/_add-to-dm.scss b/src/components/modals/_add-to-dm.scss
@@ -0,0 +1,16 @@
+#app-mount .root-g14mjS {
+    .header-1zd7se {
+        margin: 0 15px;
+        padding: 16px 0;
+        border-bottom: 1px solid var(--background-modifier-accent);
+    }
+    div.scroller-1Kbkqa {
+        padding-top: 12px;
+        background-color: var(--modal-background);
+    }
+    .footer-C9oLp9 {
+        padding: 16px 0;
+        margin: 0 16px;
+        border-top: 1px solid var(--background-modifier-accent);
+    }
+}
diff --git a/src/components/modals/_events.scss b/src/components/modals/_events.scss
@@ -6,6 +6,9 @@
         .selectedProgressBar-11z5d9 {
             background-color: hsl(var(--essence-accent-green));
         }
+        .colorBrand-3Xb6JG {
+            color: hsl(var(--essence-accent-green));
+        }
     }
     .card-8UsK4b {
         border-color: var(--background-floating);

diff --git a/src/components/modals/_quick-switcher.scss b/src/components/modals/_quick-switcher.scss
@@ -1,5 +1,5 @@
 .quickswitcher-pKcM9U {
-    border-radius: var(--essence-rounding);
+    border-radius: var(--essence-default-rounding);
     box-shadow: var(--elevation-stroke), var(--elevation-high);
     -webkit-box-shadow: var(--elevation-stroke), var(--elevation-high);
     background-color: var(--modal-background);

diff --git a/src/components/modals/_sticker-upload.scss b/src/components/modals/_sticker-upload.scss
@@ -0,0 +1,8 @@
+#app-mount .root-g14mjS {
+    .previewDark-3Xp3UB {
+        background-color: var(--background-primary);
+    }
+    .previewLight-IOzFhi {
+        display: none;
+    }
+}
diff --git a/src/components/popouts/_context-menu.scss b/src/components/popouts/_context-menu.scss
@@ -2,6 +2,9 @@
     // || Main
     .menu-1QACrS {
         overflow: hidden;
+        .groupLabel-16o1xl {
+            margin: 0 8px;
+        }
         .scroller-1bVxF5 {
             padding: 4px 0;
             border-radius: var(--essence-default-rounding);

diff --git a/src/components/popouts/_emoji.scss b/src/components/popouts/_emoji.scss
@@ -0,0 +1,8 @@
+.popoutContainer-2wbmiM {
+    .guildSection-2Zyzy8 {
+        padding: 16px 0;
+        margin: 0 16px;
+        border-top: 1px solid var(--background-modifier-accent-alt);
+        background-color: var(--background-floating);
+    }
+}
diff --git a/src/components/popouts/_user-details.scss b/src/components/popouts/_user-details.scss
@@ -28,6 +28,7 @@
         display: flex;
         flex-direction: column;
         align-items: center;
+        text-align: center;
         padding-top: 39px;
         .nickname-t08Mck {
             display: flex;
@@ -49,6 +50,9 @@
         }
     }
     .body-2wLx-E {
+        &.scrollerSeparator-CHLxyV {
+            box-shadow: none;
+        }
         .customStatus-3XAoF9 {
             margin-bottom: 16px;
             padding-top: 24px;

diff --git a/src/layout/_sidebar.scss b/src/layout/_sidebar.scss
@@ -5,6 +5,9 @@
     .container-1NXEtd, .privateChannels-oVe7HL, .scroller-WSmht3 {
         background-color: transparent;
     }
+    .sectionDivider-189lqb {
+        display: none;
+    }
     .container-1NXEtd {
         .container-1-ERn5 {
             // || Server Name

diff --git a/src/pages/_discovery.scss b/src/pages/_discovery.scss
@@ -13,5 +13,9 @@
                 background-color: var(--background-tertiary);
             }
         }
+        .searchBox-pyIJJj {
+            border-radius: var(--essence-default-rounding);
+            background-color: var(--input-background);
+        }
     }
 }
diff --git a/src/pages/_user-home.scss b/src/pages/_user-home.scss
@@ -94,7 +94,7 @@
             border-radius: var(--essence-default-rounding);
             background-color: var(--background-primary);
             .feature-2IUcBI {
-                background-color: var(--background-secondary);
+                background-color: var(--background-tertiary);
             }
         }
 

diff --git a/src/pages/_voice.scss b/src/pages/_voice.scss
@@ -7,7 +7,7 @@
         }
     }
     .callContainer-HtHELf {
-        border-radius: var(--essence-rounding);
+        border-radius: var(--essence-default-rounding);
     }
     .tile-2TcwiO, .root-1Emen5,
     .streamPreview-3Fo29Y, .videoWrapper-3rtb_V, .streamHidden-3N4Bj- {

diff --git a/src/pages/settings/_default.scss b/src/pages/settings/_default.scss
@@ -38,4 +38,13 @@
             }
         }
     }
+    .default-1Tkeeg {
+        border-radius: var(--essence-default-rounding);
+        box-shadow: none;
+        background-color: var(--background-secondary);
+    }
+
+    .container-20TyK0 {
+        background-color: var(--background-tertiary) !important;
+    }
 }
diff --git a/src/pages/settings/_server.scss b/src/pages/settings/_server.scss
@@ -7,6 +7,9 @@
     // || Roles
     .container-3EtAkD {
         background-color: var(--background-tertiary);
+        &:hover {
+            background-color: var(--background-modifier-hover);
+        }
     }
 
     // || Stickers
@@ -147,4 +150,7 @@
     .previewContainer-29oeA6 {
         background-color: var(--background-tertiary);
     }
+    .descriptionInput-2-jF56 {
+        background-color: var(--input-background);
+    }
 }
diff --git a/src/pages/settings/_user.scss b/src/pages/settings/_user.scss
@@ -264,6 +264,9 @@
     }
     .backgroundOptionInner-SSz19O {
         background-color: var(--background-primary);
+        .backgroundOptionContent-2-UepH {
+            color: var(--text-normal);
+        }
     }
 
     // || Activity Status

diff --git a/src/source.css b/src/source.css